/*Common :: 공통*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');/*font-family: 'Montserrat', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');/*font-family: 'Noto Sans KR', sans-serif;*/

img {
	max-width: 100%;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, abbr, acronym, address, big, cite, code, ins, small, sub, sup {padding:0; margin:0;  box-sizing:border-box;}
div img, dl img, dt img, dd img, ul img, ol img, li img, h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, pre img, form img, fieldset img, input img, textarea img, p img, blockquote img, th img, td img{box-sizing:border-box;}
article, aside, figure, figure img, figcaption, hgroup, footer, header, main, nav, section, video, object {display:block;  box-sizing:border-box;}
table{ border-collapse:collapse; border-spacing:0; }
ol, ul, li{ list-style:none; }
h1, h2, h3, h4, h5, h6, th, td{ font-weight:normal; font-size:100%; }
form, fieldset, a img{ border:0; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
address, abbr, address, big, cite, code, ins, small, sub, sup, em{ font-weight:normal; font-style:normal; }
blockquote, q{ quotes:none; }
.accessibility, .skip, legend
{ position:absolute !important; width:0 !important; height:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }
caption{ display:none; }
.null{ font-size:0; line-height:0; }
a img, input, textarea, select, img{ vertical-align:middle; }
time, progress, mark, output { display:inline; }
.hide{ position:absolute; top:-9999px; left:-9999px; }
.clr{ clear:both !important; float:none !important; width:0 !important; height:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }
a {text-decoration:none; outline:none; color:#181818;}
a img{ border:0; }
img, input, select{ vertical-align:middle;}
input{ font-size:13px; color:#181818; vertical-align:middle; outline:none;}
select{ font-size:13px; border:1px solid #D0D0D0; background:#fff; outline:none;}
button {outline:none;}

/*의무기록열람,사본발급*/
#medical *{font-family: 'Noto Sans KR', sans-serif;box-sizing:border-box;}
#medical .medical_wrap{margin-bottom:40px;}
#medical br.pc_br{display:block;}
#medical br.m_br{display:none;}

#medical .medical_title{}
#medical .medical_title span{display:inline-block;width:50px;height:50px;background:#33a6af;color:#fff;border-radius:50%;text-align:center;font-size:18px;line-height:50px;font-family: 'Montserrat', sans-serif;vertical-align:middle;margin-right:20px;margin-bottom:30px;}
#medical .medical_title h3{font-size:24px;display:inline-block;font-weight:500;vertical-align:middle;margin-bottom:30px;}
#medical .medical_title p{color:#666;font-size:18px;line-height:28px;margin-bottom:20px;}

#medical .medical_con{width:912px;/*table-layout:fixed;*/border:1px solid #e0e0e0;}
#medical .medical_con th,#medical .medical_con td{border:1px solid #e0e0e0;}
#medical .medical_con p{font-size:17px;line-height:36px;color:#1d2127;letter-spacing:-0.06em;}
#medical .medical_con thead tr{height:60px;background:#33a6af;color:#fff;}
#medical .medical_con thead th{text-align:center;font-size:18px;font-weight:700;}
#medical .medical_con tbody th{text-align:center;font-size:20px;line-height:28px;color:#333333;}
#medical .medical_con tbody td{padding:35px 0 35px 20px;}
#medical .medical_con li:after{content:'';clear:both;display:block;}
#medical .medical_con li span.red{color:#ff0000;}
#medical .medical_con li span{display:inline-block;margin-right:10px;vertical-align:top;line-height:36px;}
#medical .medical_con li p{display:inline-block;}
#medical .medical_con .file_box{overflow:hidden;}
#medical .medical_con .file_box:not(:first-child){margin-top:10px;}
#medical .medical_con .file_box a{width:274px;height:50px;line-height:50px;background:#004b93;display:block;color:#fff;float:left;padding:0 30px;overflow:hidden;position:relative;font-size:18px;}
#medical .medical_con .file_box a:not(:last-child){margin-right:20px;}
#medical .medical_con .file_box img{position:absolute;top:50%;transform:translateY(-50%);right:30px;}

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

#medical .medical_con{width:100%;}
#medical .medical_con li p{width:90%;}
#medical .medical_con .file_box a{float:none;}
#medical .medical_con .file_box a:not(:last-child){margin-right:0;margin-bottom:10px;}
}


/*media 768*/
@media all and (max-width:768px){
#medical br.pc_br{display:none;}
#medical br.m_br{display:block;}

#medical .medical_wrap{overflow-x:scroll;}
#medical .medical_con{min-width:538px;}
#medical .medical_con tbody th{font-size:17px;width:35%;}
#medical .medical_con tbody td{width:65%;}
#medical .medical_con p{font-size:16px;}
#medical .medical_con .file_box a{font-size:16px;}

#medical .medical_title span{width:35px;height:35px;font-size:16px;line-height:35px;margin-right:5px;}
#medical .medical_title h3{font-size:20px;}
#medical .medical_title p{font-size:16px;line-height:20px;}

}
