@charset "utf-8";

@import url("common.css");
@import url("default.css");

.dev_red{color:red;}
.dev_green{color:green;}

.jin_01 { font-size:15px; font-weight:bold; color: #006; }
.line_td{ padding:0px; } 
.left_10 { text-align:left; padding-left:10px; }
.left_15 { text-align:left; padding-left:15px; }
.left_20 { text-align:left; padding-left:20px; }
.left_25 { text-align:left; padding-left:25px; }
.left_30 { text-align:left; padding-left:30px; }
.left_35 { text-align:left; padding-left:35px; }
.left_40 { text-align:left; padding-left:40px; }
.left_50 { text-align:left; padding-left:50px; }
.left_60 { text-align:left; padding-left:60px; }
.left_70 { text-align:left; padding-left:70px; }
.left_80 { text-align:left; padding-left:80px; }
.left_90 { text-align:left; padding-left:90px; }

.mb50{ margin-bottom:50px}

.join_tbl{border-collapse:collapse; border-top:solid 3px #336fdd}
.join_tbl td, .join_tbl th{border:1px solid #ddd; padding:5px;}
.join_tbl td{text-align:left; padding-left:20px;}
.join_tbl th{background-color:#eee; padding:14px 30px;}



.basic_tbl{border-collapse:collapse; border-top:solid 2px #4da0ab }
.basic_tbl td, .basic_tbl th{border:1px solid #ddd; padding:5px;}
.basic_tbl td{text-align:center;}
.basic_tbl th{background-color:#4da0ab; color:#fff;}


.basic_tbl2{border-collapse:collapse;font-size:14px}
.basic_tbl2 td, .basic_tbl2 th{border:1px solid #ddd; padding:5px;}
.basic_tbl2 td{text-align:center;font-size:14px}
.basic_tbl2 td p{text-align:left;font-size:14px}
.basic_tbl2 th{background-color:#5864ab; color:#fff;font-size:14px}

.basic_tbl3{border-collapse:collapse; border-top:solid 2px #224d94 }
.basic_tbl3 td, .basic_tbl3 th{border:1px solid #ddd; padding:5px;}
.basic_tbl3 td{text-align:center;}
.basic_tbl3 th{background-color:#f5f7ff; color:#35455f;}

.curri_box{ background:#fcf7ef;padding:15px; margin-bottom:30px; text-align:center}
.curri_box span.tit_S{ background:#ff773b;color:#fff; padding:3px 10px; border-radius:20px}
.curri_box p{ font-size:22px; font-weight:bold; margin:10px 0 ; /*border-bottom:solid 1px #ccc*/ }

h3{ color:#3444a6; font-size:24px;}
h4{ color:#007888; font-size:20px;}


/*.wrapper{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} */
.qna_mn{
	 margin:20px 0 40px;
	 list-style:none;
    display: block;
    border-radius: 10px;
    overflow: hidden;
	 border:solid 1px #6f71c6;
}
.qna_item{ overflow: hidden;border-bottom:dotted 1px #e3e4fa;}
.qna_item i{ margin-right: 10px; font-size:22px; vertical-align:middle}
.qna_item a{
	color:#454545; font-weight:600;
}
.qna_btn{
    display: block;
    padding: 15px 20px;
    color: #000;
    position: relative;

}
.qna_btn:before{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right:8px solid transparent;
    border-top:10px solid #6f71c6;
    right: 15px;
    bottom: -10px;
    z-index: 9;
	
    
}

.qna_subMenu{
	
    background: #f0f0ff;
    overflow: hidden;
    transition: max-height 0.7s;
    max-height: 0;
}
.qna_subMenu a{
    display: block;
    padding: 15px 20px;
    color: #5254a5; font-weight:300;
    font-size: 16px;
    border-bottom: 1px solid #394c7f;
    position: relative;
    
}

.qna_subMenu a:before{
    content: '';
    opacity: 0;
    transition: opacity 0.3s;

}
.qna_subMenu a:hover:before{
    content: '';
    position: absolute;
    height: 0;
    width: 6px;
    left: 0;
    top:0;
    opacity: 1;
    /* background-color: #d8d824; 
    border-top: 24px solid transparent;
    border-left: 11px solid #fcdc29;
    border-bottom: 24px solid transparent;*/
}
.qna_subMenu a:after{
    content: '';
    opacity: 0;
    transition: opacity 0.3s;

}
.qna_subMenu a:hover:after{
    content: '';
    position: absolute;
    height: 0;
    width: 6px;
    right: 0px;
    top:0;
    opacity: 1;
    /* background-color: #d8d824;
    border-top: 24px solid transparent;
    border-right: 11px solid #fcdc29;
    border-bottom: 24px solid transparent; */
}

.qna_subMenu a:last-child{
    border:none;
}
.qna_item:target .qna_subMenu{
    max-height: 10em;
}



/* 학회소개 */

.intro{width:1160px; margin:0 auto; display:flex; justify-content:space-between; align-items:center;background:url('/images/society_bg01.png') left top no-repeat #f4f4f4; }
.intro_txt{width:50%; padding: 30px; font-weight:600;}
.intro img{border-radius:30px 0 30px;}


@media screen and (max-width: 768px) {
.intro{width:100%; flex-direction:column; background:url('/images/society_bg01.png') left -30px no-repeat #f4f4f4; text-align:center; padding:30px 0;}
.intro_txt{width:90%; padding: 10px; font-size:.8rem; margin-top:20px;}
.intro img{width:90%;}
}

/* 학회소개 끝 */

/* 역대임원진 */
.select_box{display:flex; justify-content:space-between;}

@media screen and (max-width: 768px) {
.select_box{flex-direction:column-reverse; text-align:center;}
.select{margin-bottom:10px;}

.basic_tbl td, .basic_tbl th{font-size:.8rem;}
}


/* 회칙 */

.rule{word-break: keep-all; word-wrap: break-word;}
.rule p{ margin-bottom:15px; text-align:center; font-size:18px; color:#fff; background-color:#1a74c0; padding:7px 0; border-radius:100px;}
.rule strong{ color:#164e7c;}
.rule ol li .d02{padding-left:24px; margin-top:10px; margin-bottom:10px;}
.rule ol li .d02 li{list-style:lower-roman;}
.rule ol{margin-left:30px;}
.rule ul{margin-left:30px;}
.rule ul li{list-style:none;}
.rule ul li span{margin-left:-20px;} 

@media screen and (max-width: 768px) {
.rule{font-size:.8rem; line-height:1.3rem;}
.rule p{font-size:1rem; padding:5px 0; }
.right{font-size:.8rem; line-height:1.3rem;}
}

/* 회칙 끝 */

/* 질환정보 */

.disease_list{display:flex; justify-content:space-between; flex-wrap:wrap; list-style:none;}
.disease_list li{border:1px solid #003a77; background-color:#f2fcff; width:200px; margin-bottom:10px; text-align:center;cursor:pointer;}
.disease_list li a{font-weight:600; color:#003a77; display:inline-block; padding:5px 0;}
.disease_list li:hover{background-color:#003a77;}
.disease_list li:hover a{color:#fff;}
.disease_list li.over a{background-color:#003a77;color:#fff; width:200px;}
.disease_list li:nth-child(13).over a{background-color:#003a77;color:#fff; width:410px;}
.disease_list li:nth-child(13){width:410px;}

.patient_list li{margin-left:25px;}

@media screen and (max-width: 768px) {
.disease_list li{width:49%; margin-bottom:5px;}
.disease_list li a{padding:2px 0; font-size:.8rem;}
.disease_list li.over a{width:100%;}
.disease_list li:nth-child(13).over a{width:100%;}
.disease_list li:nth-child(13){width:100%;}
.text_align_j img{width:100%;}
}

/* 질환정보 끝*/

/* 병원검색 */

.hsearch_txt{padding:10px; background:#f4f4f4;display:flex; justify-content:center;}
.h_icon{width:20%; text-align:center;}
.h_txt{width:80%;}

.hsearch_box{display:flex; justify-content:space-between; margin-top:30px;}
.map_img{width:49%; text-align:center;}
.map_area{width:49%;} 
.map_tit{font-size:25px; text-align:center; background:#cef5ff; padding:10px;}
.map_area ul{list-style:none;display:flex; flex-wrap:wrap; border:1px solid #ddd;}
.map_area li{width:20%; font-size:20px; text-align:center; padding:15px 0;}

@media screen and (max-width: 768px) {
.hsearch_txt{padding:5px;}
.h_icon{display:none;}
.h_txt{width:95%; line-height:1.2rem;}

.hsearch_box{flex-direction:column; margin-top:10px;}
.map_img{width:100%;}
.map_area{width:100%; margin-top:20px;} 
.map_tit{font-size:1.2rem;}
.map_area li{width:20%; font-size:1rem; text-align:center; padding:5px 0;}
}

/* 병원검색 끝 */

/* 증례토의 탭 */

.tab{display:flex; justify-content:space-between; margin:20px 0;}
.tab li{list-style:none;  }
.tab li a{display:block; width:600px; background-color:#999; color:#fff; text-align:center; padding:10px 0; border-radius:50px; font-family:'Score4'; font-size:20px;}
.tab li.over a{background-color:#4e4d99; color:#fff;}
.tab span{font-size:16px;}

@media screen and (max-width: 768px) {
.tab{flex-direction:column;}
.tab li{margin:5px 0;}
.tab li a{width:100%; padding:5px 0; font-size:1.2em; line-height:1.3rem;}
.tab span{font-size:.8rem; letter-spacing:-0.8px}
}

/* 증례토의 탭 끝 */

/* 로그인 */

.login_form{width:1000px; margin:0 auto ; height:550px; display:flex; justify-content:space-between;}
.join_box{width:50%; height:550px; background:url('/images/join_bg.jpg') no-repeat; padding:10px 30px 30px; box-sizing:border-box;text-align:center; }
.join_box .join_txt{text-align:center; font-size:17px; margin:10px 0; font-family:'Score6';}
.join_box .join_btn{width:410px; margin:25px auto; border:none; padding:15px 0; text-align:center; background-color:#144597; color:#fff; font-size:20px; display:block;}
.join_box .join_btn a{color:#fff; font-size:20px;}

.login_box{width:50%; height:550px; background-color:#f8f8f8; padding:30px; box-sizing:border-box;}
.login_box .tit{text-align:center; font-size:35px; font-weight:bold; /*border-bottom:1px solid #333; padding-bottom:15px;*/ margin:30px 0;}

.login_box .login_input{width:410px; margin:0 auto;  padding:15px; margin-top:5px; box-sizing:border-box; display:block; margin-bottom:10px; border:1px solid #ddd;}
.login_box .login_btn{width:410px; margin:25px auto 20px auto; border:none; padding:15px 0; text-align:center; background-color:#333; color:#fff; font-size:20px; display:block;}

.login_box .idpw{width:410px; margin:56px auto; border:1px solid #ccc; padding:15px; box-sizing:border-box; text-align:center;color:#666; }
.login_box .idpw a{color:#666;}

.login_box .pw{width:410px; margin:24px auto; border:1px solid #ccc; padding:15px; box-sizing:border-box; text-align:center;color:#666; }
.login_box .pw a{color:#666;}

.login_box .id{width:410px; margin:0px auto; border:1px solid #ccc; padding:15px; box-sizing:border-box; text-align:center;color:#666; }
.login_box .id a{color:#666;}

.login_box .id_check{text-align:center; height:33px;}

@media screen and (max-width: 768px) {
.login_form{width:90%; height:auto; flex-direction:column;}
.join_box{width:100%; height:auto; padding:10px; display:none;}
.join_box .join_txt{font-size:.8rem; line-height:1.2rem; margin:5px 0; }
.join_box .join_btn{width:90%; margin:25px auto;  padding:5px 0;}
.join_box .join_btn a{font-size:1rem; }
.join_box img{width:100%;}

.login_box{width:100%; height:auto;padding:15px 0;}
.login_box .tit{font-size:1.3rem; margin:10px 0; display:none;}

.login_box .login_input{width:90%; padding:10px;}
.login_box .login_btn{width:90%; margin:10px auto; border:none; padding:5px 0; font-size:1rem;}

.login_box .idpw{width:80%; margin:5px auto;padding:5px;}
.login_box .idpw a{font-size:.8rem;}

.login_box .pw{width:80%; margin:5px auto;padding:5px;}
.login_box .pw a{font-size:.8rem;}

.login_box .id{width:80%; margin:5px auto;padding:5px;}
.login_box .id a{font-size:.8rem;}

.login_box .id_check{font-size:.8rem; line-height:1.3rem; height:auto;}
}

/* 로그인 끝 */


/*개인정보 취급방식*/
.private, .agreement {background:#666666; border-radius:20px; padding: 3px 10px; text-align:center;  margin-left: 10px;}
.private a, .agreement a{color:#ffffff; font-size:12px;}
.private_txt, .agreement_txt{font-size:12px;padding:15px;line-height:1.6;font-family: 'NotoRight'; }

.btn_s{display:inline-block; text-align:center; border-radius:20px; background-color:#36C; padding:0 20px 5px 20px; height:25px; margin-left:10px;}
.btn_s a{font-size:14px; color:#fff;}

/* 병원 찾기 */
.map_search{display:flex; justify-content:space-between;}
.map_list{width:50%;}

@media screen and (max-width: 768px) {
.map_search{flex-direction:column;}
.map_img{max-width:100%; height:auto;}
.map_list{width:100%;}
}

/* 버튼 */
.btn_download a{display:block; width:300px; background-color:#2150a3; color:#fff; text-align:center; padding:10px 0; border-radius:50px; font-family:'Score4'; font-size:20px;}