@charset "UTF-8";
/*BOARD, TABLE, FORM*/

.search_top_wrap{overflow: hidden;margin-bottom:20px;}
.search_top_wrap .left_item{float:left;}
.search_top_wrap .left_item p{font-size:17px;line-height:45px;}
.search_top_wrap .left_item p span{color:#007ebb;}
.search_top_wrap .search_area{float:right;}
.search_top_wrap .search_area select{float:left;width:140px;margin-right:10px;}
.search_top_wrap .search_area input[type=text]{float:left;width:230px;}
.search_top_wrap .search_area .submit_btn{float:left;width:45px;height: 45px;border:1px solid #c4c4c4;border-left:0;background: url(/common/images/icon/search_area_icon.png) no-repeat center;}
 .submit_btn{width:45px;height: 45px;border:1px solid #c4c4c4;background: url(/common/images/icon/search_area_icon.png) no-repeat center;}

.list_search_top{width:982px;margin:40px 0 20px 0;}
.list_search_top.appoint{width:1100px;}
.txt + .list_search_top{margin:35px 0;}
.list_search_top::after{display:block;clear: both;content:""}
.list_search_top div{float:left;}
.list_search_top div *{float:left;}
.list_search_top .select_area{width:40%;}
.list_search_top .select_area select:first-child{width:45%;}
.list_search_top .select_area select:last-child{width:51%;margin:0 2%;}
.list_search_top .input_button_area{width:60%;}
.list_search_top .input_button_area input{width:65%;}
.list_search_top .input_button_area button{width:16%;margin-left:1.5%;line-height:45px;}
.list_search_top .input_button_area button + button {width:16%;}
.input_button_area button.gray{background:#aeb8c4;color:#fff;line-height:45px;}
.input_button_area button.white{border:1px solid #cccccc;line-height:43px;}
.list_search_top.appoint .select_area{width:45%;}
.list_search_top.appoint .input_button_area{width:55%;}
.list_search_top.appoint .select_area select{width:35%;}
.list_search_top.appoint .select_area input{width:61%;margin:0 2%;}
.list_search_top.appoint .input_button_area .calendar{width: 61%;}
.list_search_top.appoint .input_button_area .calendar input{width:46%;}
.list_search_top.appoint .input_button_area .calendar span{display:inline-block;width:7.9%;line-height:41px;text-align:center;}
input.datepicker{padding-right:45px;background:url(/common/images/icon/calendar.png) no-repeat right 13px center;}
input.datepicker.gray{background:#f8f8f8 url(/common/images/icon/calendar_gray.png) no-repeat right 13px top 13px;color:#000;}
input.datepicker.w_gray{background:#fff url(/common/images/icon/calendar_gray.png) no-repeat right 13px top 13px;color:#000;}
.board_list{border-top:2px solid #000000;}
.board_list thead th{padding:10px 0;border-bottom:1px solid #acacac;font-weight:500;line-height:28px;}
.board_list tbody td, .board_list tbody th{padding:20px 0;border-bottom:1px solid #e0e0e0;line-height:28px;text-align:center;}
.board_list td.left_align{padding:21px 20px;text-align:left;}
.board_list thead th.r_bd{border-right:1px solid #acacac;}
.board_list span.answered{margin-left:10px;padding:3px;border:1px solid #007ebb;border-radius:3px;color:#007ebb;font-size:15px;}

.board_list_card::after{display:block;clear:both;height:1px;content:""}
.board_list_card li{position:relative;float:left;width:32%;min-height:260px;margin-left:2%;margin-top:25px;padding:30px;box-sizing:border-box;border:1px solid #e0e0e0;vertical-align: top;box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.15);transition: all 0.4s;}
.board_list_card.news li{min-height:200px;}
.board_list_card li:nth-child(-n+3){margin-top:0;}
.board_list_card li:nth-child(3n+1){margin-left:0;}
.board_list_card li .tit{overflow:hidden;max-height:64px;margin-bottom:15px;color:#000;font-weight:500;font-size:22px;line-height:32px;}
.board_list_card li .cont{overflow:hidden;max-height:84px;color:#555555;line-height:28px;}
.board_list_card li .info{position:absolute;bottom:30px;left:30px;color:#888888;font-size:13px;}
.board_list_card li .info span::after{display: inline-block;width:1px;height:12px;margin:1px 5px 0 5px;background:#888;content:"";vertical-align: top;transition: background 0.2s;}
.board_list_card li .info span:last-child::after{display:none;}
.board_list_card li .news{margin-bottom:25px;font-size:18px;}
.board_list_card li .news span{float:right;padding-top:5px;color:#888888;font-size:14px;vertical-align: middle;}

.board_thumb{border-top:2px solid #000;}
.board_thumb li{overflow:hidden;padding:30px 0;border-bottom:1px solid #e0e0e0;}
.board_thumb li img{float:left;width:282px;height:188px;padding-right:38px;}
.board_thumb li .tit{overflow:hidden;color:#000;font-weight:500;font-size:22px;text-overflow: ellipsis;white-space: nowrap;}
.board_thumb li img + .txt_wrap{padding-top:20px;}
.board_thumb li .cont{overflow:hidden;max-height:56px;margin-top:20px;color:#555555;line-height:28px;}
.board_thumb li .cont.bull{max-height:100px;line-height:32px;}
.board_thumb li .cont.bull a{text-decoration: underline;}
.board_thumb li .info{margin-top:25px;color:#888888;font-size:13px;}
.board_thumb li .info span{display:inline-block;vertical-align: top;}
.board_thumb li .info span::after{display: inline-block;width:1px;height:12px;margin:1px 5px 0 5px;background:#888;content:"";vertical-align: top;}
.board_thumb li .info span:last-child::after{display:none;}

.gallery_list{overflow:hidden;}
.gallery_list li{float:left;width:282px;min-height:325px;margin-left:24px;margin-bottom:37px;vertical-align: top;}
.gallery_list li:nth-child(4n+1){margin-left:0;}
.gallery_list li img{width:282px;height:188px;}
.gallery_list li p{overflow:hidden;height:64px;margin-top:20px;font-size:22px;line-height:32px;}
.gallery_list li.no_img p{margin-top:0;}
.gallery_list li p.txt{height:194px;margin-top:15px;font-size:17px;line-height:28px;}
.gallery_list li span{display:block;margin-top:32px;color:#888888;font-size:14px;}

/* 동영상 리스트 */
.media_list {overflow:hidden;}
.media_list li{float:left;width:282px;min-height:325px;margin-left:24px;margin-bottom:37px;vertical-align: top;}
.media_list li:nth-child(4n+1){margin-left:0;}
.media_list li img{width:282px;height:188px;}
.media_list li p{overflow:hidden;height:64px;margin-top:20px;font-size:22px;line-height:32px;}
.media_list li.no_img p{margin-top:0;}
.media_list li p.txt{height:194px;margin-top:15px;font-size:17px;line-height:28px;}
.media_list li span{display:block;margin-top:32px;color:#888888;font-size:14px;}

.board_faq{border-top:2px solid #000;}
.faq_item{border-bottom:1px solid #e4e4e4;}
.faq_item .q_tit{display:block;position:relative;width:100%;padding:17px 100px;line-height:32px;text-align:left;transition: all 0.3s;}
.faq_item .q_tit::before{position:absolute;left:42px;font-size:20px;font-weight:500;content:"Q"}
.faq_item .q_tit span{display:inline-block;position:absolute;right:9px;top:11px;width:42px;height:42px;border:1px solid #cccccc;text-indent:-9999px;}
.faq_item .q_tit span::after{position:absolute;top:50%;left:50%;margin:-5px 0 0 -4px;width:6px;height:6px;border-left:3px solid #0b0b0b;border-bottom:3px solid #0b0b0b;transform:rotate(-45deg);content:"";transition: all 0.3s;}
.faq_item .q_tit.on{font-weight:500;font-size:18px;}
.faq_item .q_tit.on span::after{margin: -3px 0 0 -4px;border-color:#21b8f1;transform: rotate(135deg);}
.faq_item .a_cont{display:none;padding:35px 100px 100px 100px;background:#f8f8f8;border-top:1px solid #e4e4e4;line-height:32px;}
.faq_item.quest .a_cont{padding:35px 100px}
.faq_item .a_cont::before{position:absolute;left:42px;color:#21b8f1;font-size:20px;font-weight:500;content:"A"}

.board_view .title_area{padding-top:40px;border-top:2px solid #000000;border-bottom:1px solid #e4e4e4;}
.board_view .title_area h3{padding-bottom:20px;color:#222222;font-weight:500;font-size:34px;text-align:center;}
.board_view .title_area p{margin-bottom:40px;color:#555555;text-align:center;}
.board_view .title_area p span{display:inline-block;padding-right:15px;line-height: 26px;}
.board_view .title_area p span:last-child{padding-right:0;}
.board_view .title_area .file_list{margin-top:40px;padding:15px 20px;border-top:1px solid #e4e4e4;}
.board_view .title_area .file_list a{display:inline-block;margin-right:25px;padding-left:20px;background:url(/common/images/icon/view_file.png) no-repeat left 5px;color:#545454;line-height:30px;}
.board_view .title_area .file_list a:last-child{margin-right:0;}
.board_view .cont_area{padding:50px 0;border-bottom:1px solid #000000;color:#555;line-height:30px;}
.board_view .cont_area > .cont_tit{margin-top:0;}
.board_view .page_move_area p{position:relative;padding:0 19px;border-bottom:1px solid #e4e4e4;color:#333;font-size:18px;line-height:78px;}
.board_view .page_move_area p span{display:block;line-height: 78px;}
.board_view .page_move_area p .dir{position:absolute;left:20px;top:50%;margin-top:-13px;padding:0 18px;border:1px solid #cbcbcb;border-radius: 3px;color:#222;font-size:13px;line-height:26px;}
.board_view .page_move_area p .tit{overflow:hidden;width:100%;padding:0 280px 0 210px;box-sizing:border-box;text-overflow:ellipsis;white-space: nowrap;}
.board_view .page_move_area p .info{position:absolute;right:20px;top:0;color:#555;}
.board_view .page_move_area p .info em{display:inline-block;font-style: normal;}
.board_view .page_move_area p .info em::after{display:inline-block;width:1px;height:15px;margin:0 5px -2px 5px;background:#555555;content:""}
.board_view .page_move_area p .info em:last-child::after{display:none;}

.board_view .answer_area{overflow:hidden;margin-top:-1px;padding:50px 20px;background:#f8f8f8;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;color:#555;}
.board_view .answer_area > p{float:left;width:60px;color: #21b8f1;font-size: 20px;font-weight:500;text-align:center;line-height:30px;}
.board_view .answer_area div{float:right;width:calc(100% - 60px);padding-left:23px;box-sizing:border-box;    line-height: 30px;}


.board_view.disease_view .title_area{padding-top:55px;border-bottom:1px solid #e4e4e4;}
.board_view.disease_view .title_area h3{padding-bottom:55px;}
.board_view.disease_view .detail_text{margin-bottom:50px;}
.board_view.disease_view .detail_text strong.tit{display:block;padding-bottom:15px;font-size:24px;color:#000000;font-weight:500; }
.board_view .related{border-top:1px solid #e4e4e4;}
.board_view .related .medi_team{margin-top:25px;}
.board_view .related.compliment{margin-top:50px;padding-top:30px;}
.contents table.content tr td.border-right{border-right:1px solid #e4e4e4}


/* comment  */
.certify_clear{margin-top:30px}
.certify_clear .btn_wrap{text-align:left}
.certify_clear .btn_wrap button.cert{padding:0 10px;background:#666666;border-radius:3px;font-size:13px;color:#fff;line-height:26px;}
.clear .pop_tit{border-bottom:0}
.clear .pop_cont .tit{font-size:24px;text-align:center;}
.comment_area{margin-top:20px}
.ment_item{overflow:hidden;padding:20px 19px;border-bottom:1px solid #bbbbbb;}
.ment_item .top{margin-bottom:15px}
.ment_item:first-child{padding-top:0}
.ment_item .writer{display:inline-block;margin-right:5px;font-weight:600;font-size:16px;}
.ment_item .info{display:inline-block;vertical-align:middle;font-size:14px;color:#999999}
.ment_item .info em{font-style:normal}
.ment_item .btn_wrap{float:right}
.ment_item .btn_wrap button{position:relative;padding:0 6px;font-size:15px;color:#555;}
.ment_item .btn_wrap button.delete:before{position:absolute;top:50%;left:-2px;width:1px;height:13px;background:#a6a6a6;transform:translateY(-50%);vertical-align:middle;content:""}
.ment_item .cont p{font-size:16px;color:#666;line-height:1.7em}
.ment_item:last-child{border-bottom:1px solid #666666}

.reply{margin-top:25px;padding:15px 20px;box-sizing:border-box;background:#f5f5f5;border:1px solid #999999;}
.reply > div{overflow:hidden}
.reply > div button.admit{float:right;width:65px;padding:6px 0;font-size:12px;font-weight:500;background:#fff;border:1px solid #cbcbcb;border-radius:3px;color:#222222;text-align:center;}
.reply > div span{font-size:16px;font-weight:500;}
.reply textarea{padding:10px;overflow-y:scroll;width:100%;height:100px;margin-top:5px;box-sizing:border-box;font-size:17px;}
.reply_top {margin-bottom:10px;}
.reply_top span {position:relative;top:7px;}
.reply_top button {height:35px;font-size:15px !important;font-weight:400 !important;}

.board_bottom_wrap {position:relative;clear: both;min-height:45px;margin: 40px 0;text-align: center;}
.board_bottom_wrap.apply_submit{position:absolute;top:-40px;left:180px;}
.board_bottom_wrap.medi_apply_submit{position:absolute;top:75px;right:0}
.board_bottom_wrap .pagination {display: inline-block;border: 1px solid #dddddd;border-radius: 3px;font-size: 0;}
.board_bottom_wrap .pagination a {display: inline-block;width: 43px;border-left: 1px solid #dddddd;color: #686868;font-size: 14px;line-height: 43px;}
.board_bottom_wrap .pagination a:first-child{border-left: 0;}
.board_bottom_wrap .pagination a.on {background: #21b8f1;color: #fff;}
.center_A .board_bottom_wrap .pagination a.on, .center_B .board_bottom_wrap .pagination a.on, .center_C .board_bottom_wrap .pagination a.on, .center_D .board_bottom_wrap .pagination a.on{background:#298da4;}
.pagination a.first, .pagination a.prev, .pagination a.next, .pagination a.last {text-indent: -9999px;}
.pagination a.first {background: url(/common/images/icon/page_first.png) no-repeat center;}
.pagination a.prev {background: url(/common/images/icon/page_prev.png) no-repeat center;}
.pagination a.next {background: url(/common/images/icon/page_next.png) no-repeat center;}
.pagination a.last {background: url(/common/images/icon/page_last.png) no-repeat center;}
.mobile_page{display:none;}

.btn_wrap{text-align:right;}
.board_bottom_wrap .btn_wrap{position: absolute;right:0;top:0;}
.board_bottom_wrap .txt{color: #555555; line-height: 30px;}
.board_bottom_wrap .btn_wrap button, .board_bottom_wrap .btn_wrap a{display:inline-block;min-width:90px;padding:5px 30px;box-sizing:border-box;line-height:1.2;text-align:center;}
.board_bottom_wrap .btn_wrap.bigger button, .board_bottom_wrap .btn_wrap.bigger a{width:190px;line-height:70px;font-weight:500;}
.board_bottom_wrap .btn_wrap.mid button, .board_bottom_wrap .btn_wrap.mid a{width:190px;height:60px;font-weight:500;vertical-align:top;line-height:1.2;}
.board_bottom_wrap .btn_wrap.center{position:relative;right:inherit;text-align:center;}
.board_bottom_wrap.normal_test .btn_wrap{position:relative;text-align:center}
.btn_wrap .sky{background:#21b8f1;color:#fff;}
.btn_wrap .white{border:1px solid #dddddd;line-height:43px;}
.btn_wrap .green{background:#1a7491;color:#fff;}
.btn_wrap .b_green{background:#298da4;color:#fff;}
.btn_wrap .light_gray{background:#aeb8c4;color:#fff;}
.btn_wrap .y_green{background:#6ca90c;color:#fff;}
.btn_wrap .width50{width:50%}
.btn_wrap .width100{width:100%}
.board_bottom_wrap .btn_wrap.btn_inline{position:relative;display:inline-block;vertical-align:top;}

.board_view .cont_area .board_bottom_wrap{margin-bottom:0;}

.write_info{text-align:right;}
.write_info span{color:#ff0000;}
.cont_tit + .write_info{margin-top:-30px;}
.write_form{margin-top:10px;border-top:2px solid #000000;}
.write_form .form_line{overflow:hidden;padding:10px 0;border-bottom:1px solid #e4e4e4;font-size:0;}
.write_form .form_line.mj_que{padding:15px;background:#f1f1f1;}
.write_form .form_line.mj_ans{padding:10px 20px;}
.write_form .form_line.mj_que p.txt{display:inline-block;font-size:18px;font-weight:600;color:#000;vertical-align:middle}
.write_form .form_line.mj_ans p.txt{display:inline-block;font-size:17px;font-weight:400;color:#000;vertical-align:middle}
.write_form .form_line.mj_ans p.txt + input{margin-left:10px;}
.write_form .form_line.mj_ans input + p.txt{margin-left:10px;} 
.write_form .form_line span.label{float:left;width:17%;padding:0 40px;box-sizing:border-box;vertical-align:top;font-size:17px;line-height: 45px;}
.write_form .form_line span.label label{position:relative;}
.write_form .form_line span.label label em{display:block;position: absolute;top:17px;left:-16px;width:130px;font-size:14px;font-style:normal;line-height:20px;}
.write_form .form_line div.input{display:inline-block;width:83%;font-size:17px;line-height:0;}
.write_form .form_line div.input p{line-height:45px;}
.write_form .form_line div.input p.info{display:inline-block;padding-left:10px;color:#888888;}
.write_form .form_line div.input p.info_line{line-height:28px;}
.write_form textarea{width:100%;height:300px;padding:15px 20px;box-sizing:border-box;border:1px solid #cccccc;color:#555555;font-size:17px;line-height:30px;resize: none;}
.write_form .form_line div.input input + input{margin-left:8px;}
.write_form .form_line div.input input + button{margin-left:8px;padding:0 10px;background:#aeb8c4;color:#fff;line-height: 45px;}
.write_form .form_line div.input .zipcode_btn{padding: 0 10px;background: #aeb8c4;color: #fff;
    line-height: 45px;}
.write_form .form_line .requir{position:relative;}
.write_form .form_line .requir::before{position:absolute;left:-12px;top:-10px;color:#ff0000;content:"*"}
.write_form .form_line .input_help_txt{display:inline-block;padding-top:10px;padding-left:10px;font-size:14px;line-height:22px !important;}
.write_form.total_data .form_line{border-bottom:none}
.write_form .form_line div.input .btn_wrap button{display:inline-block;min-width:90px;padding:0 30px;box-sizing:border-box;line-height:45px;text-align:center;}
.captchaT button, .captchaM button, .captchaB button {display:inline-block;min-width:90px;padding:0 15px !important;box-sizing:border-box;line-height:45px;text-align:center;}
#catpcha img {height:45px;}
.captchaT, .captchaM {display:inline-block;}
.captchaB {display:block;margin-top:5px;}
.captchaB div {font-size:15px;}

.write_form .form_line .radio_label{    width: auto;
    float: left;
    text-align: left;
    margin-right: 40px;}
.write_form .form_line .radio_label input{width:18px; margin-right:5px;}
.write_form .form_line .radio_label span{font-size:16px; line-height:45px;}

@media screen and (min-width:1201px) {
	.cross_label{height: 90px;}
}
@media screen and (max-width:1200px) {
	.cross_label{height: auto;}
	.captchaM {margin-top:5px;}
	.write_form .form_line div.input .captchaB input + button {margin-left:0;}
	
}

@media screen and (max-width:480px) {
	.captchaB input {width:calc(100% - 100px);}
	.captchaB input + button {margin-left:0;}
	.reply_top + input {width:100%;}
	.reply_top + input + input {margin-top:5px;width:100%;}
}

.write_form .width100{width:100%}
input.width100{width:100%}
.write_form .width70{width:70%}
.write_form .width60{width:60%}
input.width60{width:60%}
.write_form .width50{width:50%}
input.width50{width:50%}
.write_form .width40{width:40%}
input.width40{width:40%}
.write_form .width30{width:30%}
.write_form .width20{width:20%}
.write_form .width10{width:10%}
.form_ea{display:inline-block;vertical-align:middle}

.optionWidth{width:27.9%; margin-left: 15px;}

@media (min-width:801px) and (max-width:1047px) {
	.optionWidth{width:26%; margin-left: 15px;}
}


@media (min-width:1048px) and (max-width:1200px) {
	.optionWidth{width:27.4%; margin-left: 15px;}
}

@media screen and (max-width:800px) {
	.optionWidth{width:100%; margin-left: 0px;}
	
}

.form_btn{width:10%;}
.form_btn.gray{    background: #aeb8c4;
	color: #fff;    line-height: 45px;}

.agreement_check{margin-bottom:35px;}
.agreement_check textarea{width: 100%;height: 200px;margin-top:20px;padding: 20px;box-sizing: border-box;border: 1px solid #cccccc;color: #555555;font-size: 17px;line-height: 30px;resize: none;}
.agreement_check .btn_wrap{float:right;}
.agreement_check .btn_wrap button{min-width:90px;padding:0 30px;}

/*라디오,체크버튼*/
.radio_container {display: inline-block;position: relative;padding-left: 35px;padding-right:10px;cursor: pointer;font-size: 17px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;line-height: 28px;vertical-align:middle}
.radio_container.v_top{vertical-align:top}
.write_form .form_line div.input .radio_container{line-height:44px}
.radio_container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark {position: absolute;top: 0;left: 0;height: 28px;width: 28px;box-sizing: border-box;border-radius: 3px;border: 1px solid #cdcdcd;background:#fff;}
.checkmark.center{left:50%;transform:translateX(-50%)}
.write_form .form_line div.input .checkmark{top:8px;}
.ap .checkmark{top:0;left:8px;}
.checkmark.radio{border-radius: 20px;}
.radio_container:after{content: "";position: absolute;}
.radio_container input:checked ~ .checkmark:after {display: block;content: "";}
.radio_container .checkmark:after{position: absolute;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.radio_container .checkmark.radio:after{left: 6px;top: 6px;width: 14px;height: 14px;box-sizing: border-box;background: #21b8f1;border-radius: 20px;transform: none;}
.radio_container .checkmark.check:after{display:block;left: 6px;top: 5px;width: 15px;height: 10px;border-left:4px solid #21b8f1;border-bottom:4px solid #21b8f1;box-sizing: border-box;transform:rotate(-45deg);}
.radio_container.ap .checkmark.radio:after{background:#6ca90c;}

.radio_container input.check_input{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 28px;
    width: 70px;
    left: 0px;
    top: 8px;
    z-index: 10;
}

/*파일첨부*/
.filebox{display:block;overflow:hidden;font-size:0;}
.filebox p{padding:0 0 5px 0;font-size:17px;line-height:28px !important;}
.filebox p button.remove{position:relative;width:30px;height:30px;text-indent: -9999px;transition: all 0.5s;}
.filebox p button.remove::before, .filebox p button.remove::after{position:absolute;top:5px;width:1px;height:20px;background:#000;content: ""}
.filebox p button.remove::before{left:14px;transform:rotate(45deg);}
.filebox p button.remove::after{right:15px;transform:rotate(-45deg);}
.filebox + .filebox{margin-top:8px;padding-top:6px;}
.filebox input[type="file"]{position: absolute; width: 1px; height: 1px; padding: 0 ; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filebox label{display:inline-block;height:45px;width:10%;margin-left:0.5%;padding:0 !important;box-sizing:border-box;border:1px solid #aeb8c4;background:#aeb8c4;color:#fff;font-size:16px;line-height:45px;text-align:center;vertical-align: middle;cursor:pointer;}
.filebox .upload-name{display:inline-block;width:40%;height:45px;line-height: 1; vertical-align: middle; background-color: #fff; border: 1px solid #d0d0d0;-webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box;text-indent:10px; font-size:15px;line-height: 45px;}
.file_info{font-size:17px;color:#777;margin-bottom:0;padding:15px 0 0 0;float:right;}
table.list.mypage{margin-top:20px;}
.uploaded_file{padding:3px 0 2px 0;;}
.uploaded_file p{padding-bottom:5px;font-size:17px;line-height: 45px !important;}
.uploaded_file p a{margin-left:5px;padding:4px 5px;border:1px solid #d0d0d0;}
.filebox .btn{display: inline-block;width: 12%;margin-left:0.5%;box-sizing: border-box;border: 1px solid #d0d0d0;background: #fff;font-size:17px;line-height: 45px;text-align:center;}

/*본인인증*/
.certifi_txt{text-align:center;color:#555;font-size:20px;line-height:36px;}
.certifi_item{overflow:hidden;width:700px;margin:40px auto;}
.certifi_item li{float:left;width:46%;padding:45px 30px 40px 30px;box-sizing:border-box;border:1px solid #e3e3e3;text-align:center;}
.certifi_item li:first-child{background:url(/common/images/contents/certifi_img01.png) no-repeat center 93px;}
.certifi_item li:last-child{margin-left:8%;background:url(/common/images/contents/certifi_img02.png) no-repeat center 93px;}
.certifi_item li h5{padding-bottom:160px;font-size:28px;font-weight:500;}
.certifi_item li p{color:#555;line-height:28px;}
.certifi_item li button{width:100%;margin-top:18px;box-sizing:border-box;border:1px solid #bebebe;background:url(/common/images/icon/certi_go.png) no-repeat 90% center;color:#555;font-size:17px;line-height:56px;}


/*HOVER*/
@media screen and (min-width:800px) {
	.board_list_card li:hover{background:#21b8f1;border:1px solid #21b8f1;box-shadow: 9px 8px 14px -1px rgba(0, 0, 0, 0.25);}
	.board_list_card li:hover *{color:#fff !important;}
	.board_list_card li:hover .info span::after{background:#fff;}
	.board_thumb li .txt_wrap:hover a{text-decoration: underline;}
	.board_list td a:hover{text-decoration: underline;}

}


@media screen and (max-width:1200px) {
	.write_form .form_line span.label{width:100%;padding:0;line-height:30px;font-weight:500;}
	.write_form .form_line div.input{width:100%;}
	.write_form .form_line div.input p{line-height: 28px;}
	.write_form .form_line{overflow:visible;padding:10px;}
	.write_form .form_line::after{display:block;clear:both;content:""}
	.write_form .form_line .requir::before{left:-10px;top:-5px;font-size:16px;}
	.board_list_card li{padding:20px;}
	.gallery_list li{width:32%;min-height:250px;margin-left:2%;}
	.gallery_list li:nth-child(4n+1){margin-left:2%;}
	.gallery_list li:nth-child(3n+1){margin-left:0;}
	.gallery_list li p{height:56px;margin-top:15px;font-size:20px;line-height:28px;}
	.gallery_list li p.txt{height:172px;margin-bottom: 36px;}
	.gallery_list li span{margin-top:20px;}
	
	/*동영상 리스트 */
	.media_list li{width:32%;min-height:250px;margin-left:2%;}
	.media_list li:nth-child(4n+1){margin-left:2%;}
	.media_list li:nth-child(3n+1){margin-left:0;}
	.media_list li img {width:100%; height:100%;}
	.media_list li p{height:56px;margin-top:15px;font-size:20px;line-height:28px;}
	.media_list li p.txt{height:172px;margin-bottom: 36px;}
	.media_list li span{margin-top:20px;}
	.list_search_top{width:100%;}
	.list_search_top.appoint{width:100%;}
	.list_search_top.appoint .select_area{width:100%;padding-bottom:10px;}
	.list_search_top.appoint .input_button_area{width:100%;}
	.list_search_top.appoint .select_area input{width:63%;margin-right:0;}
	.write_form .form_line span.label label em{display:inline;position:inherit;top:inherit;left:inherit;padding-left:5px;}

	/*글씨 숨김*/
	.search_top_wrap .done{display: none;}

}

@media screen and (max-width:800px) {
	.board_bottom_wrap .pagination{border:0;}
	.board_bottom_wrap .pagination a{display: none;}
	.write_form .form_line #_patntZip{width:40%}
	.pagination a.first, .pagination a.prev, .pagination a.next, .pagination a.last {display:inline-block;width:20px;border:0;}
	.pagination a.prev, .pagination a.next, .pagination a.last, .pagination a.first{width:30px;}
	.mobile_page{display:inline-block;padding:0 9px;font-size: 14px;line-height: 43px;}
	.board_bottom_wrap .btn_wrap button{min-width:91px;font-size:15px;top: 40px;position: absolute;right: 0;}
	.board_bottom_wrap.normal_test .btn_wrap button{width:100%}
	.board_bottom_wrap.normal_test .btn_wrap button + button{margin-top:20px}
	.board_view .page_move_area p .info{display:none;}
	.board_view .page_move_area p .tit{padding:0;}
	.board_view .page_move_area p .dir{position: static; left:0; margin-top:10px; text-align:center;}
	.write_form .width70, .write_form .width60, .write_form .width50, .write_form .width40, .write_form .width30, .write_form .width20{width:100%}
	.write_form .width20.fix_width{width:20%}
	.write_form input[type="text"] + input[type="text"].fix_width{margin-top:0}
	.form_btn{float:left;width:49.25%;margin-top:5px;}
	.form_btn.nofloat{float:none;width:20%}
	.form_btn + .form_btn{margin-left:1.5%;}
	.write_form input[type="text"] + input[type="text"]{margin-top:5px;}
	.filebox .upload-name{width:70%;}
	.filebox label{width:28%;margin-left:2%;}
	.board_list_card li{width:49%;min-height:220px;margin-left:2%;margin-top:15px;}
	.board_list_card li:nth-child(3n+1){margin-left:2%}
	.board_list_card li:nth-child(2n+1){margin-left:0%}
	.board_list_card li:nth-child(-n+3){margin-top:15px;}
	.board_list_card li:nth-child(-n+2){margin-top:0px;}
	.board_list_card li .tit{max-height:54px;margin-bottom:15px;font-size:20px;line-height: 26px;}
	.board_list_card li .cont{max-height:72px;line-height:24px;}
	.board_list_card li .info{left:20px;bottom:20px;}
	.board_thumb li img{display:block;margin:0 auto;float:inherit;padding:0;}
	.board_thumb li .tit{font-size:20px;}
	.board_thumb li .cont{max-height:78px;margin-top:15px;line-height:26px;}
	.board_thumb li .info{margin-top:20px;}
	.faq_item .q_tit span{display:none;}
	.faq_item .q_tit{padding:12px 0 12px 38px;line-height:26px;}
	.faq_item .q_tit::before{left:12px;}
	.faq_item .a_cont::before{left:24px;}
	.faq_item .a_cont{padding: 20px 0px 40px 38px;line-height:26px;}
	.gallery_list li img{height:140px;}

	.list_search_top{margin:20px 0;}
	.list_search_top .select_area{width:100%;}
	.list_search_top .input_button_area{width:100%;margin-top:10px;}
	.list_search_top .select_area select:last-child{width:53.5%;margin:0 0 0 1.5%;}
	.list_search_top.appoint .input_button_area .calendar{width:100%;padding-bottom:10px;}
	.list_search_top.appoint .input_button_area button{width:49.25%;margin:0;}
	.list_search_top.appoint .input_button_area button:last-child{margin-left:1.5%;}
	.certifi_item{width:100%;}
	.certifi_item li{width:48%;padding:35px 20px 30px 20px;}
	.certifi_item li:last-child{margin-left:4%;}
	.certifi_txt{font-size:18px;line-height:28px;text-align:left;}
	.write_form .form_line div.input p.info{padding-left:0;padding-top:5px;}
	.write_form .width20.zipcode_input{width:60%;}
	.write_form .form_line div.input input + button{font-size:15px;}
	.write_form .form_line div.input input + button.zipcode_btn{width:calc(40% - 8px);}
	.write_form .form_line div.input input + input{margin-left:0;}
	.gallery_list li p.txt{height: 142px;margin-bottom: 0;}
	.write_form .calc_width{width:calc( 100% - 10%)}

	/*글씨 숨김*/
	.search_top_wrap .done{display: none;}
}

@media screen and (max-width:640px) {
	.search_top_wrap.two_select .search_area{float:inherit;}
	.search_top_wrap.two_select .search_area input[type=text]{width:calc(100% - 45px);}
	.search_top_wrap.two_select .search_area select{width:49%;margin-right:0;margin-bottom:10px;}
	.search_top_wrap.two_select .search_area select + select{margin-left:2%;}
	.write_form .width10{width:100%}
	.write_form .width20.fix_width{width:49%;}
	.write_form .form_line div.input input + button{margin-left:0;}
	
	/*동영상 리스트*/
	.media_list {margin-left:-2%;}
	.media_list li:nth-child(4n+1){margin-left:2%;}
	.media_list li:nth-child(3n+1){margin-left:2%;}
	.media_list li {width:48%; margin-left:2%;}

	/*글씨 숨김*/
	.search_top_wrap .done{display: none;}

}

@media screen and (max-width:480px) {
	.search_top_wrap:not(.two_select) .search_area{width:100%;}
	.search_top_wrap:not(.two_select) .search_area select{width:25%;margin:0;}
	.search_top_wrap:not(.two_select) .search_area input[type=text]{width:60%;border-left:0;}
	.pop_cont .search_top_wrap .search_area input[type=text]{border-left:1px solid #c4c4c4;}
	.search_top_wrap:not(.two_select) .search_area .submit_btn{width:15%;}
	.search_top_wrap.two_select .search_area select{margin-bottom:7px;}
	.board_list_card li{width:100%;margin-left:0;}
	.board_list_card li:nth-child(3n+1){margin-left:0%}
	.board_list_card li:nth-child(2n+1){margin-left:0%}
	.board_list_card li:nth-child(-n+3){margin-top:15px;}
	.board_list_card li:nth-child(-n+2){margin-top:15px;}
	.gallery_list li{width:49%;min-height:230px;margin-left:2%;}
	.gallery_list li:nth-child(4n+1){margin-left:2%;}
	.gallery_list li:nth-child(3n+1){margin-left:2%;}
	.gallery_list li:nth-child(2n+1){margin-left:0;}
	.gallery_list li img{height:120px;}
	.list_search_top .select_area{padding-bottom:6px !important;}
	.list_search_top .input_button_area input{width:100%;margin-bottom:6px;}
	.list_search_top .input_button_area button{width:49.25%;margin:0;}
	.list_search_top .input_button_area button + button{width:49.25%;}
	.list_search_top .input_button_area button:last-child{margin-left:1.5%;}
	/* .list_search_top.appoint .input_button_area .calendar{padding-bottom:0;} */
	.list_search_top.appoint .select_area select{width:49.25%;}
	.list_search_top.appoint .select_area input{width:49.25%;margin-left:1.5%;}
	.ap .checkmark{left:3px;}
	.board_view .title_area h3{font-size:28px;line-height:38px;}
	.list_search_top .input_button_area{margin-top:0;}
	.certifi_item li{width:100%;}
	.certifi_item li:last-child{margin-left:0;margin-top:20px;}
	.gallery_list li p.txt{height: 117px;margin-bottom: 26px;;}
	.total_data .search_top_wrap:not(.two_select) .search_area input[type=text]{width:80%;border-left:1px solid #c4c4c4}
	.board_bottom_wrap.apply_submit{left:160px;}
	.board_bottom_wrap.apply_submit a{min-width:150px;padding:0 10px;}
	.form_btn.nofloat{width:48%;}
	.write_form .width20.zipcode_input{width:100%}
	.write_form .form_line div.input input + button.zipcode_btn{width:100%;margin-top:10px}
	
	/*동영상 리스트*/
	.media_list {margin-left:0;}
	.media_list li:nth-child(4n+1){margin-left:0;}
	.media_list li:nth-child(3n+1){margin-left:0;}
	.media_list li {width:100%; margin-left:0;}
	
	/*글씨 숨김*/
	.search_top_wrap .done{display: none;}

}

/*웹진,뉴스레터*/
.web_book_item{margin-top:-50px;padding-bottom:30px;font-size:0;}
.web_book_item li{display:inline-block;width: 18.1%;margin-left:2.375%;margin-top:70px;font-size:17px;vertical-align: top;}
.web_book_item li:nth-child(5n+1){margin-left:0;}
.web_book_item li img{box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.17);}
.web_book_item li p{padding:25px 0;font-weight:500; font-size:18px;text-align:center;}
.web_book_item li .btn{font-size:0;}
.web_book_item li .btn a{display:inline-block;width:48.5%;border-radius:3px;font-size:17px;font-weight:500;line-height:48px;text-align:center;box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.18);}
.web_book_item li .btn a:last-child{margin-left:3%;}

/* btn_hover */
.btn_hover a{display: inline-block;width: 150px;border-radius:1px;font-size: 17px;font-weight:500;line-height: 48px;text-align: center;box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.18);}
@media screen and (min-width:1024px) {
	.btn_hover a:hover{background: #01677e;color: #fff;}
}

@media screen and (min-width:1600px) {
	.web_book_item li .btn a:hover{background:#01677e;color:#fff;}
}

@media screen and (max-width:1600px) {
}

@media screen and (max-width:1200px) {
	.web_book_item li{width:23.5%;margin-left:2%;}
	.web_book_item li:nth-child(5n+1){margin-left:2%;}
	.web_book_item li:nth-child(4n+1){margin-left:0;}
	.web_book_item li .btn a{font-size:15px;font-family: "Nanum Square"}
}

@media screen and (max-width:1024px) {
}

@media screen and (max-width:800px) {
}

@media screen and (max-width:640px) {
	.web_book_item li{width:48%;margin-left:4%;}
	.web_book_item li:nth-child(6n+1){margin-left:4%;}
	.web_book_item li:nth-child(4n+1){margin-left:4%;}
	.web_book_item li:nth-child(2n+1){margin-left:0;}
	.web_book_item li img{width:100%;}

}

/*  질병정보 텝메뉴 2020.03.01 퍼블리셔 추가 */

/* 질병정보 텝메뉴 */
.bbs_category_list {overflow:hidden; margin-bottom:25px; padding:0 1%; border:2px solid #1a7491; border-radius:20px;}
.bbs_category_list ul {background:url('/common/images/program/bbs_category_bg.gif') left top repeat;}
.bbs_category_list li {position:relative;display:inline-block; height:40px; margin:10px 0;}
.bbs_category_list li:before {display:inline-block; content:''; position:absolute; left:16px; top:19px; width:4px; height:4px; background-color:#191919; border-radius:50px;}
.bbs_category_list li.on {background-color:#1a7491; border-radius:10px; color:#fff;}
.bbs_category_list li a {display:inline-block; position:relative; padding:10px 15px 10px 36px; font-size:17px; line-height:22px; color:#00738b; font-weight:normal;  text-align:left; vertical-align:top;}
.bbs_category_list li a:before {content:''; display:none; position:absolute; left:10px; top:11px; width:20px; height:19px; background:url('/common/images/program/bbs_tab_on.gif') center center no-repeat;}
.bbs_category_list li.on a {color:#fff;}
.bbs_category_list li:hover {background-color:#1a7491; border-radius:10px;}
.bbs_category_list li:hover a {color:#fff;}
.bbs_category_list li:hover a:before, .bbs_category_list li.on a:before {display:inline-block;}
@media only screen and (max-width:1000px){
	.bbs_category_list li a {font-size:14px; line-height:18px;}
}
@media screen and (max-width:800px) {
	.bbs_category_list li {float:left; width:50%; height:40px; margin-bottom:12px;}
	.bbs_category_list li a {display:block; padding-right:2%; font-size:14px;}
}
@media screen and (max-width:640px) {
	.bbs_category_list {padding:0; border-radius:5px;}
	.bbs_category_list ul {background:none;}
	.bbs_category_list li {float:none; width:100%; height:auto; margin:0; border-bottom:1px dotted #939393;}
	.bbs_category_list li:last-child {border-bottom:0 none;}
	.bbs_category_list li:before {left:13px; top:17px;}
	.bbs_category_list li.on, .bbs_category_list li:hover {border-radius:0;}
	.bbs_category_list li a {padding-left:30px;}
	.bbs_category_list li a:before {left:5px; top:9px;}
}