@charset "utf-8";

/**** 검사안내 ****/
.educate_wrap .educate_box {width:100%; height:245px; margin-bottom:30px; background-size:cover; background-position:center center; }
.educate_wrap .educate_box .txt {width:45%; height:100%; background:#404893; text-align:center; color:#fff; letter-spacing:-0.08em; float:right;}
.educate_wrap .educate_box .txt p {font-size:18px; margin-top:55px; font-family:'NotoKrL',sans-serif; background:url('/nanum/site/builder/dir/jbccvc/img/menu3426/educate_icon01.png')no-repeat 50% 0; padding-top:50px; word-break:keep-all;}
.educate_wrap .educate_box .txt p strong {font-family:'NotoKrB',sans-serif; }
.educate_wrap .educate_box.bg01 {background-image:url('/nanum/site/builder/dir/jbccvc/img/menu3426/educate_tit01.jpg');}
.educate_wrap .educate_box.bg02 {background-image:url('/nanum/site/builder/dir/jbccvc/img/menu3426/educate_tit02.jpg');}
.educate_wrap .educate_box.bg03 {background-image:url('/nanum/site/builder/dir/jbccvc/img/menu3426/educate_tit03.jpg');}
.educate_wrap .educate_box.bg04 {background-image:url('/nanum/site/builder/dir/jbccvc/img/menu3426/educate_tit04.jpg');}
.educate_wrap .educate_box .txt.bg02 {background:#ff587c;}
.educate_wrap .educate_box .txt.bg03 {background:#41aa9f;}
.educate_wrap .educate_box .txt.bg04 {background:#ad8e37;}

/*프로그램안내*/
.educate_wrap .program_tit {width:100%; position:relative; min-height:162px; border:1px solid #dadada; border-radius:20px 0 20px 20px; clear:both; margin-bottom:50px; margin-top:80px;}
.educate_wrap .program_tit:after {position:absolute; top:0; left:0; width:100%; height:30px; background:#000; content:''; z-index:2;}
.educate_wrap .program_tit.first {margin-top:0;}
.educate_wrap .program_tit .area {position:relative; z-index:3; padding:30px 50px 30px 160px;  border-radius:0px 0 20px 20px; background-repeat:no-repeat; background-position:7% 50%; background-color:#fff; margin:1px;}
.educate_wrap .program_tit .area.noimg {padding:30px;}
.educate_wrap .program_tit .area.bg01 {background-image:url('/nanum/site/builder/dir/jbccvc/img/menu3426/program_bg01.png');}
.educate_wrap .program_tit .area.bg02 {background-image:url('/nanum/site/builder/dir/jbccvc/img/menu3426/program_bg02.png');}
.educate_wrap .program_tit .area.bg03 {background-image:url('/nanum/site/builder/dir/jbccvc/img/menu3426/program_bg03.png');}
.educate_wrap .program_tit .area.bg04 {background-image:url('/nanum/site/builder/dir/jbccvc/img/menu3426/program_bg04.png');}
.educate_wrap .program_tit .area.bg05 {background-image:url('/nanum/site/builder/dir/jbccvc/img/menu3426/program_bg05.png');}
.educate_wrap .program_tit .area.bg06 {background-image:url('/nanum/site/builder/dir/jbccvc/img/menu3426/program_bg06.png');}

.educate_wrap .pro_box {margin:0; padding:0 30px 30px 30px;}
.educate_wrap .pro_box .tit {font-size:22px; color:#404893; font-family:'NotoKrB',sans-serif; margin-bottom:30px; letter-spacing:-0.08em; background:url('/nanum/site/builder/skin/skin02_01/img/common/bu_list4.png')no-repeat 0 50%; padding-left:15px;}
.educate_wrap .pro_box .img {width:35%; overflow:hidden; vertical-align:top; box-shadow:10px 20px 20px rgba(0,0,0,0.2); font-size:0; line-height:0; float:right;}
.educate_wrap .pro_box .img img {width:100%;}
.educate_wrap .pro_box dl {position:relative; padding-left:60px; display:table;}
.educate_wrap .pro_box dl dt,
.educate_wrap .pro_box dl dd{display:inline-block; }
.educate_wrap .pro_box dl dt {position:absolute; top:0; left:0; color:#000; width:40px; font-family:'NotoKrB',sans-serif; margin-right:15px; float:left; background:url('/nanum/site/builder/skin/skin02_01/img/common/bu_list5.png')no-repeat 0 50%; padding-left:15px;}
.educate_wrap .pro_box dl dd {position:relative; display:table-cell; font-family:'Lato','NotoKrR',sans-serif;}

/**** 뇌졸중초기증상 ****/
.educate_wrap .chk_list_area { font-size:0; line-height:0; border-radius:5px; width:100%;}
.educate_wrap .chk_list_area > ul { border:1px solid #b7b7b7; margin-bottom:10px; overflow:hidden; }
.educate_wrap .chk_list_area > ul:hover {border-color:#000; box-shadow:10px 5px 20px rgba(0,0,0,0.2);}
.educate_wrap .chk_list_area > ul > li {position:relative; font-size:16px; line-height:1; padding:18px 20px; border-bottom:1px solid #ddd; background:#fafafa; color:#000; 
font-family:'NotoKrR',sans-serif;}
.educate_wrap .chk_list_area > ul > li:first-child {background:#fff;}
.educate_wrap .chk_list_area .num {display:inline-block;  font-family:'Lato',sans-serif; font-weight:bold; position:absolute; top:16px; left:20px; width:26px; height:26px; font-size:14px; line-height:26px; background:#3fd5e8 linear-gradient(to right, #1ec1f6, #0681dd); border-radius:26px; text-align:center; color:#fff;
margin-right:10px;}
.educate_wrap .chk_list_area li > ul > li {padding:0; border-bottom:0; display:inline-block; width:25%; border-radius:0; border:0;}
.educate_wrap .chk_list_area li > p {display:inline-block; position:relative; padding-left:40px; line-height:1.5;}
.educate_wrap h2 {margin-bottom:30px; color:#000; font-family:'lato', sans-serif;}
.educate_wrap .false {color:#f43838; font-family:'NotoKrB',sans-serif;margin-left:20px;}
.educate_wrap .true {color:#000; font-family:'NotoKrM',sans-serif; color:#000; margin-left:20px;}
/*결과*/
.educate_wrap .chk_list_area li > p.false {color:#f43838; font-family:'NotoKrB',sans-serif; margin-left:20px;}
.educate_wrap .chk_list_area li > p.true {color:#000; font-family:'NotoKrM',sans-serif; color:#000; margin-left:20px;}

.checks li {position:relative; margin:2px 0;}
.checks input[type="radio"]{position:absolute; width:1px; height:1px; margin-top:-1px; padding:0; overflow:hidden;  clip:rect(0,0,0,0); border: 0; }
.checks input[type="radio"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } 
.checks input[type="radio"] + label:before {content: ' '; display: inline-block; width: 22px; height: 22px; 
line-height: 22px; text-align: center; vertical-align: middle; background:#fff; border:1px solid #dadada; border-radius:50%; margin-right:15px;} 

.checks input[type="radio"]:checked + label {color:#388cdf; font-family:'NotoKrM',sans-serif;}
.checks input[type="radio"]:checked + label:before { content: ''; border:6px solid #388cdf; box-sizing:border-box; }


/******************************1024******************************/
@media all and (max-width:1024px){

/*프로그램안내*/
.educate_wrap .program_tit .area {padding:35px 35px 35px 130px; background-repeat:no-repeat; background-position:35px 50%; background-size:60px auto;}

.educate_wrap .pro_box .tit {display:inline-block;}
.educate_wrap .pro_box dl {min-width:45%;}
.educate_wrap .pro_box .img {width:42%; overflow:hidden; float:right;}
.educate_wrap .pro_box .img img {width:100%;}


/**** 뇌졸중초기증상 ****/
.educate_wrap .chk_list_area > ul > li {font-size:15px;}


}

/******************************767******************************/
@media all and (max-width:767px){

/**** 검사안내 ****/
.educate_wrap .educate_box .txt {width:50%;}
.educate_wrap .educate_box .txt p {font-size:15px; word-break:keep-all; box-sizing:border-box; padding:50px 20px; }
.educate_wrap .educate_box .txt p br {display:none;}


/*프로그램안내*/

.educate_wrap .program_tit .area {padding:80px 20px 20px 20px; text-align:center; background-position: 50% 20px; background-size:50px auto;}
.educate_wrap .program_tit .area  h4.tit {display:inline-block;}

.educate_wrap .pro_box {padding:25px;}
.educate_wrap .pro_box .tit {font-size:18px; margin-bottom:12px;}
.educate_wrap .pro_box dl {min-width:auto; float:none;}
.educate_wrap .pro_box .img {width:70%; overflow:hidden; float:none; margin:0 auto; margin-bottom:30px;  }
.educate_wrap .pro_box .img img {width:100%;}



/**** 뇌졸중초기증상 ****/
.educate_wrap .chk_list_area > ul > li {font-size:14px; padding:12px 20px; margin:0;}
.educate_wrap .chk_list_area .num {font-size:13px; line-height:25px;}
.educate_wrap .chk_list_area li > ul > li {width:48%;}


}



/******************************480******************************/
@media all and (max-width:480px){
.educate_wrap .educate_box {height:195px;}
.educate_wrap .educate_box .txt {width:100%; margin-top:195px; height:auto; margin-bottom:30px;}
.educate_wrap .educate_box .txt p {font-size:14px; padding:28px 20px; margin-top:0; background-position:30px center; text-align:left; padding-left:80px;}
.educate_wrap .educate_box.bg02 {background-image:url('/nanum/site/builder/dir/jbccvc/img/menu3426/meducate_tit02.png');}
.educate_wrap .educate_box.bg03 {background-image:url('/nanum/site/builder/dir/jbccvc/img/menu3426/meducate_tit03.png');}
.educate_wrap .educate_box.bg04 {background-image:url('/nanum/site/builder/dir/jbccvc/img/menu3426/meducate_tit04.png');}


/**** 뇌졸중초기증상 ****/
.educate_wrap .chk_list_area li > ul > li {width:100%;}


}