@charset "utf-8";

/* E-book */
.ebook_wrap .ebooks{display:inline-block;padding:60px 30px; background:#59b1b5;}
.ebook_wrap .ebooks .cover_img{float:left;width:340px;font-size:0;line-height:0; }
.ebook_wrap .ebooks .cover_img img {width:320px; box-shadow:10px 10px 20px rgba(0,0,0,0.3);}
.ebook_wrap .ebooks .con_btn{width:100px; border:2px solid #fff; border-radius:50px; color:#fff; display:block; margin-top:14px; text-align:center; margin-bottom:40px;}
.ebook_wrap .ebooks .con_btn:hover {background:#fff; color:#59b1b5;}
.ebook_wrap .ebooks .right {width:410px; float:right;margin-left:40px;}
.ebook_wrap .ebooks .right .tit {font-size:30px; line-height:1.4; color:#fff; font-family:'NotoKrR',sans-serif; letter-spacing:-0.08em;}
.ebook_wrap .ebooks .right .tit span {font-family:'NotoKrB',sans-serif;}
.ebook_wrap .ebooks .inner_img{}
.ebook_wrap .ebooks .inner_img li{margin-top:10px;font-size:0;line-height:0;}
.ebook_wrap .ebooks .inner_img li img {box-shadow:10px 10px 20px rgba(0,0,0,0.3);}
.ebook_wrap .ebooks .inner_img li:first-child{margin-top:0;}

/*사이버병문안*/
.cyber_info .icon_box{padding:0;}
.cyber_info .icon_box .area{padding: 40px 55px;background: url(/img/06customer/cyber_info_bg.gif) no-repeat right bottom;}
.cyber_info .ctit{font-size: 26px;font-family: 'NotoKrL',sans-serif;color: #000;margin-bottom: 30px;}
.cyber_info .ctit span{font-family: 'NotoKrB',sans-serif;background: url(/img/06customer/span_tit_bg.gif) repeat-x left 26px;}
.cyber_info ul.list3 span.blue{font-family: 'NotoKrB',sans-serif;}

/* 자주하는 질문 */
.qna_wrap #board .table_blist table {border-color:#222;}
.qna_wrap #board .table_blist tbody td.title {background:none;}
.qna_wrap #board .table_blist table tr td {font-size:16px;padding: 7px 0 12px 30px;}

/* 온라인후원신청 */
.online_support .agree_txt{text-align:center;font-family:'NotoKrM';color:#000;}
.online_support .tip{position:absolute;top:10px;right:0;font-family:'NotoKrM';text-align:right;color:#222;}
.online_support input,
.online_support label{vertical-align:middle;}
.online_support input[type="checkbox"],
.online_support input[type="radio"]{margin:0 5px 0 0;}

.online_support .box{overflow-y:scroll;height:250px;border:1px solid #e5e5e5;border-bottom:0;padding:30px;box-sizing:border-box;}
.online_support .agree_txt{margin-bottom:30px;padding:10px 0;border:1px solid #d5d5d5;}

.online_support .section{position:relative;}
.online_support .section .agree_txt{display:flex;align-items:center;margin-top:10px;}
.online_support .section .agree_txt p{margin-right:auto;}
.online_support .section .btn_wrap{padding:30px 0;background:#f5f5f5;border:1px solid #e5e5e5;}
.online_support .section ul li a{text-decoration:underline;color:#000;}

.online_support .person_info{border:1px solid #e5e5e5;border-left:0;border-top:2px solid #000;}
.online_support .person_info dl{display:flex;width:100%;}
.online_support .person_info > dl:nth-child(n+2),
.online_support .person_info .col2:nth-child(n+2) dl{border-top:1px solid #e5e5e5;}
.online_support .person_info dl dt,
.online_support .person_info dl dd{border-left:1px solid #e5e5e5;padding:15px;}
.online_support .person_info dl dt{flex-shrink:0;display:flex;flex-basis:150px;width:150px;background:#fafafa;font-family:'NotoKrM';color:#222;align-items:center;word-break:keep-all;}
.online_support .person_info dl dd{flex-grow:1;}
.online_support .person_info dl dd .txt_input{padding:10px;box-sizing:border-box;}
.online_support .person_info dl dd ul.inp_area{display:flex;align-items:center;}
.online_support .person_info dl dd ul.inp_area:nth-child(n+2){margin-top:5px;}
.online_support .person_info dl dd ul.inp_area li:nth-child(n+2){margin-left:15px;}
.online_support .person_info dl dd ul.inp_area li .selbx{margin-left:10px;}
.online_support .person_info dl dd .point_txt{display:block;margin-top:10px;}
.online_support .person_info .col2{overflow:hidden;}
.online_support .person_info .col2 dl{float:left;width:50%;}
.online_support .person_info .col2 dl dd .txt_input{width:100%;}

.online_support .box strong span.blue,
.boxarea ul.list li strong span.blue{font-size:16px;text-decoration: underline;text-underline-position: under;}

/*퀵메뉴*/
.go-top{display:block;text-align:center;position:fixed;bottom:-100px;right:40px;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;text-decoration:none;z-index:20;}
.go-top.show{bottom:50px;}


/*기부및후원*/
.imgbox.bg5 {background:url(/img/06customer/imgbox_bg5.jpg);}
.support_list{display:flex;gap:20px;}
.support_list a{display: flex;justify-content: center;flex-direction: column;width:50%;border: 1px solid #d5d5d5;text-align: center;color: #000;background-position: 50% 30px !important;}
.support_list a.icon01{background:url(/img/06customer/icon_support01.gif) no-repeat 0 0;}
.support_list a.icon02{background:url(/img/06customer/icon_support02.gif) no-repeat 0 0;}
.support_list a p{padding: 150px 0 50px;font-family: 'NotoKrB';font-size: 26px;}
.support_list a span{display:block;padding: 15px 0;font-size: 16px;font-family: 'NotoKrM';color: #585d63;background: #e9eef3;}

/*의료발전기금*/
.imgbox.bg6 {background:url(/img/06customer/imgbox_bg6.jpg);}
.cham_list{border-top:2px solid #000;}
.cham_list .bx{border-bottom:1px solid #d5d5d5;padding: 40px 0 40px 140px;background-size: 100px auto !important;}
.cham_list .bx.icon01{background:url(/img/06customer/icon_cham01.gif) no-repeat 0 50%;}
.cham_list .bx.icon02{background:url(/img/06customer/icon_cham02.gif) no-repeat 0 50%;}
.cham_list .bx.icon03{background:url(/img/06customer/icon_cham03.gif) no-repeat 0 50%;}
.cham_list .bx ul{margin-bottom:15px;}
.cham_list .bx ul li{color: #2770d7;}



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

/*사이버병문안*/
.cyber_info .icon_box .area{padding:40px 0 40px 40px;background-size: 170px auto;}

/* E-book */
.ebook_wrap .ebooks{width:100%; box-sizing:border-box;}
.ebook_wrap .ebooks .cover_img{float:none; width:340px; margin:0 auto;}
.ebook_wrap .ebooks .cover_img img {width:100%;}
.ebook_wrap .ebooks .con_btn{float:right;}
.ebook_wrap .ebooks .right {width:100%; float:none; margin-left:0; padding-top:30px;}
.ebook_wrap .ebooks .right .tit {font-size:22px; display:inline-block; margin-bottom: 30px; overflow: hidden;}
.ebook_wrap .ebooks .inner_img li{height:auto; font-size:0; line-height:0;}

/* 온라인후원신청 */
.online_support .box{padding:20px;box-sizing:border-box;}
.online_support .section .agree_txt{flex-wrap:wrap;text-align:left;}
.online_support .section .agree_txt p{display:block;width:100%;margin-bottom:5px;}

.online_support .person_info .col2 dl{float:none;width:100%;}
.online_support .person_info .col2 dl:nth-child(n+2){border-top:1px solid #e5e5e5;}
.online_support .person_info dl dd > .txt_input{width:100% !important;}
.online_support .person_info dl dd ul.inp_area{flex-wrap:wrap;}
.online_support .person_info dl dd ul.inp_area li{flex:1 1 40%;flex-grow:1;align-items:center;margin:2px 0 !important;}



}





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

/*사이버병문안*/
.cyber_info .icon_box .area{padding: 20px 20px 110px 20px;background-size: 100px auto;}
.cyber_info .ctit{font-size: 23px;margin-bottom: 15px;line-height: 35px;}
.cyber_info .icon_box .area ul.list3{text-align: left; word-break: keep-all;}

/* E-book */
.ebook_wrap .ebooks{padding:30px;}
.ebook_wrap .ebooks .cover_img{float:none; width:250px; margin:0 auto;}
.ebook_wrap .ebooks .cover_img img {width:100%;}
.ebook_wrap .ebooks .con_btn{font-size:16px; height:auto; line-height:1; padding:10px;}
.ebook_wrap .ebooks .right {width:100%; float:none; margin-left:0; padding-top:30px;}
.ebook_wrap .ebooks .right .tit {font-size:18px; margin-bottom: 40px; }
.ebook_wrap .ebooks .inner_img li{height:auto; font-size:0; line-height:0;}

/* 온라인후원신청 */
.online_support .section .btn_wrap{padding:0;background:#fff;border:0;box-sizing:border-box;}

.online_support .person_info dl{flex-direction:column;}
.online_support .person_info dl dt{width:auto;flex-basis:auto;padding:1vh 2vw;}
.online_support .person_info dl dd{padding:1vh 2vw;}
.online_support .person_info dl dd ul.inp_area{flex-direction:column;align-items:stretch;}
.online_support .person_info dl dd ul.inp_area li{display:flex;margin:5px 0 !important;}
.online_support .person_info dl dd ul.inp_area li .selbx{margin-left:auto;}


/*기부및후원*/
.support_list{flex-direction: column;gap: 10px;}
.support_list a{width:100%;background-size: 50px auto !important;background-position: 50% 20px !important;!i;!;}
.support_list a p{padding: 85px 0 20px;font-size: 18px;}
.support_list a span{padding:10px 0;font-size: 14px;}

/*의료발전기금*/
.bluebox span{display:block;}
.cham_list .bx{padding:20px 0 20px 80px;background-size: 60px auto !important;}

}


/********************모바일********************/
@media all and (max-width:420px){


/*퀵메뉴*/
.go-top{display:none;}



}


/********************1025********************/
@media all and (min-width:1025px){

/*기부및후원*/
.support_list a:hover{border:1px solid #19487b;transition:0.5s;}
.support_list a:hover span{color:#fff;background:#19487b;transition:0.5s;}

}