@charset "utf-8";

/* 	common style */
.s_title_1 .tit_det {color: #383838;font-size: 18px;}
a[class^="s_link_text"] {word-wrap: break-word;}

.c_descript {position:relative; display:block; padding:2px 0 2px 20px; font-size:12px; color:#013f7e; line-height:20px; margin-top:4px;}
.c_descript::before {display:block; content:"*"; position:absolute; left:7px; top:5px; width:12px; text-align:center;font-size:16px;}

/**********************************************************************************
	센터소개
**********************************************************************************/

/* 설립목적 */
.pe_top {position:relative; margin-top:32px;}
.pe_top .pet_img {position:absolute; left:0; top:0;}
.pe_top .pet_descript {font-size:0; line-height:0; text-align:center; height:100%; background:#3394c7; padding:12px 16px;}
.pe_top .pet_descript::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.pe_top .pet_descript p {display:inline-block; text-align:center; color:#fff; vertical-align:middle;}
.pe_descript {margin-top:32px;}
.pe_descript p {display:block;  color:#666;}

@media (min-width:1180px) {
	.pe_top {padding:24px 0 24px 360px; height:246px;}
	.pe_top .pet_img img {display:block; width:360px;}
	.pe_top .pet_descript p {font-size:18px; line-height:26px;}
	.pe_descript p {padding:32px; font-size:16px; line-height:24px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.pe_top {padding:24px 0 24px 300px; height:205px;}
	.pe_top .pet_img img {display:block; width:300px;}
	.pe_top .pet_descript p {font-size:16px; line-height:24px;}
	.pe_descript p {font-size:16px; line-height:24px;}
}
@media (max-width:767px) {
	.pe_top {padding:16px 0 0 16px;}
	.pe_top .pet_img img {display:block; width:200px;}
	.pe_top .pet_descript {padding-top:144px; padding-bottom:24px;}
	.pe_top .pet_descript p {font-size:14px; line-height:22px;}	
	.pe_descript p {font-size:14px; line-height:22px;}
}

/* 비전,목표 */
.vision {position: relative;margin-top:35px;}
.vision::after {display: block; content: ''; position: absolute; top:240px; left:50%; width: 2px; height: 750px; background:#eaeaea; z-index:-1;} 
.vision .vision_ms {width:230px;height:230px;padding:20px;margin:0 auto;border-radius: 50%;box-sizing: border-box;background: #f5f7f9;}
.vision .vision_ms > div {width:190px;height:190px;text-align:center;border:5px solid #2081c3;border-radius: 50%;box-sizing: border-box;padding:55px 20px 0 20px;background: #fff;}
.vision .vision_ms > div > h4 {font-size: 24px; font-weight: 600; color:#013f7e;text-align: center; margin-bottom: 15px;}
.vision .vision_ms > div > p {line-height:20px;font-weight: 500;}

.vision .vision_vs {margin-top:70px;padding:15px 0;background: #fff;}
.vision .vision_vs > h4 {font-size: 24px; font-weight: 500; color:#404040;text-align:center;margin-bottom:20px;}
.vision .vision_vs > p {position: relative;padding: 20px 15px;; text-align: center; font-size: 18px; font-weight: 500;color: #696969;line-height:22px;}
.vision .vision_vs > p::after {	display: block; content: ''; position: absolute; top:0; left:50%; width: 20px; height: 2px;margin-left:-10px; background:#2081c3;}
.vision .value {margin-top:70px;padding:15px 100px;background: #fff;}
.vision .value h4 {font-size: 24px; font-weight: 500; color:#404040;text-align:center;margin-bottom: 20px;}
.vision .value ul {margin-left:30px;}
.vision .value ul::after {display:block; content:''; clear:both;}
.vision .value ul li {float: left;width: 36%;margin-left:-30px;}
.vision .value ul li div {;padding: 20px 0 25px 0;border-radius: 50px;opacity: 0.9;}
.vision .value ul li:nth-child(1) div {background: #19878e;}
.vision .value ul li:nth-child(2) div {background: #579029;}
.vision .value ul li:nth-child(3) div {background: #D8330B;}
.vision .value ul li div {text-align:center;font-size:13px;color:#fff;}
.vision .value ul li div span {display: block;font-size:20px;line-height:30px;}

.vision_list {margin-top:70px;padding:15px 0;background: #fff;}
.vision_list h4 {font-size: 24px; font-weight: 500; color:#404040;text-align:center;margin-bottom: 20px;}
.vision_list ul {margin-left:-20px;}
.vision_list ul::after {display:block; content:''; clear:both;} 
.vision_list ul li {float:left;width:33.333%;margin-bottom:15px;}
.vision_list ul li dl {margin-left:20px;padding-bottom:20px;border: 1px solid #d2d2d2;box-sizing: border-box;border-radius:10px;min-height: 250px;}
.vision_list ul li dl dt {padding: 15px 0;font-weight: 500;text-align: center;border-radius: 10px 10px 0 0;border-bottom: 1px solid #c3c3c3;background: #f1f1f1;}
.vision_list ul li dl dd {position: relative;font-size:14px;padding:15px 10px 0 20px;line-height: 18px;word-break: keep-all;}
.vision_list ul li dl dd::after {display: block; content: ''; position: absolute; top:20px; left:13px; width: 2px;height: 2px; background:#696969;}

@media (max-width:767px) {	
.vision .value {padding: 15px 50px;}
.vision .value ul {margin-left:0;}
.vision .value ul li {float:none;width:100%;margin-left:0;margin-bottom:15px;}

.vision_list ul li {float:none;width:100%;}	
.vision_list ul li dl {min-height: 180px;}	
}

.center_map {position: relative;border:1px solid #ddd;height: 700px;margin-top:15px;background:#fff url(../image/content/intro_center/map_bg.png) no-repeat center top 57px;}
.center_map > ul > li {position: absolute;}    
.center_map > ul > li:nth-child(1) {top: 10px;left: 60px;}
.center_map > ul > li:nth-child(2) {top: 110px;left: 60px;}
.center_map > ul > li:nth-child(3) {top: 210px;left: 40px;}
.center_map > ul > li:nth-child(4) {top: 297px;left: 40px;}
.center_map > ul > li:nth-child(5) {top: 385px;left: 20px;}
.center_map > ul > li:nth-child(6) {top: 480px;left: 26px;}
.center_map > ul > li:nth-child(7) {top: 600px;right: 600px;}
.center_map > ul > li:nth-child(8) {top: 580px;right: 25px;}
.center_map > ul > li:nth-child(9) {top: 490px;right: 54px;}
.center_map > ul > li:nth-child(10) {top: 385px;right: 25px;}
.center_map > ul > li:nth-child(11) {top: 290px;right: 54px;}
.center_map > ul > li:nth-child(12) {top: 190px;right: 30px;}
.center_map > ul > li:nth-child(13) {top: 100px;right: 54px;}
.center_map > ul > li:nth-child(14) {top: 10px;right: 180px;}
    
.center_map > ul > li > div {position: relative;padding:10px;border-radius: 5px;border:1px solid #ddd;background:#fff ;}


.center_map > ul > li > div > p {font-size:12px;color:#525252;margin-bottom:10px;}
.center_map > ul > li > div > p > span {display:block;font-size:14px;color:#2f2f2f;margin-bottom:5px;}
.center_map > ul > li > div > a {font-size: 11px;}

.center_map > ul > li > div::after {display: block; content: ''; width: 6px; height: 6px; position: absolute;border-radius: 50%;}
.center_map > ul > li:nth-child(1) > div::after {right: -3px; top: 44px; background:#fe534f; }
.center_map > ul > li:nth-child(2) > div::after {right: -3px; top: 19px; background:#ffc900; }
.center_map > ul > li:nth-child(3) > div::after {right: -3px; top: 23px; background:#a52320; }
.center_map > ul > li:nth-child(4) > div::after {right: -3px; top: 55px; background:#a3be41; }
.center_map > ul > li:nth-child(5) > div::after {right: -3px; top: 22px; background:#51b6fb; }
.center_map > ul > li:nth-child(6) > div::after {right: -3px; top: 22px; background:#2a7193; }
.center_map > ul > li:nth-child(7) > div::after {right: -3px; top: 13px; background:#7c7777; }
.center_map > ul > li:nth-child(8) > div::after {left: -3px; top: 23px; background:#6d18aa; }
.center_map > ul > li:nth-child(9) > div::after {left: -3px; top: 19px; background:#7f4ea2; }
.center_map > ul > li:nth-child(10) > div::after {left: -3px; top: 22px; background:#a780b9; }
.center_map > ul > li:nth-child(11) > div::after {left: -3px; top: 23px; background:#c64ffe; }
.center_map > ul > li:nth-child(12) > div::after {left: -3px; top: 34px; background:#056e43; }
.center_map > ul > li:nth-child(13) > div::after {left: -3px; top: 36px; background:#987800; }
.center_map > ul > li:nth-child(14) > div::after {left: -3px; top: 44px; background:#f08818; }


.area_map {position: relative;border:1px solid #ddd;height: 600px;margin-top:15px; background:#fff url(../image/content/intro_center/area_map_bg.png) no-repeat center top 40px;}
.area_map > ul > li {position: absolute;}    
.area_map > ul > li:nth-child(1) {top: 40px;left: 60px;}
.area_map > ul > li:nth-child(2) {top: 190px;left: 70px;}
.area_map > ul > li:nth-child(3) {bottom: 85px;left: 60px;}
.area_map > ul > li:nth-child(4) {bottom: 30px;right: 200px;}
.area_map > ul > li:nth-child(5) {top: 300px;right: 70px;}
.area_map > ul > li:nth-child(6) {top: 180px;right: 55px;}
.area_map > ul > li:nth-child(7) {top: 50px;right: 55px;}
.area_map > ul > li > div {width:215px; position: relative;padding:10px;border-radius: 5px;border:1px solid #ddd;background:#fff ;}
.area_map > ul > li > div > p {font-size:12px;color:#525252;margin-bottom:10px;}
.area_map > ul > li > div > p > span {display:block;font-size:14px;color:#2f2f2f;margin-bottom:5px;}
.area_map > ul > li > div > a {font-size: 11px;}
.area_map > ul > li > div::after {display: block; content: ''; width: 6px; height: 6px; position: absolute;border-radius: 50%;}
.area_map > ul > li:nth-child(1) > div::after {right: -3px; top: 45px; background:#ffc900; }
.area_map > ul > li:nth-child(2) > div::after {right: -3px; top: 44px; background:#a3be41; }
.area_map > ul > li:nth-child(3) > div::after {right: -3px; top: 25px; background:#2187cc; }
.area_map > ul > li:nth-child(4) > div::after {left: -3px; top: 24px; background:#999999; }
.area_map > ul > li:nth-child(5) > div::after {left: -3px; top: 39px; background:#7f4ea2; }
.area_map > ul > li:nth-child(6) > div::after {left: -3px; top: 51px; background:#7f4ea2; }
.area_map > ul > li:nth-child(7) > div::after {left: -3px; top: 55px; background:#f08818; }

.map_mobile {display:none;}
@media (max-width:1180px) {	
.center_map {display:none;}
.map_mobile {display:block;}
}

/**********************************************************************************
	주요사업
**********************************************************************************/

/* 의료진 서비스 */
.service_step {overflow: hidden;margin-top:20px;width: 500px;}
.service_step > ul {padding:15px 0;margin-left: -20px;}
.service_step > ul::after {display:block; content:''; clear:both;}
.service_step > ul > li {position: relative;width:33.3333%;float:left;}
.service_step > ul > li > div {position: relative;margin-left:20px;padding-top: 110px;text-align:center;font-size:14px;font-weight: 500;color: #464646;}
.service_step > ul > li > div::after {display: block; content: ''; width: 100px; height: 100px; position: absolute; left: 50%;; top: 0; margin-left: -50px;border-radius: 50%;}
.service_step > ul > li:nth-child(1) > div::after {border:1px solid #edf2f5;background: #edf2f5 url(../image/content/busi_center/service_step1.png) no-repeat center;}
.service_step > ul > li:nth-child(2) > div::after {border:1px solid #ddd;background:#fff url(../image/content/busi_center/service_step2.png) no-repeat center;}
.service_step > ul > li:nth-child(3) > div::after {border:1px solid #edf2f5;background: #edf2f5 url(../image/content/busi_center/service_step3.png) no-repeat center;}
.service_step > ul > li > div > span {display:block;font-size: 16px;margin-bottom: 5px;color: #202427;}

@media (max-width:767px) {
	.service_step	{width: auto;}
	.service_step > ul {width: 120px;margin-left:0;margin-top:-50px;margin-left: auto;margin-right: auto;}
	.service_step > ul > li {width:120px;float: none;}
	.service_step > ul > li::after { width: 16px;height: 8px;left: 50%;top: -20px; margin-top: 0; margin-left: -8px;background:url(../image/sub_cmn/step_list_arrow_bott_g.png) no-repeat center center;}	
	.service_step > ul > li > div {margin-left:0;margin-top: 35px;}

}

/*
.service_step {overflow: hidden;margin-top:20px;}
.service_step > ul {padding:15px 0;margin-left: -20px;}
.service_step > ul::after {display:block; content:''; clear:both;}
.service_step > ul > li {position: relative;width:16.666%;float:left;}
.service_step > ul > li::after { display: block; content: ''; width: 8px; height: 16px; position: absolute; left: 8px; top: 50%; margin-top: -8px; background: url(../image/sub_cmn/step_list_arrow_right_g.png) no-repeat center center;}
.service_step > ul > li > div {margin-left:20px;text-align:center;font-size:14px;font-weight: 500;}
.service_step > ul > li > div > span {display:block;width: 80px;height: 80px;border-radius: 50%;margin:0 auto 10px auto;}
.service_step > ul > li:nth-child(1) > div > span {border:1px solid #ddd;background: #fff url(../image/content/busi_center/service_step1.png) no-repeat center;}
.service_step > ul > li:nth-child(2) > div > span {border:1px solid #f1f1f1;background: #f1f1f1 url(../image/content/busi_center/service_step2.png) no-repeat center;}
.service_step > ul > li:nth-child(3) > div > span {border:1px solid #ddd;background: #fff url(../image/content/busi_center/service_step3.png) no-repeat center;}
.service_step > ul > li:nth-child(4) > div > span {border:1px solid #f1f1f1;background: #f1f1f1 url(../image/content/busi_center/service_step4.png) no-repeat center;}
.service_step > ul > li:nth-child(5) > div > span {border:1px solid #ddd;background: #fff url(../image/content/busi_center/service_step5.png) no-repeat center;}
.service_step > ul > li:nth-child(6) > div > span {border:1px solid #f1f1f1;background: #f1f1f1 url(../image/content/busi_center/service_step6.png) no-repeat center;}

@media (max-width:767px) {
	.service_step > ul {width: 120px;margin-left:0;margin-top:-50px;margin-left: auto;margin-right: auto;}
	.service_step > ul > li {width:120px;float: none;}
	.service_step > ul > li::after { width: 16px;height: 8px;left: 50%;top: -20px; margin-top: 0; margin-left: -8px;background:url(../image/sub_cmn/step_list_arrow_bott_g.png) no-repeat center center;}	
	.service_step > ul > li > div {margin-left:0;margin-top: 35px;}

}
*/

/* 장애인 건강 주치의 사업 > 사업개요*/
.service_info {margin-top: 15px;}
.service_info .service_area {position: relative;padding: 25px 20px 25px 120px;border-bottom: 1px solid #ddd;}

.service_info .service_area .tit {color:#1d75b1;font-size: 16px; font-weight: 500; line-height: 24px;}
.service_info .service_area .txt {line-height:22px;font-size: 14px;padding-top:10px;word-break:keep-all;}
.service_info .service_area {background-position: top 15px left 15px;}

.service_info .service_area:nth-child(1) {background-image:url(../image/content/busi_center/service_area_tit1.png); background-repeat:no-repeat;}
.service_info .service_area:nth-child(2) {background-image:url(../image/content/busi_center/service_area_tit2.png); background-repeat: no-repeat;}
.service_info .service_area:nth-child(3) {background-image:url(../image/content/busi_center/service_area_tit3.png); background-repeat: no-repeat;}
.service_info .service_area:nth-child(4) {background-image:url(../image/content/busi_center/service_area_tit5.png); background-repeat: no-repeat;}
.service_info .service_area:nth-child(5) {background-image:url(../image/content/busi_center/service_area_tit6.png); background-repeat: no-repeat;}
.service_info .service_area:nth-child(6) {background-image:url(../image/content/busi_center/service_area_tit4.png); background-repeat: no-repeat;}
.service_info .service_area .txt  span {display:inline-block;font-weight:400;color: #00548d;text-decoration: underline;margin-right:5px;}

.service_info .oral_health {background-image:url(../image/content/busi_center/oralService_area_tit.png)!important; background-repeat: no-repeat;}

@media (max-width:767px) {
	.service_info .service_area {padding:120px 20px 25px 20px;background-position: top 15px center;}
}

/* 장애친화 건강검진사업 > 장애인 서비스 > 건강검진 안내 */
.infofile_down {display:table; margin-top:16px; border-bottom:1px solid #d6e3ea; border-top:1px solid #d6e3ea;}
.infofile_down > li { display:table-cell; padding:15px;  text-align:center; vertical-align:middle; word-break:keep-all; border-right:1px solid #d6e3ea; }
.infofile_down > li a { margin-top:6px;}
.infofile_down > li .name { font-size:15px; line-height:20px; font-weight:500; letter-spacing:-0.05em; color:#116cb9}
.infofile_down > li:first-child{ border-left:1px solid #d6e3ea;}
.infofile_down > li:hover { background-color:#f5fcff}
@media (min-width:1180px) {
	.infofile_down > li {width:25%}
}
@media (min-width:768px) and (max-width:1179px) {
	.infofile_down > li {width:25%}
}
@media (max-width:767px) {
	.infofile_down { display:block; height:auto; overflow:hidden;}	
	.infofile_down > li { display:block; width:100%; word-break:break-all; border-bottom:1px solid #d6e3ea; border-left:1px solid #d6e3ea;}
	.infofile_down > li:last-child { border-bottom:0 none;}
}


/* 장애친화 건강검진사업 > 장애인 서비스 > 건강검진 절차 */
.health_checkup {overflow: hidden;margin-top:20px;}
.health_checkup > ol > li {position: relative;margin-bottom: 10px;}
.health_checkup > ol > li > div {padding:20px 15px 15px 20px;border: 1px solid #ddd;background: #fdfdfd;}
.health_checkup > ol > li > div.check {background: #fff6ea;}
.health_checkup > ol > li > div > dl {min-height: 50px;}
.health_checkup > ol > li > div > dl > dt {font-weight: 500;margin-bottom: 10px;}
.health_checkup > ol > li > div > dl > dd {position: relative;font-size:14px;line-height:18px;padding-left:10px;margin-bottom:3px;}
.health_checkup > ol > li > div > dl > dd::after {display: block; content: ''; position: absolute; top:6px; left:3px; width: 3px; height: 3px;background:#696969;}
.health_checkup > ol > li > div > dl > dd > span {display: block; font-size: 13px; color: #228ede;}

.checkup_step {position: relative;margin-top:20px;overflow: hidden;}
.checkup_step::after {display:block; content:''; clear:both;}
.checkup_step > ul {margin-top: -40px;margin-left: -10px;margin-bottom:20px;}
.checkup_step > ul.cs_left {float:left;width:50%;}
.checkup_step > ul.cs_right {float:right;width:50%;}
.checkup_step > ul > li > div {position: relative;margin-top: 40px;margin-left:10px;background: #f9f9f9;}
.checkup_step > ul > li > div::after {display: block; content: ''; position: absolute;top:-50px;left:50%; margin-left:-28px; width: 56px; height: 56px;background:url(../image/sub_cmn/faq_arrow_down.png) no-repeat 0 0;}

.checkup_step > ul > li > div > dl {padding:15px 15px 15px 120px;background-repeat:no-repeat;background-position:15px 15px;}
.checkup_step > ul > li > div > dl > dt {font-size: 16px;font-weight: 500; color: #266796;margin-bottom:10px;}
.checkup_step > ul > li > div > dl > dd {position: relative;padding-left:10px;font-size:14px;line-height:18px;margin-bottom:10px;}
.checkup_step > ul > li > div > dl > dd::after {display: block; content: ''; position: absolute;top:6px;left:3px; width: 2px; height: 2px; background:#696969;}

.checkup_step > ul > li > div > dl > dd > .s_btn {text-align:left;margin-top:10px;}

.checkup_step > ul.cs_left > li:nth-child(1) > div > dl {min-height:150px;background-image:url(../image/content/busi_center/checkup_step1.png);}
.checkup_step > ul.cs_left > li:nth-child(2) > div > dl {min-height:180px;background-image:url(../image/content/busi_center/checkup_step2.png);}
.checkup_step > ul.cs_left > li:nth-child(3) > div > dl {min-height:130px;background-image:url(../image/content/busi_center/checkup_step3.png);}
.checkup_step > ul.cs_right > li:nth-child(1) > div > dl {min-height:150px;background-image:url(../image/content/busi_center/checkup_step4.png);}
.checkup_step > ul.cs_right > li:nth-child(2) > div > dl {min-height:180px;background-image:url(../image/content/busi_center/checkup_step5.png);}
.checkup_step > ul.cs_right > li:nth-child(3) > div > dl {min-height:130px;background-image:url(../image/content/busi_center/checkup_step6.png);}

@media (max-width:768px) {	
.checkup_step > ul {margin-left:0;}
.checkup_step > ul.cs_left, .checkup_step > ul.cs_right  {float:none;width:100%;}
.checkup_step > ul > li > div {margin-left:0;}
.checkup_step > ul > li > div > dl  {padding:120px 15px 15px 15px;min-height:120px;background-position:center 15px;}
.checkup_step > ul.cs_right {margin-top:0;}

}

.data_table .comp_tit {background: #fffcf1;}
.a_descript .comp {position: relative;padding-left:25px;}
.a_descript .comp::after {display: block; content: ''; position: absolute;top:3px;left:0; width: 20px; height: 10px; border:1px solid #ddd;background:#fffcf1;}

.raw_box { width:100%; height:auto; margin-top:24px; padding:20px; border:4px solid #dfedf6; overflow:hidden;}
.raw_box .no_show { font-size:14px; line-height:25px; color:#666; text-align:center; }

/* 여성장애인 건강관리 매뉴얼 */
.pdf_book {position: relative;padding:30px 20px 20px 235px;margin-top:20px;border:1px solid #ddd;}
.pdf_book .cover {position: absolute;top: 20px;left: 20px;width:175px;}
.pdf_book .cover > span {display:block;text-align: center}
.pdf_book .cover > ul {margin-top:15px;}
.pdf_book .cover > ul > li {margin-bottom: 7px;}
.pdf_book .cover > ul > li > a {width: 100%;border-radius: 3px;padding: 4px 10px;background:#ddd url(../image/sub_cmn/ico_down.png) no-repeat right 7px bottom 6px;;}
.pdf_book .cover > ul > li > a > span {font-size:13px;}

.pdf_book .pdf_list > span {display:block;font-weight: 500;font-size: 18px;margin-bottom:30px;}
.pdf_book .pdf_list > ul > li {margin-bottom:30px;font-weight: 500;}
.pdf_book .pdf_list > ul > li > ul {margin-top:10px;padding-left: 12px;}
.pdf_book .pdf_list > ul > li > ul > li {font-size:14px;font-weight: normal;line-height: 16px;padding:3px 0 5px 0;}
.pdf_book .pdf_list > ul > li > ul > li > p {margin-top:7px;}

.pdf_book.handbook {padding-left:260px;}
.pdf_book.handbook .cover {width:205px;}
.pdf_book.handbook .cover a { word-break:keep-all}
.pdf_book.handbook .pdf_list > ul > li {margin-bottom: 20px;color: #313131; line-height:1.25em}
.pdf_book.handbook .pdf_list > ul > li > span {display:inline-block;margin-right:10px;color: #013f7e;} 

@media (max-width:767px) {	
.pdf_book {padding:30px 20px 20px 20px;}	
.pdf_book .cover {position: relative;top: 0;left: 0;margin-bottom:30px;}
.pdf_book.handbook { padding-left:20px;}
}

/**********************************************************************************
	의료용어 수어해설사전
**********************************************************************************/

/* 진료분야별 의학용어 검색 */
.word_index_search {background:#eef8fe; margin-top:32px;}
.word_index_search .wis_t {font-size:0; line-height:0; text-align:center; padding:12px 16px; border-bottom:1px solid #e3e6f2;}
.word_index_search .wis_t > a {display:inline-block; width:36px; height:36px; border-radius:20px; border:1px solid #b7c6ed; font-size:14px; line-height:34px; text-align:center; margin:2px; background:#fff; color:#444;}
.word_index_search .wis_t > a.on {background:#15349b; border-color:#15349b; color:#fff;}
.word_index_search .wis_b {padding:20px 16px;}
.word_index_search .wis_b * {vertical-align:top;}
.word_index_search .wis_b > div {display:table; table-layout:fixed; margin:0 auto;}
.word_index_search .wis_b > div > div {position:relative; padding:0 2px; display:table-cell; height:34px;}
.word_index_search .wis_b input[type="text"] {font-size:14px; line-height:22px; padding:5px 8px; height:34px;}
.word_index_search .wis_b .wis_btn {width:84px;}
.word_index_search .wis_b .wis_btn .btn_nh {background-color:#2187cc; border-color:#2187cc;}

.word_index_no_list {border-top:1px solid #c8d7fd; padding:48px 0; text-align:center; margin-top:8px;}
.word_index_no_list .winl_descript {font-size:18px; line-height:26px; font-weight:500; letter-spacing:-0.048em; color:#444;}
.word_index_no_list .s_list {display:inline-block; text-align:left;}

.word_index_list {margin-top:8px;}
.word_index_list ul {margin:-4px;}
.word_index_list ul::after {display:block; content:''; clear:both;}
.word_index_list ul li {float:left; padding:4px;}
.word_index_list ul li a {display:block; border:1px solid #c8d7fd;}
.word_index_list ul li a span {display:block; font-size:14px; line-height:22px; padding:8px 12px; color:#444;}
.wil_view .wv_link {padding:16px 20px; background:#f8fafe; margin-bottom:16px;}
.wil_view .wv_link .wvl_ttl {font-size:14px; line-height:22px; font-weight:500;}

@media (min-width:1220px) {
	.word_index_search .wis_b > div {width:50%;}
	.word_index_no_list {padding:64px 0;}
	.word_index_list ul li a span {text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
}
@media (min-width:768px) and (max-width:1219px) {
	.word_index_search .wis_b > div {width:50%;}
	.word_index_no_list {padding:48px 0;}
	.word_index_list ul li a span {text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
}
@media (max-width:767px) {
	.word_index_search .wis_b > div {width:100%;}
	.word_index_search .wis_t > a {width:32px; height:32px; border-radius:16px; font-size:12px; line-height:32px;}

	.word_index_no_list {padding:32px 16px;}
}