@import "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')
}

/* 셀렉트 */
select::-ms-expand{ display:none; }

select.shs_select{ height:32px; padding:0 15px; border-radius:20px; background:#7d87a8 url('/images/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_visual{ height:200px; background:url('/images/common/bg_shs_visual.jpg') no-repeat center 0; background-size:100% 200px; }
.shs_visual .shs_visual_con{ position:relative; width:1200px; margin:0 auto; padding:64px 0;background:url('/images/common/bg_shs_visual_star.png') no-repeat center -30px; background-size:100% auto; }
.shs_visual img.shs_boy{ display:inline-block; position:absolute; top:33px; left:0; width:230px; }
.shs_visual h3{ text-align:center; font-weight:600; font-size:34px; color:#fff; }
.shs_visual h3 span{ display:block; margin-top:15px; font-weight:400; font-size:22px; color:#fff; }
.shs_visual img.shs_er_s{ position:absolute; bottom:25px; right:170px; width:120px;animation: bounce 1.8s infinite alternate; -webkit-animation: bounce 1.8s infinite alternate; }

@keyframes bounce {
  from {
	 transform: translateY(0px);
  }
  to {
	 transform: translateY(-10px);
  }
}
@-webkit-keyframes bounce {
  from {
	 transform: translateY(0px);
  }
  to {
	 transform: translateY(-10px);
  }
}
.shs_visual img.shs_er_b{ position:absolute; bottom:0; right:30px; width:135px; animation:bounce2 2.0s infinite alternate; -webkit-animation: bounce2 2.0s infinite alternate;  }
@keyframes bounce2 {
	from {
	   transform: translateY(0px);
	}
	to {
	   transform: translateY(-25px);
	}
  }
@-webkit-keyframes bounce2 {
	from {
		transform: translateY(0px);
	}
	to {
		transform: translateY(-25px);
	}
}

.sohaengseong_con{ position:relative; width:1200px; margin:0 auto; padding:50px 0;  }
.sohaengseong_con .location{ top:22px; right:0; bottom:inherit !important; text-align:right; }

.onword_box{ margin-bottom:50px; border:2px solid #818baa; border-radius:6px; }
.onword_box .onword_top{ overflow:hidden; padding:10px 15px; }
.onword_box .onword_top strong{ display:inline-block; float:left; margin-top:10px; font-weight:bold; font-size:16px; color:#364779; }
.onword_box .onword_top a.btn_arrow{ display:inline-block; float:right; padding:9px 30px 9px 13px; border-radius:6px; background:#364779 url('/images/common/ico_arrw_up.gif') no-repeat 87% center; background-size:11px 6px; color:#fff;}
.onword_box .onword_top a.btn_arrow.on{ background:#364779 url('/images/common/ico_arrw_dwn.gif') no-repeat 87% center; background-size:11px 6px; color:#fff; }
.onword_box .onword_top a.btn_arrow.off{ background:#364779 url('/images/common/ico_arrw_dwn.gif') no-repeat 87% center; background-size:11px 6px; color:#fff; }

.onword_box .onword_con{ padding:30px; border-top:1px solid #7e87a9; background:url('/images/common/img_onword_box05.png') no-repeat 96% center; background-size:260px auto; }
.onword_box .onword_con.ocbg02{ background:url('/images/common/img_onword_box04.gif') no-repeat 98% center; background-size:260px auto; }
.onword_box .onword_con span.cfe_air_tit{ display:block; margin-bottom:3px; font-family:"cafe_surrair"; font-weight:normal; font-size:25px; color:#364779; }
.onword_box .onword_con strong.cfe_tit{ display:block; margin-bottom:10px; font-family:"cafe_surr"; font-weight:bold; font-size:25px; color:#364779; }
.onword_box .onword_con p{ line-height:20px; }

.onword_rep_top{ overflow:hidden; position:relative; margin-bottom:20px; padding-bottom:10px; border-bottom:2px solid #364779; }
.onword_rep_top .onword_rep_left{ position:absolute; top:0; left:0; }
.onword_rep_top .onword_rep_left strong{ display:inline-block; margin-right:3px; font-size:16px; vertical-align:-1px; color:#364779; }
.onword_rep_top .onword_rep_left select.shs_select{ width:150px; }
.onword_rep_top .onword_rep_tit{ text-align:center; }
.onword_rep_top .onword_rep_tit a{ display:inline-block; margin-right:30px; vertical-align:10px; }
_:-ms-fullscreen, :root .onword_rep_top .onword_rep_tit a{ vertical-align:-4px; }
.onword_rep_top .onword_rep_tit a img{ width:16px; }
.onword_rep_top .onword_rep_tit a:last-child{ margin-left:30px; }
.onword_rep_top .onword_rep_tit h4{ display:inline-block; font-family:"cafe_surr"; font-size:32px; font-weight:bold; color:#364779; }
.onword_rep_top .onword_rep_left select::-ms-expand{ display:none; }
.onword_rep_top a.onw_btn_blu{ position:absolute; top:0; right:0; }

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

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


span.onp_ico01{ display:inline-block; padding:7px; border-radius:5px; background:#7268fe; vertical-align:top; 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; vertical-align:top; font-size:12px; color:#fff; }
span.onp_ico03{ display:inline-block; padding:7px; border-radius:5px; background:#ffa532; vertical-align:top; font-size:12px; color:#fff; }
span.onp_ico_tbc{ display:inline-block; padding:20px 10px; border-radius:30px; background:#fe4d39; vertical-align:top; font-size:12px; color:#fff; }

.advance_box{ position:relative; margin-top:-20px; padding:100px 180px;  background-color:#c4cae1; }
.advance_box.gachi{ padding:100px 180px 180px 180px;}
.advance_box::before{ content:''; position:absolute; bottom:60px; left:7%; width:1010px; height:192px; background-image:url('/images/common/bg_advance_box.png'); background-repeat:no-repeat; background-size:100% auto; z-index: 1000; }
.advance_box.gachi::before{ content:''; position:absolute; bottom:120px; }
.advance_box .advance_con{ position:relative; }
.advance_box .advance_con img{ width:100%; }
.advance_box .advance_con .if_vd{ position:absolute; bottom:325px; left:40px; }
.advance_box .advance_con a.sg_go{ position:absolute; bottom:70px; left:50%; margin-left:-38px; padding:24px 12px; border-radius:40px; font-weight:bold; background:#fff; color:#4e4764; z-index: 1010; }

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

.division_list{ overflow:hidden; margin-bottom:10px; padding:10px 20px; border-radius:12px; border:2px solid #808aab; }
.division_list strong{ display:inline-block; width:150px; float:left; margin:10px 0 0 0; color:#364779; }
.division_list .division_con { width:85%; float:left; }
.division_list .division_con .dc_slt01{ width:150px; }
.division_list .division_con .dc_slt02{ width:350px; background-position:95% center; }
.division_list .division_con input{ width:300px; padding:5px 8px; border-radius:20px; border:2px solid #ccc; }
.division_list .division_con textarea{ width:100%; height:300px; padding:15px; border-radius:20px; border:2px solid #ccc; }

.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 strong{ display:inline-block; float:left; margin:13px 0 0 0; font-size:16px; color:#364779; }
.division_top_box strong span{ display:inline-block; margin:0 3px; font-weight:bold; color:#767983; }
.division_top_box .dtb_search{ float:right; }
.division_top_box .dtb_search .dtb_search_con{ float:left; margin-right:8px; padding:3px 15px 3px 0; border-radius:20px; border:1px solid #364779; }
.division_top_box .dtb_search .dtb_search_con select{ width:80px; height:32px; padding:0 15px; border:none; background:url('/images/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 input{ width:150px; padding:5px; border:none; }
.division_top_box .dtb_search a{ display:inline-block; width:80px; float:left; padding:12px 0; border-radius:8px; background:#364779; text-align:center; font-size:14px; font-weight:bold; color:#fff; }

table.division_tb{ border-top:3px solid #364779; }
table.division_tb thead tr th{ padding:12px 0; border-bottom:1px solid #818baa; font-size:14px; font-weight:600; color:#364779; }
table.division_tb thead tr th:first-child{ padding:12px 0 12px 5px; text-align:left; }
table.division_tb tbody tr td{ padding:12px 0; border-bottom:1px solid #818baa; text-align:center; font-size:14px; font-weight:600; color:#494949; }
table.division_tb tbody tr td.al{ padding:12px 0 12px 5px; text-align:left; }
table.division_tb tbody tr a.txtj{  overflow:hidden; display:block; text-overflow:ellipsis; white-space:nowrap; }

ul.paging{ margin:40px 0 100px 0; text-align:center; }
ul.paging li{ display:inline-block; }
ul.paging li a{ display:inline-block; width:25px; height:25px; margin:0 1px; padding:5px 0; font-size:12px; 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:15px;
	text-indent:-2000px;
	background:url('/images/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:8px;
	height:15px;
	text-indent:-2000px;
	background:url('/images/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:8px;
	height:15px;
	text-indent:-2000px;
	background:url('/images/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:15px;
	text-indent:-2000px;
	background:url('/images/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; }

/* 메인 */
.main_shs_list{ overflow:hidden; width:1200px; margin:50px auto 100px auto; }
.main_shs_list .main_shs_left{ position:relative; width:575px; height:255px; float:left; margin-right:49px; padding-right:49px; }
.main_shs_list .main_shs_left::before{ content:''; position:absolute; top:0; right:0; width:1px; height:100%; background:#c7c7c7; }
.main_shs_list .main_shs_top{ overflow:hidden; margin-bottom:10px; }
.main_shs_list .main_shs_top h3{ float:left; margin:7px 0 0 0; font-size:18px; color:#146498; }
.main_shs_list .main_shs_top a{ display:inline-block; float:right; padding:6px 10px; border-radius:6px; border:1px solid #146498; font-size:14px; color:#555; }

.main_shs_list .main_shs_left .main_shs_bbox{ position:relative; margin-bottom:15px; }
.main_shs_list .main_shs_left .main_shs_bbox .main_shs_img{ position:absolute; top:0; left:0; width:170px; }
.main_shs_list .main_shs_left .main_shs_bbox .main_shs_img img{ width:100%; }
.main_shs_list .main_shs_left .main_shs_bbox .main_shs_txt{ margin-left:180px; }
.main_shs_list .main_shs_left .main_shs_bbox .main_shs_txt strong{ display:block; overflow:hidden; margin-bottom:4px; font-size:16px; text-overflow:ellipsis; white-space:nowrap; font-weight:bold; color:#494949; }
.main_shs_list .main_shs_left .main_shs_bbox .main_shs_txt strong span.onp_ico01{ margin-right:3px; padding:2px 7px;}
.main_shs_list .main_shs_left .main_shs_bbox .main_shs_txt p{ overflow:hidden; height:20px; margin-bottom:10px; text-overflow:ellipsis; white-space:nowrap; font-size:13px; color:#494949; }
.main_shs_list .main_shs_left .main_shs_bbox .main_shs_txt span.cher{ display:block; margin-bottom:6px; font-size:14px; color:#8f8f8f; }
.main_shs_list .main_shs_left .main_shs_bbox .main_shs_txt span.yym{ display:block; font-size:13px; color:#494949; }
.main_shs_list .main_shs_left ul.main_shs_sbox{  }
.main_shs_list .main_shs_left ul.main_shs_sbox li{ margin-bottom:10px; font-size:15px; color:#494949; }

.main_shs_list .main_shs_left ul.main_shs_sbox li span.onp_ico01{ margin-right:3px; padding:2px 7px;}

.main_shs_list .main_shs_right{ position:relative; width:575px; float:left; }
.main_shs_list .main_shs_right .main_shs_top{ width:370px; }
.main_shs_list .main_shs_right .on_box{ width:370px; height:208px; padding:15px; background:#f8f8f8; }
.main_shs_list .main_shs_right .on_box h4{ margin-bottom:15px; font-size:18px; font-weight:normal; color:#555555; }
.main_shs_list .main_shs_right .on_box h4 span{ font-weight:bold; }
.main_shs_list .main_shs_right .on_box ul{  }
.main_shs_list .main_shs_right .on_box ul li{ overflow:hidden; position:relative; margin-bottom:10px; font-size:14px; color:#000000; }
.main_shs_list .main_shs_right .on_box ul li:last-child{ margin-bottom:0;  }
.main_shs_list .main_shs_right .on_box ul li span{ display:inline-block; position:absolute; top:0; left:0; width:50px; font-weight:bold; }
.main_shs_list .main_shs_right .on_box ul li p{ margin-left:35px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.main_shs_list .main_shs_right a.shs_go{ position:absolute; top:0; right:0; width:185px; }

/* 안녕가치들어요 */
.sg_golist{ margin:-60px auto 20px auto; border-radius:15px; background:#fff; text-align:center; }
.sg_golist strong.sg_go_tit{ display:block; padding-top:20px;  font-weight:bold; font-size:22px; color:#364779; }
/*.sg_golist strong.sg_go_tit{ display:block; padding:20px 0; border-bottom:1px solid #bdc5dd; font-weight:bold; font-size:22px; color:#364779; }*/
.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: 22px 0px 22px 27px; background:#f5f6fa; font-weight:600;  }
.sg_golist .sg_ol ol li span{ float:left; margin:11px 0; font-size:16px; color:#00a0e9; }
.sg_golist .sg_ol ol li .check_wrap{ width:47%; float:left; text-align:left; font-size:16px; color:#00a0e9; }/* 20210406 수정 */
.sg_golist .sg_ol ol li .check_wrap:last-child{ /* float:right;  */}/* 20210406 수정 */
/*.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{padding:0 150px; font-weight:600; line-height:18px;margin-bottom:20px; }
.sg_golist .sg_ol p{padding:0 50px; font-weight:600; line-height:18px; }
.sg_golist .sg_ol p span{ font-weight:600; }

.sg_golist .sg_ol a.way_btn{ border-bottom:2px solid #00a0e9; font-weight:bold; font-size:18px; color:#00a0e9; }

p.sg_golis_btm { position:absolute; bottom:-100px; left:25%; font-weight:bold; color:#b56465; z-index:1000; }


/* 소행성 썸네일 슬라이드 */
.shs_thumbox{ overflow:hidden; margin-bottom:20px; }
.shs_thumbox .shs_zoom_img{ width:850px; height:450px; float:left; margin-right:15px; }
.shs_thumbox .shs_zoom_img img{ width:100%; height:100%; }
.shs_thumbox ul.shs_thumb { overflow-y:auto; width:335px; height:450px; }
.shs_thumbox ul.shs_thumb li{ overflow:hidden; margin-bottom:15px; }
.shs_thumbox ul.shs_thumb li img.symb_img{ width:153px; height:100px; float:left; margin-right:10px; }
.shs_thumbox ul.shs_thumb li .symb_txt{ width:153px; float:left; margin-top:7px; }
.shs_thumbox ul.shs_thumb li .symb_txt span.onp_ico01{ margin-bottom:7px; }
.shs_thumbox ul.shs_thumb li .symb_txt p{ overflow:hidden; height:35px; margin-bottom:2px; font-weight:600; font-size:15px; line-height:18px; color:#555; }
.shs_thumbox ul.shs_thumb li .symb_txt span.yym{ font-size:12px; color:#555; }
.shs_thumbox ul.shs_thumb li a{ display:block; position:relative; }
/*.shs_thumbox ul.shs_thumb li.on a{ height:100px; background:#364779;}
.shs_thumbox ul.shs_thumb li.on a p{ color:#fff; }
.shs_thumbox ul.shs_thumb li.on a span.yym{ color:#fff; } */
.shs_thumbox ul.shs_thumb li.on a::before{ content:''; position:absolute; top:0; left:0; width:99.3%; height:98px; border:1px solid #364779; }

.thum_txt_top{ position:relative; margin-bottom:40px; }
.thum_txt_top .thumtxt_toptit{ font-weight:600; font-size:26px; color:#494949; }
.thum_txt_top .thumtxt_toptit span.onp_ico01{ margin-right:7px; vertical-align:4px; }
.thum_txt_top .thumtxt_toptit p{ margin-top:10px; font-weight:400; }
.thum_txt_top span.thum_yym{ position:absolute; top:10px; right:0; }

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

.thum_ut a span.retxt{ background:url('/images/common/ico_retxt.png') no-repeat left 7px; background-size:24px 22px; }

.thum_txt_input{ overflow:hidden; margin-bottom:100px; }
.thum_txt_input input{ width:210px; height:40px; float:left; margin-right:10px; padding:13px; border:2px solid #c9c9c9; }
.thum_txt_input input.txtare{ width:81.5%; margin:0 0 15px; }
.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; }
/* 20210406 추가 */
.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.5em; transform: translateY(-50%); opacity: 10; }
.check_wrap .checkbox + label { display:inline-block; position: relative; padding-left: 24px; vertical-align: middle; line-height:20px; }
.check_wrap .checkbox + label:before { content: '';  position:absolute; top:1px; left:0; width:16px; height:16px; background:url('/images/common/bg_check_off.png') no-repeat; background-size: 16px;}
.check_wrap .checkbox:checked + label:before { background: url('/images/common/bg_check_on.png') no-repeat; background-size: 16px;  }
.check_wrap .checkbox:focus + label:before { outline: 2px solid #a6c8ff;}

a.all_chk{ display:inline-block; margin-bottom:20px; padding:9px 13px; border-radius:6px; border:2px solid #02337f; background:#fff; font-size:16px; font-weight:600; color:#02337f; }


/* 디지털 리터러시 */
.digital_sub{  box-sizing:none; }
.digital_sub.dsbbg{ background: url('../images/sub/bg_digitalsub_top.png') no-repeat center top; }
.digital_sub .digital_sub_top{ height:253px; padding:70px 0 50px 70px; }
.digital_sub .digital_sub_top strong{ display:block; margin-bottom:27px; font-size:24px; font-weight:bold; font-family:"cafe_surr"; color:#364779; }
.digital_sub .digital_sub_top p{ margin-bottom:12px; font-size:18px; font-family:"cafe_surrair"; color:#364779; }

.digital_sub .digital_info_con{ margin:0 20px; }
.digital_sub .digital_info_con .dic_list_mild{ overflow:hidden; }
.digital_sub .digital_info_con .dic_list_mild .dlm_left{ width:70px; float:left; margin:0 10px 10px 0; }
.digital_sub .digital_info_con .dic_list_mild .dlm_left .dic_sp{ position:relative; width:70px; height:40px; margin-bottom:10px; background:url('../images/sub/bg_tit_ssg.png') no-repeat; }
.digital_sub .digital_info_con .dic_list_mild .dlm_left .dic_sp strong{ position:absolute; font-weight:bold; font-size:13px; color:#fff; }
.digital_sub .digital_info_con .dic_list_mild .dlm_left .dic_sp strong.dbsp01{ bottom:8px; left:8px; }
.digital_sub .digital_info_con .dic_list_mild .dlm_left .dic_sp strong.dbsp02{ top:7px; right:5px; }
.digital_sub .digital_info_con .dic_list_mild .dlm_left span{ display:block; border:2px solid #90a5f6; border-radius:10px; text-align:center; font-size:13px; font-weight:bold; color:#90a5f6; }

.digital_sub .digital_info_con .dic_list_mild .dlm_left span.dlm_tit01{ height:67px; margin-bottom:10px; padding:10px 0; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.digital_sub .digital_info_con .dic_list_mild .dlm_left span.dlm_tit01{ padding:18px 0; }
}
.digital_sub .digital_info_con .dic_list_mild .dlm_left span.dlm_tit02{ height:147px ;padding:45px 0; margin-bottom:10px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.digital_sub .digital_info_con .dic_list_mild .dlm_left span.dlm_tit02{ padding:55px 0; }
}
.digital_sub .digital_info_con .dic_list_mild .dlm_left span.dlm_tit03{ height:33px; padding:9px 0; }
.digital_sub .digital_info_con .dic_list_mild .dlm_con{ width:405px; float:left; margin:0 10px 10px 0; }
strong.dic_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 .digital_info_con .dic_list_mild .dlm_con a.dlm_btn01{ position:relative; width:50px; height:267px; float:left; margin-right:10px; padding:35px 19px; border-radius:10px; background:#ecf0ff; line-height:20px; font-size:15px; font-weight:bold; color:#364779; }
.digital_sub .digital_info_con .dic_list_mild .dlm_con a.dlm_btn01:hover::before{ content:''; position:absolute; top:0; left:0; border-radius:10px; width:48px; height:98.5%; border:2px solid #364779; }

.digital_sub .digital_info_con .dic_list_mild .dlm_con .dlm_con_sc{ position:relative; width:345px; float:right; }
.digital_sub .digital_info_con .dic_list_mild .dlm_con .dlm_con_sc::before{ content:''; position:absolute; top:50px; left:131px; width:17px; height:17px; background:url('../images/sub/bg_plus.png') no-repeat 0 0;  }
.digital_sub .digital_info_con .dic_list_mild .dlm_con .dlm_con_sc .dlm_consc_tp{ overflow:hidden; margin-bottom:10px; }
.digital_sub .digital_info_con .dic_list_mild .dlm_con .dlm_con_sc .dlm_consc_tp .dlm_consc_lf{ position:relative; width:125px; float:left; padding:13px 10px; border-radius:10px; background:#ecf0ff; text-align:center; }
.digital_sub .digital_info_con .dic_list_mild .dlm_con .dlm_con_sc .dlm_consc_tp .dlm_consc_lf strong{ display:block; margin-bottom:10px; font-size:15px; font-weight:bold; color:#364779; }
.digital_sub .digital_info_con .dic_list_mild .dlm_con .dlm_con_sc .dlm_consc_tp .dlm_consc_lf a{ display:block; width:47%; height:60px; float:left; padding:17px 5px; border-radius:10px; background:#fff; font-size:13px; }
.digital_sub .digital_info_con .dic_list_mild .dlm_con .dlm_con_sc .dlm_consc_tp .dlm_consc_lf a:last-child{  float:right;  }
.digital_sub .digital_info_con .dic_list_mild .dlm_con .dlm_con_sc .dlm_consc_tp .dlm_consc_lf a:hover::before{ content:''; position:absolute; top:0; left:0; border-radius:10px; width:123px; height:96%; border:2px solid #364779;  }
.digital_sub .digital_info_con .dic_list_mild .dlm_con .dlm_con_sc .dlm_consc_tp .dlm_consc_rf{ position:relative; width:190px; float:right; padding:13px 10px; border-radius:10px; background:#ecf0ff; text-align:center; }
.digital_sub .digital_info_con .dic_list_mild .dlm_con .dlm_con_sc .dlm_consc_tp .dlm_consc_rf strong{ display:block; margin-bottom:10px; font-size:15px; font-weight:bold; color:#364779; }
.digital_sub .digital_info_con .dic_list_mild .dlm_con .dlm_con_sc .dlm_consc_tp .dlm_consc_rf a{ display:block; width:31.2%; height:60px; float:left; margin-right:5px; padding:17px 5px; border-radius:10px; background:#fff; font-size:13px; }
.digital_sub .digital_info_con .dic_list_mild .dlm_con .dlm_con_sc .dlm_consc_tp .dlm_consc_rf a:last-child{ margin-right:0; padding:17px 2px; }
.digital_sub .digital_info_con .dic_list_mild .dlm_con .dlm_con_sc .dlm_consc_tp .dlm_consc_rf a:hover::before{ content:''; position:absolute; top:0; left:0; border-radius:10px; width:186px; height:96%; border:2px solid #364779;  }

a.dlm_btn02{ position:relative; width:100%; float:left; margin-bottom:10px; padding:16px 19px; border-radius:10px; background:#ecf0ff; line-height:20px; font-size:15px; text-align:center; font-weight:bold; color:#364779; }
a.dlm_btn02:hover::before{ content:''; position:absolute; top:0; left:0; border-radius:10px; width:98.5%; height:98.5%; border:2px solid #364779; }

.digital_sub .digital_info_con .dic_list_mild .dlm_con .dlm_con_sc .dlm_consc_btm{ position:relative; width:100%; float:left; padding:11px 10px; border-radius:10px; background:#ecf0ff; text-align:center; }
.digital_sub .digital_info_con .dic_list_mild .dlm_con .dlm_con_sc .dlm_consc_btm strong{ display:block; margin-bottom:10px; font-size:15px; font-weight:bold; color:#364779; }
.digital_sub .digital_info_con .dic_list_mild .dlm_con .dlm_con_sc .dlm_consc_btm a{ display:block; width:49%; float:left; margin-right:6px; padding:12px 5px; border-radius:10px; background:#fff; font-size:13px; }
.digital_sub .digital_info_con .dic_list_mild .dlm_con .dlm_con_sc .dlm_consc_btm a:last-child{ margin-right:0;  }
.digital_sub .digital_info_con .dic_list_mild .dlm_con .dlm_con_sc .dlm_consc_btm 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 .digital_info_con .dic_list_mild .dlm_right{ width:405px; float:left; margin:0 0 10px 0;}
.digital_sub .digital_info_con .dic_list_mild .dlm_right .dlm_rigth_con{ position:relative; width:100%; float:left; margin-bottom:10px; padding:8px 10px; border-radius:10px; background:#ecf0ff; text-align:center;}
.digital_sub .digital_info_con .dic_list_mild .dlm_right .dlm_rigth_con strong{ display:block; margin-bottom:10px; font-size:15px; font-weight:bold; color:#364779; }
.digital_sub .digital_info_con .dic_list_mild .dlm_right .dlm_rigth_con a{ display:block; border-radius:10px; background:#fff; font-size:13px; }

.digital_sub .digital_info_con .dic_list_mild .dlm_right .dlm_rigth_con a.first{ float:left; margin-right:5px; padding:17px 27px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.digital_sub .digital_info_con .dic_list_mild .dlm_right .dlm_rigth_con a.first{ padding:22px 27px; }
}
.digital_sub .digital_info_con .dic_list_mild .dlm_right .dlm_rigth_con .dlm_con_con{ width:67%; float:left; }
.digital_sub .digital_info_con .dic_list_mild .dlm_right .dlm_rigth_con .dlm_con_con a{ width:126px; float:left; margin:0 5px 5px 0; padding:9px 5px 10px 5px; }
.digital_sub .digital_info_con .dic_list_mild .dlm_right .dlm_rigth_con .dlm_con_con a:nth-child(2n){ margin-right:0; }
.digital_sub .digital_info_con .dic_list_mild .dlm_right .dlm_rigth_con .dlm_con_con a:nth-child(3){ margin-bottom:0; }
.digital_sub .digital_info_con .dic_list_mild .dlm_right .dlm_rigth_con .dlm_con_con a:nth-child(4){ margin-right:0; margin-bottom:0; }
.digital_sub .digital_info_con .dic_list_mild .dlm_right .dlm_rigth_con 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 .digital_info_con .dic_list_mild .dlm_right .dlm_rigth_btm{ position:relative; width:100%; float:left; padding:11px 10px; border-radius:10px; background:#ecf0ff; text-align:center;}
.digital_sub .digital_info_con .dic_list_mild .dlm_right .dlm_rigth_btm strong{ display:block; margin-bottom:10px; font-size:15px; font-weight:bold; color:#364779; }
.digital_sub .digital_info_con .dic_list_mild .dlm_right .dlm_rigth_btm a{ display:block; width: 23.7%; float:left; margin-right:5px; padding:12px 5px; border-radius:10px; background:#fff; font-size:13px;  }
.digital_sub .digital_info_con .dic_list_mild .dlm_right .dlm_rigth_btm a:hover::before{ content:''; position:absolute; top:0; left:0; border-radius:10px; width:98.5%; height:95.5%; border:2px solid #364779;  }


@media screen and (-webkit-min-device-pixel-ratio:0) {
	.digital_sub .digital_info_con .dic_list_mild .dlm_left span.dlm_tit02{ padding:55px 0; }
}

.digital_sub .digital_info_con .dic_list_btm{ overflow:hidden; margin-bottom:20px; }
.digital_sub .digital_info_con .dic_list_btm .dlb_left{ width:70px; float:left; margin-right:10px; }
.digital_sub .digital_info_con .dic_list_btm .dlb_left span{ display:table-cell; width:70px; height:280px; border:2px solid #90a5f6; border-radius:10px; vertical-align:middle; text-align:center; font-size:13px; font-weight:bold; color:#90a5f6; }

.digital_sub .digital_info_con .dic_list_btm .dlb_con { width:266.6px; float:left; margin-right:10px; }
.digital_sub .digital_info_con .dic_list_btm .dlb_con a.dlm_btn02{ margin-bottom:0; }
.digital_sub .digital_info_con .dic_list_btm .dlb_con a.dlm_btn02:hover::before{ content:''; position:absolute; top:0; left:0; border-radius:10px; width:98.5%; height:92.5%; border:2px solid #364779; }

.digital_sub .digital_info_con .dic_list_btm .dlb_con:last-child{ margin-right:0; }
.digital_sub .digital_info_con .dic_list_btm .dlb_con .dlb_con_btn01{ overflow:hidden; position:relative; padding: 12px 10px; border-radius: 10px; background: #ecf0ff; text-align: center; }
.digital_sub .digital_info_con .dic_list_btm .dlb_con .dlb_con_btn01 a{ display: block; width: 48.5%; height:47px; float: left; margin:0 6px 6px 0; padding: 4px 5px; border-radius: 10px;  background: #fff; font-size: 13px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.digital_sub .digital_info_con .dic_list_btm .dlb_con .dlb_con_btn01 a{ padding: 12px 5px; }
}
.digital_sub .digital_info_con .dic_list_btm .dlb_con .dlb_con_btn01 a:nth-child(2){ margin-right:0; }
.digital_sub .digital_info_con .dic_list_btm .dlb_con .dlb_con_btn01 a:nth-child(4){ margin-right:0; }
.digital_sub .digital_info_con .dic_list_btm .dlb_con .dlb_con_btn01 a:nth-child(6){ margin-right:0; }
.digital_sub .digital_info_con .dic_list_btm .dlb_con .dlb_con_btn01 a:nth-child(7){ margin-bottom:0; }
.digital_sub .digital_info_con .dic_list_btm .dlb_con .dlb_con_btn01 a:nth-child(8){ margin-right:0; margin-bottom:0; }
.digital_sub .digital_info_con .dic_list_btm .dlb_con .dlb_con_btn01 a span{ vertical-align:-12px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.digital_sub .digital_info_con .dic_list_btm .dlb_con .dlb_con_btn01 a span{ vertical-align:-5px;}
}
.digital_sub .digital_info_con .dic_list_btm .dlb_con .dlb_con_btn01 a:hover::before{ content:''; position:absolute; top:0; left:0; border-radius:10px; width:98.5%; height:98%; border:2px solid #364779;  }

.digital_sub .digital_info_con .dic_list_btm .dlb_con .dlb_con_btn02{ position:relative; margin-bottom:10px; padding:10px; border-radius: 10px; background: #ecf0ff; text-align: center; }
.digital_sub .digital_info_con .dic_list_btm .dlb_con .dlb_con_btn02 strong{ display: block; margin-bottom: 10px; font-size: 15px; font-weight: bold;  color: #364779; }
.digital_sub .digital_info_con .dic_list_btm .dlb_con .dlb_con_btn02 a{ display: block; margin-bottom: 6px; padding: 12px 5px;  border-radius: 10px;  background: #fff;  font-size: 13px; }
.digital_sub .digital_info_con .dic_list_btm .dlb_con .dlb_con_btn02 a:last-child{ margin-bottom:0; }
.digital_sub .digital_info_con .dic_list_btm .dlb_con .dlb_con_btn02 a:hover::before{ content:''; position:absolute; top:0; left:0; border-radius:10px; width:98.5%; height:98%; border:2px solid #364779;  }

.digital_sub .digital_info_con .dic_list_btm .dlb_con .dlb_con_btn03{ overflow:hidden; position:relative; padding:12px 10px; border-radius: 10px; background: #ecf0ff; text-align: center; }
.digital_sub .digital_info_con .dic_list_btm .dlb_con .dlb_con_btn03 a{ display: block; width:48.5%; height:64.5px; float:left; margin:0 6px 6px 0; border-radius: 10px; background: #fff;
    line-height: 66px; font-size: 13px; }
.digital_sub .digital_info_con .dic_list_btm .dlb_con .dlb_con_btn03 a.first{ width:100%; margin-right:0; }
.digital_sub .digital_info_con .dic_list_btm .dlb_con .dlb_con_btn03 a:nth-child(3){ margin-right:0; }
.digital_sub .digital_info_con .dic_list_btm .dlb_con .dlb_con_btn03 a:nth-child(4){ margin-bottom:0; }
.digital_sub .digital_info_con .dic_list_btm .dlb_con .dlb_con_btn03 a:nth-child(5){ margin-right:0; margin-bottom:0; }
.digital_sub .digital_info_con .dic_list_btm .dlb_con .dlb_con_btn03 a:hover::before{ content:''; position:absolute; top:0; left:0; border-radius:10px; width:98.5%; height:98%; border:2px solid #364779;  }

.digital_sub .digital_info_con p.digital_info_btm{ text-align:right; font-family:"cafe_surr"; font-weight:bold; font-size:16px; color:#364779; }


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

.digital_serch_box{ overflow:hidden; position:relative; margin-bottom:30px; padding:10px 0 10px 30px; border:2px solid #90a5f6; border-radius:20px; }
.digital_serch_box .digital_select{ float:left; margin-right:30px; }
.digital_serch_box .digital_select strong{ margin-right:10px; font-weight:bold; color:#36487a; }
.digital_serch_box .digital_select select{
	width: 168px;
    height: 34px;
    padding: 0 15px;
    border: none;
    background:#e9edfd url('../images/sub/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;
}

.digital_serch_box input.digital_serch{ padding:10px; width:330px; height:34px; background:#e9edfd; }
.digital_serch_box a.srh_btn{ position:absolute; top:0; right:0; }

.digital_text_top{  padding-bottom:13px; border-bottom:2px solid #36487a; overflow:hidden; }
.digital_text_top p{ font-size:16px; display:inline-block; float: left; }
.digital_text_top p strong{ font-weight:bold; color:#90a5f6; }
.digital_text_top p span{ font-size:13px; color:#444444; }
.digital_text_top .digital_view_btn { float:right; }
.digital_text_top .digital_view_btn .v_btn { background:none; position:relative; padding-left:5px;}
.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:293px; float:left; margin:30px 0 0 30px; cursor: pointer; }
ul.digital_list_box li:first-child{ margin-left:0; }
ul.digital_list_box li:nth-child(4){ margin-left:0; }
ul.digital_list_box li:nth-child(7){ margin-left: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; width:190px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden}


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 p{ padding-bottom:16px; border-bottom:1px solid #cbcbcb; font-size:15px; font-weight:bold; color:#444444;height:56px; }

ul.digital_list_box li .dit_bottom { padding-top:12px;}
ul.digital_list_box li .dit_bottom:after { content:''; display:block; clear:both; }
ul.digital_list_box li .dit_bottom span.txt_btm { float: left; padding-top:2px; font-size:13px;}

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

.digital_con{ display:none; }

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

.dit_view_con{ overflow:hidden; margin-bottom:22px; padding-bottom:22px; border-bottom:2px solid #36487a; }
.dit_view_con .dit_view_con_txt:after {content:''; display:block; clear:both; }
.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; }
.dit_view_con p.dit_lookup{ margin-bottom:15px; color:#444444; float:left;  }
.dit_view_con p.dit_lookup span{ display:inline-block; padding:5px 10px; background:#90a5f6; border-radius:5px; font-size:15px; vertical-align: -1px; color:#fff; }


.view_box{ width:100%; min-height:300px;  background:#e3e3e3; }

.list_btn{ text-align:right; }
.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 (max-width:1200px) {
    .main_shs_list{ width:calc( 100% - 10px ); }
	.main_shs_list .main_shs_left{ width:49%; margin-right:15px; padding-right:15px; }
	.main_shs_list .main_shs_right{ width:49%; }
	.main_shs_list .main_shs_right .main_shs_top{ width:61%; }
	.main_shs_list .main_shs_right .on_box{ width:61%; }
}

@media (max-width:1024px) {
	.main_shs_list .main_shs_left{ width:100%; margin-right:0; margin-bottom:30px; padding-right:0; }
	.main_shs_list .main_shs_left::before{ content:none; }
	.main_shs_list .main_shs_right{ width:100%; }
	.main_shs_list .main_shs_right .main_shs_top{ width:auto; margin-right:200px; }
	.main_shs_list .main_shs_right .on_box{ width:auto; margin-right:200px; }
}

@media (max-width:480px) {
	.main_shs_list .main_shs_left{ height:100%; float:none; }
	.main_shs_list .main_shs_left .main_shs_bbox .main_shs_img{ position:inherit; top:inherit; left:inherit; width:100%; margin-bottom:10px; }
	.main_shs_list .main_shs_left .main_shs_bbox .main_shs_txt{ margin-left:0; }

	.main_shs_list .main_shs_right{ float:none; }
	.main_shs_list .main_shs_right .main_shs_top{ width:100%; margin-right:0; }
	.main_shs_list .main_shs_right .on_box{ width:100%; margin-right:0; margin-bottom:20px; }
	.main_shs_list .main_shs_right a.shs_go{ position:inherit; right:inherit; top:inherit; width:100%; }
	.main_shs_list .main_shs_right a.shs_go img{width:100%; }
}




/* dumicode */
.bdl_none {border-left:none !important;}

.digital_intro {color:#555; letter-spacing:-1px; letter-spacing:-1.5px\0;}
.d_intro_txt {}
.d_intro_txt p {padding-top:3px; font-size:15px; line-height:22px;}
.d_intro_txt .di_tit {margin-top:20px; color:#008098; font-size:20px; line-height:24px; font-weight:800;}
.d_intro_txt .di_txt {margin-top:5px; font-size:18px; line-height:23px;}
.d_intro_txt .txt_bg {margin-top:70px; background:url('../images/sub/bg_digital_txt_bg.jpg') no-repeat right 35px;}
.d_intro_txt .txt_bg .di_stit {padding-top:17px; font-size:18px; line-height:24px; 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;}
.d_intro_txt .txt_bg .di_stit:first-child {padding-top:0;}

.di_con_hrd {display:flex; align-items:flex-end; margin-top:100px; background:#1f9ea2; padding:8px 8px 8px 0px; box-sizing: border-box;;}
.di_con_hrd .th {width:57px; height:166px; padding:64px 0; color: #fff; font-size:15px; line-height:18px; font-weight:400; text-align:center;}
.di_con_hrd .td {flex-grow:1; width:215px; height:166px; margin-right:5px; background:#fff; border-radius:10px; padding:14px; text-align:left; box-sizing:border-box;}
.di_con_hrd .td:last-child { margin-right:0;}
.di_con_hrd .td.td01 dt { color:#5cd6d2}
.di_con_hrd .td.td02 dt { color:#33bdb8}
.di_con_hrd .td.td03 dt { color:#1f9ea2}
.di_con_hrd .td.td04 dt { color:#16637d}
.di_con_hrd .td dt { font-family: 'cafe_surr'; font-size:18px; line-height:22px; font-weight:800;}
.di_con_hrd .td dd {margin-top:30px; font-size:15px; line-height:20px;}
.di_con_hrd .td.td04 dd { margin-top:7px}

.di_con_table {width:100%; table-layout:fixed; background: #52b3b7}
.di_con_table tr.tbl_head { background:#fff;}
.di_con_table tr.tbl_head th { background:#fff; padding:7px 0; color:#555; border-bottom:none;}
.di_con_table tr.tbl_head td { padding:7px 0; border-bottom:none;}
.di_con_table th {padding:8px 6px; border-bottom:1px solid #fff; border-left:1px solid #fff; color:#fff; font-size:15px; line-height:18px; font-weight:400; text-align:center;}
.di_con_table th.bg_dark { background:#1f9ea2}
.di_con_table td {padding:3px; border-bottom:1px solid #fff; text-align:left;}
.di_con_table td .txts:after {content:''; display:block; clear:both;}
.di_con_table td .txts li {font-family: 'cafe_surrair'; text-align:center; float:left; /*margin-left:165px;*/ padding:6px 0; font-size:15px; line-height:20px; color:#555; border-right:1px solid #3778c2}
.di_con_table td .txts li:nth-child(1) {width:233px; border-left:1px solid #3778c2}
.di_con_table td .txts li:nth-child(2) { width:293px;}
.di_con_table td .txts li:nth-child(3) { width:calc(100% - 526px)}
/* .di_con_table td .txts li:first-child {margin-left:105px;} */
.di_con_table td .btns {position:relative; font-size:0; line-height:0;}
.di_con_table td .btns .btn {font-family: 'cafe_surr'; display:inline-block; margin:6px 5px 6px 0; text-align:center; vertical-align:top; box-sizing: border-box; -webkit-box-sizing: border-box;}
/* .di_con_table td .btns .btn:hover {border-color:#000; color:#000; box-shadow:0 4px 5px rgba(0,0,0,0.15);} */


.di_con_table td .btns .btn.h_big {position:absolute; top:51px; width:28px; height:430px; margin:0; z-index:5;}
.di_con_table td .btns .btn.h_small {position:absolute; top:0; width:28px; height:210px; margin:0; z-index:5;}

.tipbox {margin-top:24px; padding-bottom:20px; font-size:0; line-height:0;}
.tipbox span {display:inline-block; margin:10px 35px 0 0; color:#959595; font-size:13px; line-height:28px;}
.tipbox span .bg {display:inline-block; width:40px; height:28px; margin-right:10px; 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; border:1px solid #5e48e4 }
.tipbox span .bg.bg03 { background:#cbe3ff; border:1px solid #3778c2}
.tipbox span .bg.bg04{ background:#ddfdff; border:1px solid #1f9ea2;}

.subtitle {margin-top:75px; color:#2c2c2c; font-size:24px; line-height:30px; font-weight:800;}
.board_list {width:100%; margin-top:25px; border-top:1px solid #017f98;}
.board_list table {width:100%; table-layout:fixed;}
.board_list thead th {padding:15px 0; color:#017f98; font-size:18px; line-height:23px; font-weight:800; text-align:center;}
.board_list tbody td {padding:14px 5px; border-top:1px solid #c3c3c3; color:#494949; font-size:18px; line-height:23px; text-align:center;}
.board_list tbody td .btn_go {display:inline-block; padding:0 10px; border-radius:5px; background:#017f98; color:#fff; font-size:15px; 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:286px; margin-top:-1px; border-bottom:1px solid #c3c3c3; overflow:auto;}
.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:25px;}
.cmt_wrap .writebox {display:flex; padding:14px 14px 79px 12px; background:#efefef;}
.cmt_wrap .writebox textarea.textarea {flex-grow:1; height:67px; padding:15px; border:1px solid #c3c3c3; background:#fff; box-sizing:border-box; resize:none; font-size:18px; line-height:23px; letter-spacing:-1px; letter-spacing:-1.8px\0;}
.cmt_wrap .writebox .btn_sbmt {width:100px; height:67px; margin-left:5px; padding:0; border:none; border-radius:5px; background:#017f98; color:#fff; font-size:18px; line-height:67px; font-weight:800; text-align:center;}
.cmt_wrap .cmt_list {margin-top:40px; border-top:1px solid #c3c3c3;}
.cmt_wrap .cmt_list .cmt_item {padding:24px 12px; border-bottom:1px solid #c3c3c3;}
.cmt_wrap .cmt_list .cmt_item .nm_date {color:#959595; font-size:18px; line-height:27px;}
.cmt_wrap .cmt_list .cmt_item .cmt_txt {margin-top:10px; color:#494949; font-size:18px; line-height:27px;}

ul.paging.color_type02 li a:hover,
ul.paging.color_type02 li.active a{background:#017f98;}
ul.paging.color_type02 li a.first:hover,
ul.paging.color_type02 li a.prev:hover,
ul.paging.color_type02 li a.next:hover,
ul.paging.color_type02 li a.end:hover{ background:none; }

.family_links {margin-top:10px; border-collapse:collapse}
.family_links td {height:59px; border:1px solid #c3c3c3; padding:12px 0; text-align:center;}
.family_links td a {color:#494949; font-size:15px; line-height:17px;}
.family_links td 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 {  }

.digiaca_wrap .digiaca_info {
	letter-spacing: -0.03em;
	border-radius: 12px;
	border:2px solid #7e87a9;
}
.digiaca_wrap .digiaca_info_top {
	position: relative;
	padding: 15px 28px 12px;
	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: 9px;
	background: #364779 url(/images/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/common/ico_arrw_up.gif) 87% center no-repeat;
	background-size: 12px 6px;
}

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

.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: 38px;
	letter-spacing: -1px;
	margin-bottom: 20px;
}

.digiaca_wrap .digiaca_info_cont .cont_txt1 {
	font-size: 18px;
	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 {
	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/sub/man.png) top 19px center no-repeat;
}

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

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

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

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

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

.digiaca_wrap .digiaca_info_cont .cont_txt3 {
	font-size: 18px;
	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 {
	width: 900px;
	height: 800px;
	background: url(/images/sub/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: 16px;
	padding-bottom: 15px;
}

.digiaca_wrap .digiaca_preview .pre_wrap .pre_detail dd {
	line-height: 1.2;
}

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


.digiaca_wrap .digiaca_preview .data_li .pre_wrap {
	width: 120px;
	height: 39px;
	left: 36%;
    top: 412px;
	transform: translateX(-50%);
}

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

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


.digiaca_wrap .digiaca_preview .media_li .pre_wrap {
	width: 120px;
	height: 39px;
	left: 36%;
    top: 301px;
	transform: translateX(-50%);
}

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

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

.digiaca_wrap .digiaca_preview .digi_co .pre_wrap {
	width: 119px;
	height: 39px;
	left: 451px;
    top: 213px;
	transform: translateX(-50%);
}

.digiaca_wrap .digiaca_preview .digi_co .pre_wrap:after {
	left: -14px;
    top: -158px;
	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: 131px;
	height: 39px;
	left: 517px;
    top: 301px;
}

.digiaca_wrap .digiaca_preview .digi_eth .pre_wrap:after {
	left: 88px;
    top: -143px;
	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: 131px;
	height: 39px;
	left: 517px;
    top: 412px;
}

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

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




.digiaca_wrap .digiaca_edu { position: relative; margin-top: 80px; }

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

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

.digiaca_wrap .digiaca_edu .edu_cont {
	height: 609px;
	background: url(/images/sub/edu_bg.png) no-repeat;
	padding: 192px 110px 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;
	padding-right: 110px;
}

.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_edu .img_layerpopup {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: -250px;
	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);
}

.digiaca_edu .img_layerpopup .img_wrap {
	height: 100%;
}

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

.digiaca_edu .img_layerpopup._show {
	display: block;
}

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

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

.digiaca_wrap .digiaca_edu .hrd_str {
	position: absolute;
	margin-left: 75px;
	top: 46px;
	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;
	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: -329px;
	border-radius: 20px 20px 0 20px;
}
.digiaca_wrap .digiaca_edu .hrd_str .digi_gov .hrd_detail {
	left: -329px;
	border-radius: 20px 20px 0 20px;
}

.hrd_detail dt {
	font-size: 16px;
    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_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;
}

/* 데이터 티키타카 */
.tikitaka_con{ position:relative; width:1200px; margin:0 auto; padding:50px 0;  }
.tikitaka_con .location{ top:22px; right:0; bottom:inherit !important; text-align:right; }

.shs_visual.tikitaka { background:url(/images/sub/main_bg.jpg) no-repeat center center; background-size:cover }
.shs_visual.tikitaka .shs_visual_con { background:none;}
.shs_visual.tikitaka .center_bg { width:100%; margin:0 auto; position:absolute; top:0; }
.shs_visual.tikitaka h3 span { margin-bottom:10px;}

.onword_box.tikitaka_box { background:none;}
.onword_box .onword_con.ocbg02.tikitaka_intro { background:none;}
.onword_box.tikitaka_box .onword_top a.mypage { display: inline-block; float: right; padding: 9px 13px 9px 13px; border-radius: 6px; background: #364779 ; color: #fff; margin-right:5px; }

.tikitaka_intro:after { content:''; display:block; clear:both; }
.tikitaka_intro .tikitaka_intro_left { float:left; width:790px; height:220px; overflow-y: auto; padding:10px 0; }

/* 211006 텍스트 수정(s) */
.tikitaka_intro .tikitaka_intro_left .new_title { display:block; font-family: "cafe_surr";
    font-weight: bold; font-size: 25px; color:#fdd600; margin-bottom: 10px;}
.tikitaka_intro .tikitaka_intro_left .new_text_box { line-height:20px; margin-bottom:25px;}
.tikitaka_intro .tikitaka_intro_left .new_text_box em.fc_blue { color:#364779; font-weight:600 }
.tikitaka_intro .tikitaka_intro_left .new_text_box h3 { font-size:20px; color:#364779; line-height:1.2; margin-bottom:10px; }

/* 211025 텍스트 추가  및 변경(s) */
.tikitaka_intro .tikitaka_intro_left .new_text_box p.big_tit { font-size:18px; color:#000; font-weight:600;}
.tikitaka_intro .tikitaka_intro_left .new_text_box ul { margin:5px 0;}
.tikitaka_intro .tikitaka_intro_left .new_text_box ul li { padding:3px 0; line-height:1.2}
.tikitaka_intro .tikitaka_intro_left .new_text_box .preview_img { font-size:0; margin-top:10px;}
.tikitaka_intro .tikitaka_intro_left .new_text_box .preview_img > a { display:inline-block; width:calc((100% - 30px) / 4); height:auto; margin-right:10px; }
.tikitaka_intro .tikitaka_intro_left .new_text_box .preview_img > a:last-child { margin-right:0}
.tikitaka_intro .tikitaka_intro_left .new_text_box .preview_img > a > img { width:100%;}

.tikitaka_intro .tikitaka_intro_left .text_box_img { width: 700px; margin:20px 0; }
.tikitaka_intro .tikitaka_intro_left .text_box_img.box_size2 { width:400px;}
.tikitaka_intro .tikitaka_intro_left .text_box_img img { width: 100%; }

.tikitaka_intro .tikitaka_intro_left .s_table { margin: 20px 60px 20px 0px; width: calc(100% - 60px); border-top:1px solid #555; border-left:1px solid #555; border-bottom:1px solid #555; }
.tikitaka_intro .tikitaka_intro_left .s_table thead tr { border-bottom: 1px solid #555; }
.tikitaka_intro .tikitaka_intro_left .s_table th,
.tikitaka_intro .tikitaka_intro_left .s_table td { padding: 10px; text-align:center; border-right:1px solid #555; }
/* 211025 텍스트 추가  및 변경(e) */


.tikitaka_intro_left .intro_season2 { font-size: 16px; }
.intro_season2 .s2_tit { font-family: 'cafe_surr'; margin-bottom: 15px;  font-size: 20px; }
.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;  }
.intro_season2 .intro_img img {
	max-width: 100%;
}

.intro_season2 .intro_img .intro_txt {
	padding: 256px 20% 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

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

.intro_season2 .intro_img  .head_txt { font-size: 16px; font-weight: 400; }

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

.intro_season2 .intro_img  .head_txt span i {
	display: none;
	position: absolute;
	font-style: normal;
	font-size: 15px;
    background: white;
    padding: 10px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 10px;
	z-index: 2;
}

.intro_season2 .intro_img  .head_txt span i::before {
	content: '';
    position: absolute;
    top: -4px;
    left: 50%;
    border: 4px solid;
    border-color: transparent transparent #fff #fff;
    transform: translateX(-50%) rotate(135deg);
}

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

.intro_season2 .intro_img  .head_txt span:hover i { display: block; }

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

.intro_season2 .intro_img .bot_txt { font-size: 16px; }
.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; margin-top: -30px; }
.intro_season2 .intro_wrap { font-size: 16px; padding: 0 20px; }
.intro_season2 .intro_wrap + .intro_wrap { margin-top: 50px; }
.intro_wrap .intro_reco { display: flex; position: relative; padding-top: 10px; }
.intro_wrap .intro_reco::before {
	content: '';
	background: #a5e7f6;
	height: 1px;
	left: 0;
	position: absolute;
	top: 64px;
	width: 100%;
}
.intro_wrap .intro_reco > li { position: relative; width: 33.3333%; padding: 140px 36px 0; }
.intro_wrap .intro_reco > li:first-child { background: url(/images/sub/s2_reco_img1.png) top center no-repeat; }
.intro_wrap .intro_reco > li:nth-child(2) { background: url(/images/sub/s2_reco_img2.png) top center no-repeat; }
.intro_wrap .intro_reco > li:nth-child(3) { background: url(/images/sub/s2_reco_img3.png) top center no-repeat; }
.intro_wrap .intro_reco > li p { font-size: 16px; line-height: 1.4; }


.intro_season2 .intro_wrap .nor_txt { font-size: 16px; margin-bottom: 10px; 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: 4px; }

.intro_wrap .thm_list .thm_tit + span { font-size: 16px; color: #444; font-weight: 700; margin-left: 10px; }

.intro_wrap .dash_list {}
.intro_wrap .dash_list > li { padding-left: 12px; position: relative; line-height: 1.5; }
.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: 14px; 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: 16px; 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 + li { margin-top: 3px; }
.intro_wrap .num_list .txt_badge { font-size: 16px; 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; }


.tikitaka_intro .tikitaka_intro_right { float:right; width:320px;  }
.tikitaka_intro .tikitaka_intro_right img { width:100%;  }

/* 211025 텍스트 추가  및 변경(s) */
.tiki_top { margin-bottom:30px;}
.tiki_top:after { content:''; display:block; clear:both; }
.tiki_top .top_title { background: #f5f5f5;  }
.tiki_top .top_title:after { content:''; display:block; clear:both; }
.tiki_top .top_title .schedule { position:relative; float:left;}
.tiki_top .top_title .schedule_view { background: #364779 url(/images/sub/ico_ham.png) no-repeat left 20px center/17.6px 15.2px; width:140px; height:40px;color:#fff; font-size:16px; padding-left:25px;}
.tiki_top .top_title .schedule_list { display:none; position:absolute; top:40px; left:0; padding:10px; border:1px solid #364779; background:#fff; z-index:999;}
.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:300px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.tiki_top .top_title .tit { float:left; display:inline-block; padding:7px 0px 7px 24px; color:#364779; font-size:16px;  }

.tiki_top .tiki_video { width:850px; height:478px; overflow:hidden; float:left;}
.tiki_top .tiki_video img {width:850px; height:478px;}

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

.tiki_top .tiki_answer { width:calc(100% - 850px); background:#f5f5f5; float:right;  }
.tiki_top .tiki_answer .answer_top { background:#1c77d5; padding:15px; }
.tiki_top .tiki_answer .answer_top .suc {color:#1c77d5; padding-bottom:10px; font-size:18px;}
.tiki_top .tiki_answer .answer_top .answer_btn { display:block; font-family: 'cafe_surr'; background:#fff url(/images/sub/ico_answer.png) no-repeat left 30px center; font-size:26px; padding:20px 0; border-radius:10px; color:#1c77d5; padding-left:130px;  }
.tiki_top .tiki_answer .answer_top .answer_btn em { display:inline-block; padding-top:5px;}
.tiki_top .tiki_answer .answer_top strong { display:block; color:#bee5ff; font-size:18px; padding:15px 0; }
.tiki_top .tiki_answer .answer_top span { line-height:1.3; color:#bee5ff; font-size:14px; }
.tiki_top .tiki_answer .answer_top .answer_top_txt { margin-top: 30px; font-size: 18px; color: #fff; font-weight: 700; line-height: 1.3;}
.tiki_top .tiki_answer .answer_top .answer_top_txt > span { font-size: 15px; color: inherit; }
.tiki_top .tiki_answer .answer_top .answer_txt { padding-top: 30px; border-top: 1px solid #ccc; margin-top: 30px; font-size: 17px; line-height: 1.5; color: #bee5ff; font-weight: 700; }

.tiki_top .tiki_answer .answer_bottom { background:#104ca3; padding:15px; }
.tiki_top .tiki_answer .answer_bottom .bottom_text_wrap:after { content:""; display:block; clear:both }
.tiki_top .tiki_answer .answer_bottom .bottom_text_wrap .btm_txt { float:left; color:#ffe600; font-weight:600; line-height:1.3; margin-right:15px; font-size:18px;}
.tiki_top .tiki_answer .answer_bottom .bottom_text_wrap .btm_txt.pd { padding: 11px 0; }
/* .tiki_top .tiki_answer .answer_bottom .bottom_text_wrap .video_click {display:block; border:1px solid #ffe600; float:right; padding:24px 20px 6px 20px; background:url(../images/sub/ico_triangle.png) no-repeat center top 6px; background-size:10px auto; color: #ffe600; font-size:14px} */
.tiki_top .tiki_answer .answer_bottom .answer_thumb { display:block; width: auto; height: 113px; text-align:center; margin:10px auto 8px auto; }
.tiki_top .tiki_answer .answer_bottom img { height: 100% }
.tiki_top .tiki_answer .answer_bottom .bottom_text_wrap .date_wrap { float:left;}
.tiki_top .tiki_answer .answer_bottom .bottom_text_wrap .date_num { font-family:"openSans"; display:inline-block; color:#fff; padding:5px 0;  font-size:19px; }
.tiki_top .tiki_answer .answer_bottom .bottom_text_wrap .date { font-family:"openSans"; color:#fff; font-size:17px; }
/* 211025 텍스트 추가  및 변경(e) */


.tiki_top .tiki_answer .current_answer { padding:15px; }
.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:5px;  }
.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; }
.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; background:url(/images/sub/ico_share.png) no-repeat left; background-size:100% }

/* 공통카운트버튼 */
.tikitaka_con .tiki_count_btn { display:inline-block}
.tikitaka_con .tiki_count_btn a{ display:inline-block;}
.tikitaka_con .tiki_count_btn a span{ display:inline-block; padding:5px 0 5px 32px; font-size:13px; color:#494949; }
.tikitaka_con .tiki_count_btn a span input { background:transparent; border-width:0}
.tikitaka_con .tiki_count_btn a span.like{ background:url('/images/common/ico_like.png') no-repeat left center; background-size:26px 22px; }
.tikitaka_con .tiki_count_btn a span.like_on{ background:url('/images/common/ico_like_on.png') no-repeat left center; background-size:26px 22px; }
.tikitaka_con .tiki_count_btn a span.count{ background:url('/images/sub/ico_answer.png') no-repeat left center; background-size:24px 24px; }

.tikitaka_con .tiki_count_btn .mento { display:inline-block;padding:10px 0;  background:url(/images/sub/ico_mento.png) no-repeat right/32.2px 30.8px; margin-right:20px;}
.tikitaka_con .tiki_count_btn .mento span { display:inline-block;padding-right:38px; padding-top:10px; font-family: 'cafe_surr'; color: #1c77d5; }
.tikitaka_con .tiki_count_btn .ico_select { display:inline-block; width:40px; vertical-align: middle; margin-right:20px;}
.tikitaka_con .tiki_count_btn .ico_select img { width:100%;}

.tikitaka_con .new_btn_wrap { text-align:right; font-size:0; margin:10px 0;}
.tikitaka_con .new_btn_wrap.clear:after { content:''; display:block; clear:both;}
.tikitaka_con .new_btn_wrap .gray_btn { background: #a3a3a3; color:#fff; padding:10px 15px; border-radius:5px;; font-size:14px; margin-left:5px;}
.tikitaka_con .new_btn_wrap .fl_left { float:left; margin-left:0}

.tikitaka_con .btn_close { display:inline-block; }
.tikitaka_con .btn_close button { width:12px; height:12px; background:url(/images/sub/ico_close.png) no-repeat center; }
.tikitaka_con .tiki_input { width:100%; height:30px; font-size:12px; padding-left:10px;}

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

.tiki_bottom:after { content:""; display:block; clear:both}
.tiki_bottom .bottom_left { float:left; width:830px;}

.tiki_bottom .top_text .text_wrap:after { content:""; display:block; clear:both}
.tiki_bottom .top_text .text_wrap h3 { float:left; font-size:24px; color:#494949; font-weight:600; line-height:1.3 }
.tiki_bottom .top_text .text_wrap .select_custom {float:right; position:relative;}
.tiki_bottom .top_text .text_wrap .select_custom button.file_open { display:block; position:relative; margin-top:10px; border:1px solid #d4d4d4; color:#494949; font-weight:600; background: #f6f6f6; padding:10px 40px 10px 20px; border-radius:5px;}
.tiki_bottom .top_text .text_wrap .select_custom button.file_open:after { content:''; position:absolute; top: 12px;right:10px; width:6px; height:6px; border-bottom:2px solid #494949; border-left:2px solid #494949; transform: rotate(-45deg);}
.tiki_bottom .top_text .text_wrap .select_custom button.file_open.on { background:#1c77d5; color: #fff;  }
.tiki_bottom .top_text .text_wrap .select_custom button.file_open.on:after { top: 15px; transform: rotate(135deg); border-color: #fff;  }
.tiki_bottom .top_text .text_wrap .select_custom .select_list { display:none; position:absolute; width:350px; top:50px; right:0; border:1px solid #9a9a9a; border-radius:5px; padding:10px; background:#fff; }
.tiki_bottom .top_text .text_wrap .select_custom .select_list li a { position:relative; display:inline-block; padding:2px 0;}
.tiki_bottom .top_text .text_wrap .select_custom .select_list li a:hover:after { content:''; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#9a9a9a}
.tiki_bottom .top_text p { color:#595959; font-size:14px; line-height:1.3; padding:15px 10px 35px 0px; }
.tiki_bottom .top_text .text_wrap .select_custom .select_list li.all a { font-weight:600; margin-bottom:5px;}

.tiki_bottom .board_area { position:relative; }
.tiki_bottom .board_area h3 { font-size:20px; 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; padding-bottom:10px;}
.tiki_bottom .board_area .board_category .category_list li { display:inline-block; padding-right:10px;}
.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; 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;}
.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:5px; 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 a.board_tit { display:block; font-size:16px; font-weight:600; padding:10px 0; color:#494949;}
.tiki_bottom .board_area ul.board_list .board_con { padding-top:10px; }
.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 {
	/* height:57px;
	overflow:hidden;
	text-overflow: ellipsis;
	word-wrap:break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical; */
	min-height:57px;
}

.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 .board_txt { width:85%; }
.tiki_bottom .board_area ul.board_list .board_con.ico p.board_ico { position:absolute; bottom:0; right:0; width:65px;  }
.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 }
.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; 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 { font-size:13px;}
.tiki_bottom .board_area ul.board_list .recomment_area .recomment_txt li .btn_close { position:absolute; 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; }
.tiki_bottom .board_area .register_tbl tr td { padding:10px 0;}
.tiki_bottom .board_area .register_tbl tr td textarea { width:100%; padding:10px; font-size:12px; line-height:1.6; color:#595959 }
.tiki_bottom .board_area .register_txt {display:block; font-size:12px; margin-top:10px;}

/* 티키타카 상세 */
.tiki_bottom .board_area span.ans_tit { display:block; font-weight:600; margin-bottom:10px;}
.tiki_bottom .board_area .comment_box .c_box { position:relative; height:70px; border:1px solid #ccc; margin-bottom:10px; background:#fff; }
.tiki_bottom .board_area .comment_box .c_box .radio_wrap { display:inline-block; margin:10px; color:#595959;}
.tiki_bottom .board_area .comment_box .c_box .radio_wrap:nth-child(-n+3) { margin-bottom:0}
.tiki_bottom .board_area .comment_box .c_box .c_textarea { width: calc(100% - 95px); height:100%; border:none;  padding:10px;}
.tiki_bottom .board_area .comment_box .c_box .c_submit { position:absolute; top:0; right:0; width:95px; height:100%; background:transparent; outline:1px solid #1c77d5; color:#1c77d5}

.tiki_bottom .bottom_right { float:right;  width:350px;}
.tiki_bottom .problem_tit { padding:10px 0; font-size:16px; font-weight:600; }
.tiki_bottom .problem_list { max-height:1000px; overflow-y: auto;border:1px solid #bfbfbf; padding: 20px; box-sizing: border-box; }
.tiki_bottom .problem_list .problem_video { width:290px;}
.tiki_bottom .problem_list .problem_video img { width:100%;}
.tiki_bottom .problem_list li { padding:15px 0;}
.tiki_bottom .problem_list li:first-child { padding-top:0}
.tiki_bottom .problem_list li p.tit { font-size:14px; color:#494949; font-weight:600; padding-top:5px; }
.tiki_bottom .problem_list li p.date { font-size:14px; color:#595959}
.tiki_bottom .problem_list li + li { border-top:1px solid #bfbfbf;}

/* 티키타카 팝업 */
/* .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:1000;}
.tiki_popup.popup_show { display:table; }
.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; display:table-cell; vertical-align: middle; text-align: center; box-sizing: border-box;  }
.tiki_popup .popup_inner { position:relative; width:900px; display:inline-block; background:#fff; padding:20px 15px }
.tiki_popup .popup_inner.slide_pop { height:500px; padding:0 }
.tiki_popup .popup_inner .popup_close { position:absolute; width:15px; height:15px; top:10px; right:15px; background:url(/images/sub/ico_close.png) no-repeat center; z-index:1001}
.tiki_popup .popup_inner .popup_cont { text-align:left; }
.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 { height:200px; border:1px solid #818baa; border-radius:10px; }
.tiki_popup .popup_cont .learning_info:after { content:''; display:block; clear:both;}
.tiki_popup .popup_cont .learning_info .info_left { height:100%; padding:9px; float:left; width:calc(100% - 300px); background: #f6f6f6;  border-top-left-radius: 10px; border-bottom-left-radius: 10px;  }
.tiki_popup .popup_cont .learning_info .info_left p.learning_time { line-height:1.3; margin-bottom:20px; color: #494949; font-size:15px;}
.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 li { background: #364779; padding:10px 38px; border-radius:10px; }
.tiki_popup .popup_cont .learning_info .info_left .info_box li.learn01 { background:#364779 url(/images/sub/ico_learn01.png) no-repeat center;}
.tiki_popup .popup_cont .learning_info .info_left .info_box li.learn02 { background:#364779 url(/images/sub/ico_learn02.png) no-repeat center;}
.tiki_popup .popup_cont .learning_info .info_left .info_box li.learn03 { background:#364779 url(/images/sub/ico_learn03.png) no-repeat center;}
.tiki_popup .popup_cont .learning_info .info_left .info_box li.learn04 { background:#364779 url(/images/sub/ico_learn04.png) no-repeat 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:65px;}
.tiki_popup .popup_cont .learning_info .info_left .info_box li p + p { position: absolute; left: 0; bottom: 10px; width: 100%; }
.tiki_popup .popup_cont .learning_info .info_right { float:right; width:300px; height:100%; 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:10px; border-radius:5px; color:#fff; }
.tiki_popup .popup_cont .learning_tbl tbody td p { display:inline-block;margin: 0 5px;}

/* 공유 팝업 */
.tiki_popup .popup_inner.small { width:700px; }
.tiki_popup .popup_inner.small .share_tit { font-family: 'cafe_surr'; font-size:28px; color:#364779; padding-bottom:10px; }
.tiki_popup .popup_inner.small .share_wrap { position:relative; height:50px; border:1px solid #364779; border-radius:10px; padding:16px 0; }
.tiki_popup .popup_inner.small .share_wrap .share_address { font-size:16px; color:#364779; padding-left:16px;}
.tiki_popup .popup_inner.small .copy_btn { position:absolute; font-size:16px; right:0px; top:0; background:#364779;color:#fff; height:100%; padding:0 25px; height:100%;; border-radius:8px; border:0}

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

/* 211006 팝업수정(s) */
.tikitaka_slide .pop_slide.pop1 .pop1_scroll { height:360px; overflow-y: auto; }
.tikitaka_slide .pop_slide.pop1 .pop1_scroll .pop_top_area { margin:20px 30px;}
.tikitaka_slide .pop_slide.pop1 .pop1_scroll .pop_top_area:after { content:''; display:block; clear:both; }
.tikitaka_slide .pop_slide.pop1 .pop1_scroll .pop_top_area .fl_left { float:left; margin-right:50px;  }
.tikitaka_slide .pop_slide.pop1 .pop1_scroll .pop_top_area .fl_left ul.q_list li {  padding:6px 0; }
.tikitaka_slide .pop_slide.pop1 .pop1_scroll .pop_top_area .fl_left p { margin:10px 0; font-weight:600; }
.tikitaka_slide .pop_slide.pop1 .pop1_scroll .pop_top_area .movie { float:left; width:300px;}
.tikitaka_slide .pop_slide.pop1 .pop1_scroll .pop_top_area .movie img { width:100%;}

.tikitaka_slide .pop_slide.pop1 .teacher_intro { padding: 0 30px;}
.tikitaka_slide .pop_slide.pop1 .teacher_intro:after { content:''; display:block; clear:both;}
.tikitaka_slide .pop_slide.pop1 .teacher_intro strong { display:block; margin-bottom:10px; font-size:18px; }
.tikitaka_slide .pop_slide.pop1 .teacher_intro .t_img { float:left; width:250px; height:auto;}
.tikitaka_slide .pop_slide.pop1 .teacher_intro .t_img img { width:100%; height:auto;}
.tikitaka_slide .pop_slide.pop1 .teacher_intro .t_explain { float:left; margin-left:10px;}
.tikitaka_slide .pop_slide.pop1 .teacher_intro .t_explain p { margin: 10px 0; font-weight:600;}
.tikitaka_slide .pop_slide.pop1 .teacher_intro .t_explain ul li { padding: 5px 0;}
.tikitaka_slide .pop_slide.pop1 .teacher_intro .t_explain .book_img li { display:inline-block; width:150px;}
.tikitaka_slide .pop_slide.pop1 .teacher_intro .t_explain .book_img li:first-child{margin-right:5px;}
.tikitaka_slide .pop_slide.pop1 .teacher_intro .t_explain .book_img li img { width:100%; }
/* 211006 팝업수정(e) */

.tikitaka_slide .top5_area { border:1px solid #858fad; border-radius:10px; margin-top:30px;}
.tikitaka_slide .top5_area .top5_box { display:flex; justify-content: space-between;}
.tikitaka_slide .top5_area .top5_box > li { width:calc(100% / 3); text-align: center; border-right:1px solid #c2c2c2; padding:20px 25px;  }
.tikitaka_slide .top5_area .top5_box > li:last-child { border-right:0;}
.tikitaka_slide .top5_area .top5_box > li > strong { display:inline-block; font-family: 'cafe_surrair'; color: #1c77d5; font-size:24px; margin-bottom:25px; padding:5px 0 5px 30px; font-weight:normal }
.tikitaka_slide .top5_area .top5_box > li > strong.part { background:url(/images/sub/ico_answer.png) no-repeat left/24px auto;}
.tikitaka_slide .top5_area .top5_box > li > strong.like { background:url(/images/sub/ico_like.png) no-repeat left/24px auto;}
.tikitaka_slide .top5_area .top5_box > li > strong.badge { background:url(/images/sub/ico_badge.png) no-repeat left/24px auto;}
.tikitaka_slide .top5_area .top5_box .ranking li { display:flex; justify-content: space-between; margin-bottom:35px; font-size:18px; }
.tikitaka_slide .top5_area .top5_box .ranking li:last-child { margin-bottom:0;}
.tikitaka_slide .top5_area .top5_box .ranking li .rank {  font-family: 'cafe_surr'; color: #1c77d5;  }
.tikitaka_slide .top5_area .top5_box .ranking li .who { font-size:18px; color: #494949; font-weight:600; }

.tikitaka_slide .pop_slide.pop3 { position:relative;}
.tikitaka_slide .pop_slide.pop3 .bg_title { width:650px; height:500px; background:url(/images/sub/popup_bg.jpg) no-repeat center left; margin-top:-20px; margin-left:-20px; }
.tikitaka_slide .pop_slide.pop3 .bg_title span {  font-family: 'cafe_surr'; display:inline-block; font-size:30px; color:#fff; padding:30px 0  0 50px; line-height:1.3}
.tikitaka_slide .pop_slide.pop3 .great_box { position:absolute; top:50px; right:20px; border:1px solid #cccccc; background:#fff;  border-radius:10px; padding:20px 40px;}
.tikitaka_slide .pop_slide.pop3 .great_box .great_tit { display:block; font-family: 'cafe_surr'; color: #1c77d5; font-size:26px; padding:10px 0 20px 0;   }
.tikitaka_slide .pop_slide.pop3 .great_box .great_scroll { height:300px; overflow-y: auto; }
.tikitaka_slide .pop_slide.pop3 .great_box .great_list { margin-bottom:20px;}
.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; margin-right:20px;}
.tikitaka_slide .pop_slide.pop3 .great_box .great_list ul { float:right; padding:0 30px;}
.tikitaka_slide .pop_slide.pop3 .great_box .great_list ul li { padding-bottom:10px; font-weight:600; text-align: right;}

.tikitaka_slide .slick-dots { position: absolute; bottom:15px;}
.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_quick {position: absolute; top: 40px; right: -120px; padding: 20px 10px; background: #fff; width:100px; border:1px solid #c9ccd8; color: #c9ccd8; border-radius:50px;}
.tikitaka_quick a.tiki_quick { display:block; text-align: center; padding:60px 0 20px 0; font-size:13px; color:#818baa; background-repeat: no-repeat; background-position: center top; font-weight: 600;}
.tikitaka_quick a.tiki_quick:hover { color: #0090ff;}
.tikitaka_quick a.tiki_quick.quick1 { background-image: url(/images/sub/quick01_off.png)  }
.tikitaka_quick a.tiki_quick.quick1:hover { background-image: url(/images/sub/quick01_on.png)  }
.tikitaka_quick a.tiki_quick.quick2 { background-image: url(/images/sub/quick02_off.png)  }
.tikitaka_quick a.tiki_quick.quick2:hover { background-image: url(/images/sub/quick02_on.png)  }
.tikitaka_quick a.tiki_quick.quick3 { background-image: url(/images/sub/quick03_off.png)  }
.tikitaka_quick a.tiki_quick.quick3:hover { background-image: url(/images/sub/quick03_on.png)  }
.tikitaka_quick a.tiki_quick.quick4 { background-image: url(/images/sub/quick04_off.png); padding-bottom:0; }
.tikitaka_quick a.tiki_quick.quick4:hover { background-image: url(/images/sub/quick04_on.png); padding-bottom:0; }



/* 211028 새로운 팝업 추가(s) */
.tiki_popup .popup_inner.small_pop { width:500px; padding:0;}
.tiki_popup .popup_inner .popup_close.white { background:url(/images/sub/ico_close_white.png) no-repeat center;}
.tiki_popup .popup_inner.dark_bg {background: #1f3164;}
.tiki_popup .popup_inner.dark_bg .popup_cont .pop_head { font-family:'cafe_surr'; color:#fff }
.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 }

.dig_wrap .desc p { color:#96b2ff; font-size:14px; padding-bottom:10px; }
.dig_wrap .desc p.fzbig {font-size:16px; margin-top:10px;}
.dig_wrap .desc p > em { color:#fff;}
.dig_wrap .table_wrap { background:#fff; padding:10px;  border-bottom: 1px solid #364779;}
.dig_wrap .table_wrap .check_table.t_scroll { height:400px; overflow-y: auto; border-bottom:1px solid #364779 }
.dig_wrap .table_wrap .check_table table thead tr { border-top: 2px solid #364779; border-bottom: 1px solid #364779 }
.dig_wrap .table_wrap .check_table table thead tr th { padding: 10px 3px; color:#364779; font-size:14px; font-weight:600; text-align:center; }
.dig_wrap .table_wrap .check_table table tbody tr { border-bottom:1px solid #ccc;}
.dig_wrap .table_wrap .check_table table tbody tr td { padding: 15px 3px; text-align:center; color:#555; font-size:14px; }
.dig_wrap .table_wrap .check_table table tbody tr td:first-child { font-family:"cafe_surr"; color:#5d78c8; }
.dig_wrap .table_wrap .check_table table tbody tr td:nth-child(2) { text-align: left; }

/* 테이블 안에 체크박스 */
.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; }
.table_check input[type="radio"] + label:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50% ,-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; left: -5px; top: -7px; z-index: 1;width: 11px; height: 8px; 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; }
.result_wrap .my_result p.my_score { font-family:"cafe_surr"; font-size: 22px; color:#fff; text-align:center;  }
.result_wrap .my_result p.my_score > span {  color:#e3a1ff; font-size:26px; }
.result_wrap .my_result:before { content:''; position:absolute; left:0; bottom:0; width:255px; height:144px; background:url(/images/sub/result_bg01.png) no-repeat left 30px bottom/200px auto;}
.result_wrap .my_result:after { content:''; position:absolute; right:0; bottom:0; width:194px; height:185px; background:url(/images/sub/result_bg02.png) no-repeat right 30px bottom/150px auto; }

.result_wrap .result_box { position:relative; background:#fff; height:260px; 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:30px; border-radius:15px; background: #1f3164; }
.result_wrap .result_box .gauge_wrap .gauge .my_score { position:absolute; width:70px; top:-50px; 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:8px; left:50%; transform: translateX(-50%); width:78px; height:69px; background: url(/images/sub/ico_arrw.png) no-repeat center / 50px auto; }
.result_wrap .result_box .gauge_wrap .gauge .bar_pos { position:absolute;  top:-10px; left:0; width:5px; height:50px; background:#5c84f4; }
.result_wrap .result_box .gauge_wrap .gauge .average_wrap { position:absolute; width:200px; transform: translateX(-50%); margin-top:65px; 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: 16px; color:#1f3164; }
.result_wrap .result_box .gauge_wrap .gauge .average_wrap .avg_num { font-size:14px; color:#1f3164; margin:5px 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:18px; 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; }
.result_wrap .result_bottom .letgo {  font-family:"cafe_surr"; font-size: 20px; color:#fff; margin-top:10px; }
.result_wrap .result_bottom .letgo > em { color:#9eb8ff; }

.new_pop { font-size:14px; text-align:center; background: url(/images/sub/ico_illust_bg.png) no-repeat top/500px auto ; padding: 20px 50px;  }

/* 211102 팝업수정 (s) */
.new_pop .title_area { padding-top:40px; }
.new_pop .title_area .top{ color:#fff; line-height:1.4; padding-bottom:15px;}
.new_pop .title_area .tit { font-family:'cafe_surr'; font-size:28px; 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; }
.new_pop .title_area .sub_desc { font-size:18px; color:#8aa7f9; }
.new_pop .title_area .sub_desc > em { font-family:'cafe_surr'; font-weight:600}

.new_pop .center_img { width:350px; margin:20px auto;}
.new_pop .center_img img { width:100%;}

.new_pop .bottom_area .click { display:flex; flex-direction: row; justify-content: space-between; 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:calc(100% - 5px); margin-right:5px; background:#c96df0 }
.new_pop .bottom_area .click .share { width:calc(100% - 5px); margin-left:5px; background:#5c84f4 }
.new_pop .bottom_area .total_num { color:#fff; font-size:18px; }
.new_pop .bottom_area .total_num > span { font-family:'cafe_surr'; font-weight:600; color:#f3ff6d; }
.new_pop .bottom_area .info { display:block; color:#f3ff6d; margin:15px 0 10px;}
.new_pop .bottom_area .desc { font-size:12px; color:#fff;}

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

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