/* 전 php 공통으로 쓰이는 body header footer만 들어있습니다. */
html {letter-spacing: -0.5px;}


body{
    font-weight:400;
    color:#333;
    line-height:1.6;
    font-size: 16px;
    font-family:'Noto Sans KR', 'Muli', sans-serif;
}
img{display: block; border:0;}

.boundary1{width:100%; max-width:1200px; margin:0 auto; position: relative;}
.boundary2{width:100%; max-width:1200px; margin:0 auto; position: relative;}
.allPt{padding-top:120px;}
.allPt2{padding-top:200px;}

.clearfix::before, .clearfix::after{display:block; content:''; clear: both;}

.wrap{width:100%; height:100%; max-width:1920px; margin:0 auto;}
section{width:100%; position: relative; padding-top:50px;}

/* title */
.main_title{width:100%; font-size:38px; font-weight:600; position: relative; padding:0 0 50px; text-align:center;}
.main_title::before{content:''; width:36%; height:1px; background:#ddd;
    display:block; position: absolute; left:0; top:32px;}
.main_title::after{content:''; width:36%; height:1px; background:#ddd;
    display:block; position: absolute; right:0; top:32px;}

/* 글자색 */
.fw{color:#fff;}
.gr{color: gray;}
.fb{color:#111;}
.pc_only_display_table{display: table-cell;}
.mb_only_display_table{ display: none; }






/* HEADER 끝 */

/* FOOTER 시작 */

footer::before{content:''; display:block; width:100%; height:1px; background:#ddd;}
footer .footer_top_menu{width:100%; font-size:15px;}
footer .footer_top_menu>li{float: left; padding:15px 15px 15px 0;}
footer .footer_top_menu a{color:#888;}

footer .footer_container{width:100%; height:100%; background:#333;font-size:14px;font-weight:300; padding: 40px 0 40px; position: relative;}
footer .footer_container p{display: inline-block; padding: 0 30px 6px 0;}
footer .footer_container p:nth-child(4), footer .footer_container p:nth-child(7){display: block;}
footer .footer_container .copy{padding-top:10px; font-size: 13px;}

.adminlock{position: absolute; bottom: 25px; right: 8px; cursor: pointer; z-index: 100; padding:10px}
.logo_footer {float:left; position: relative;}
.logo_footer img {padding-top:30px; padding-right:35px; padding-bottom:30px;}
.footer_info {float:left;}
/* FOOTER 끝 */



/* NEW HEADER (김용진)*/
.header_nav {float:left;}
.header_nav > ul > {float:left;}
.header_nav > ul >li {display: none;}


.top_btn {width:48px; height:35px; background-color:#333; border-radius: 4px 4px 0 0; color:#fff; position: fixed; text-align: center; text-transform: uppercase; opacity: 0.8; z-index:100001; bottom:0px; right:50px;}
.top_btn:hover {opacity: 1; cursor: pointer;}
/* NEW HEADER (김용진)*/



/* ********************************************* *
 * 2019-11-27 yd 올림
 * ********************************************* */

.mt-1{margin-top:16px;} .mt-2{margin-top:32px;} .mt-3{margin-top:48px;} .mt-4{margin-top:64px;} .mt-5{margin-top:80px;}
.mb-1{margin-bottom:16px;} .mb-2{margin-bottom:32px;} .mb-3{margin-bottom:48px;} .mb-4{margin-bottom:64px;} .mb-5{margin-bottom:80px;}

.pt-1{padding-top:16px;} .pt-2{padding-top:32px;} .pt-3{padding-top:48px;} .pt-4{padding-top:64px;} .pt-5{padding-top:80px;}
.pb-1{padding-bottom:16px;} .pb-2{padding-bottom:32px;} .pb-3{padding-bottom:48px;} .pb-4{padding-bottom:64px;} .pb-5{padding-bottom:80px;}

.d-flex{display: flex; display: -ms-flexbox;}
.justify-between{-ms-flex-pack: justify!important; justify-content: space-between!important;}

.align-left{text-align: left !important;}
.ellipsis {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}


/* 체크 */
.check{position: relative;}
.check_label { display: inline-block; position: relative;  font-size:15px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
    text-align: left; padding-left:26px; vertical-align: middle;}
.check_label input {position: absolute;opacity: 0;cursor: pointer; visibility: hidden;}
.checkmark {position: absolute; top:50%; transform:translateY(-50%); left: 0; height: 20px; width: 20px; background-color: #fff; border-radius:50%; border:1px solid #ccc;}
.check_label:hover input ~ .checkmark {background-color: #efefef;}
.check_label input:checked ~ .checkmark {border:1px solid transparent; background-color: #136090;}
.checkmark:after { content: ""; position: absolute; display: none;}
.check_label input:checked ~ .checkmark:after {display: block;}
/* 체크박스 */
.check_label .checkmark:after {left: 6px; top:3px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

/* 라디오 */
.check_label .checkmark.radio:after{ top: 4px; left: 4px; width: 8px; height: 8px; border-radius: 50%; background: white;}

/* btn class명을 가진 태그 */
.btn{padding-left:16px; padding-right:16px; height:44px; font-size:15px;}
.btn-primary{background-color:#fdab16; color:#fff; border:1px solid transparent;}
.btn-secondary{background-color:#333; color:#fff;}
.btn-default{background-color:#fff; border:1px solid #ccc;}


/* 그리드 시스템 */
.row {margin-right:-15px; margin-left:-15px;}
.row:before, .row:after{display: table; content: " "; clear: both;}

	.col-xs-1, .col-sm-1, .col-md-1, .col-xs-2, .col-sm-2, .col-md-2, .col-xs-3, .col-sm-3, .col-md-3, .col-xs-4, .col-sm-4, .col-md-4,
	.col-xs-5, .col-sm-5, .col-md-5, .col-xs-6, .col-sm-6, .col-md-6, .col-xs-7, .col-sm-7, .col-md-7, .col-xs-8, .col-sm-8, .col-md-8,
	.col-xs-9, .col-sm-9, .col-md-9, .col-xs-10, .col-sm-10, .col-md-10, .col-xs-11, .col-sm-11, .col-md-11, .col-xs-12, .col-sm-12, .col-md-12 {
	  position:relative;
	  min-height:1px;
	  padding-right: 15px;
	  padding-left: 15px;
	}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float:left;}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float:left;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float: left;}

.col-xs-12 {width:100%;}
.col-xs-11 {width:91.66666667%;}
.col-xs-10 {width:83.33333333%;}
.col-xs-9 {width:75%;}
.col-xs-8 {width:66.66666667%;}
.col-xs-7 {width:58.33333333%;}
.col-xs-6 {width:50%;}
.col-xs-5 {width: 41.66666667%;}
.col-xs-4 {width: 33.33333333%;}
.col-xs-3 {width: 25%;}
.col-xs-2 {width: 16.66666667%;}
.col-xs-1 {width: 8.33333333%;}



.col-sm-12 {width: 100%;}
.col-sm-11 {width: 91.66666667%;}
.col-sm-10 {width: 83.33333333%;}
.col-sm-9 {width: 75%;}
.col-sm-8 {width: 66.66666667%;}
.col-sm-7 {width: 58.33333333%;}
.col-sm-6 {width: 50%;}
.col-sm-5 {width: 41.66666667%;}
.col-sm-4 {width: 33.33333333%;}
.col-sm-3 {width: 25%;}
.col-sm-2 {width: 16.66666667%;}
.col-sm-1 {width: 8.33333333%;}



.col-md-12 {width: 100%;}
.col-md-11 {width: 91.66666667%;}
.col-md-10 {width: 83.33333333%;}
.col-md-9 {width: 75%;}
.col-md-8 {width: 66.66666667%;}
.col-md-7 {width: 58.33333333%;}
.col-md-6 {width: 50%;}
.col-md-5 {width: 41.66666667%;}
.col-md-4 {width: 33.33333333%;}
.col-md-3 {width: 25%;}
.col-md-2 {width: 16.66666667%;}
.col-md-1 {width: 8.33333333%;}

@media (max-width:1024px)
{
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	  float: left;
	}
	.col-sm-12 {width:100%;}
	.col-sm-11 {width:91.66666667%;}
	.col-sm-10 {width:83.33333333%;}
	.col-sm-9 {width:75%;}
	.col-sm-8 {width:66.66666667%;}
	.col-sm-7 {width:58.33333333%;}
	.col-sm-6 {width:50%;}
	.col-sm-5 {width: 41.66666667%;}
	.col-sm-4 {width: 33.33333333%;}
	.col-sm-3 {width: 25%;}
	.col-sm-2 {width: 16.66666667%;}
	.col-sm-1 {width: 8.33333333%;}

}

@media (max-width:640px)
{
	.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	  float: left;
	}
	.col-xs-12 {width:100%;}
	.col-xs-11 {width:91.66666667%;}
	.col-xs-10 {width:83.33333333%;}
	.col-xs-9 {width:75%;}
	.col-xs-8 {width:66.66666667%;}
	.col-xs-7 {width:58.33333333%;}
	.col-xs-6 {width:50%;}
	.col-xs-5 {width: 41.66666667%;}
	.col-xs-4 {width: 33.33333333%;}
	.col-xs-3 {width: 25%;}
	.col-xs-2 {width: 16.66666667%;}
	.col-xs-1 {width: 8.33333333%;}
}




/* 커스텀 김용진 */
.top_100 {margin-top:100px;}
.wrap {width:100%; height:100%; margin: 0 auto; overflow-x: hidden;}
html {overflow-x:hidden;}
header {max-width:1920px; margin:0 auto;}
/* 커스텀 김용진 끝 */

/* 중간메뉴 시작*/
.mid_menu_home {float:left;}
.mid_menu_home img{width:53px; height:53px;} 
.mid_menu {float:left;}
.mid_menu>li {float:left; width:200px; text-align: center; line-height:54px; position: relative; cursor: pointer;
}
.mid_submenu {display:none; position: absolute; width:200px; border-top:0px; z-index:5; background-color:#f9f9f9; }
.mid_menu >li >a {color:#fff; padding:0 ;  overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.mid_menu >li > ul > li >a:hover {text-decoration: underline;}
/* 중간메뉴 끝 */


/* 회사소개 ceo인사말 */
.slogan { font-style: italic; font-size:24px; text-align: center; color:#007dc9; margin-bottom:30px;}
.slogan_text {text-align: center; width:50%; margin:0 auto; font-style: italic; font-weight:500; margin-bottom:100px;}
.bold {font-weight:bold; font-style: italic;}
.n_bold {font-weight:bold;}
.big_bold {font-weight:bold; font-size:50px; color:#007dc9;}
.cog_bg {position: absolute; right:0; top:0; z-index: -3; opacity: 0.3;}
.size30 {font-size:24px;}
.ceo_name {font-size:22px; font-weight:bold; float:right;}
.div50 img {box-shadow:0px 9px 20px rgba(200, 200, 200, 0.30); margin-top:120px;}
.div50 {margin-bottom:100px; position: relative;}
.op{position: absolute; top:32px; right:0; z-index:-1;}
.img_center {margin: 0 auto;}
/* 회사소개 ceo인사말 */


/*개요*/
.summary_table {width:100%; margin: 0; margin-bottom:50px;}
.summary_table thead tr td {text-align: center; background-color:#191f6c; color:#fff; font-size:20px; vertical-align: middle; padding:5px 0;}
.summary_table tbody tr td {text-align: left; border-bottom:1px solid #ddd; width:80%; vertical-align: middle;  padding:2%;}
.summary_table tbody tr th {text-align: center; border-bottom:1px solid #ddd; width:20%; vertical-align: middle; background-color:#f9f9f9; padding:10px; height:55px;}
/*개요 끝 */

/* 연혁 시작 */
.history_dl dl {margin:50px 0; font-weight: bold; position: relative; font-size:40px;}
.history_dl dl::before {content: ''; width:20px; height:20px; background-color:#fff; border-radius: 50%; position: absolute; top:22px; left:-30px; border:5px solid #136090;}
.history_dl dt {margin-left:20px; font-size:20px;}
.history_dl dd {margin-left:30px; font-weight:400; font-size:16px; margin-bottom:10px;}
.logo_history {position: relative;}
.logo_history img {box-shadow: 0px 0px 0px 0px;}
.history_text_bg {font-size:10vw; color:#f3f3f3; font-weight:900; position: absolute; top:430px; z-index: -1;}
/* 연혁 끝 */




.tab {background-color:#fff; float: left; width:33.3%; text-align: center; padding:10px; cursor: pointer; margin-bottom:0px; border:1px solid #ddd;}
.sub_tab {background-color:#f9f9f9;  max-width:200px; width:100px; float:left; cursor: pointer !important;}
.tab50 {width:50%;}
.tab25 {width:25%;}
.tab16 {width:16.66%;}
.tab14 {width:14.28%;}
.active_tab {border:1px solid #191f6c; color:#191f6c; position: relative; background-color:#fff; font-weight: bold;}
.medical_tab {float:left; padding:50px;}



/* 팝업 시작 */
body {height:100%; overflow:hidden;}
.popup_bg {background:rgb(0,0,0, 0.6); position: fixed; top:0; left:0; width:100%; height:100%; z-index:1000;}
.popup_box {width:70%; height:100%; margin:0px auto; background-color:#fff;box-shadow: 0px 1px 20px #333; overflow:hidden; position: relative; overflow-y: scroll;}
.popup_close {position: absolute; right:0; top:0;}
.popup_cont {position: absolute; top:0; left:0; width:100%;}
.popup_cont img {width:100%;}
.fa-times {color:#fff; padding:15px; background-color:#fdab16; font-size:25px; cursor: pointer;}
.fa-times:hover {background-color:#996a13;}
.popup_bg {display: none;}
/* 팝업 끝*/

/* 주요고객사 */
.client_flow {width:33.33%; float:left; margin-bottom:100px;}
.client_flow div {clear:both;}
.client_cont_img img {margin:0 auto;}
.client_cont {text-align: center;}
.client_cont p:first-child {text-align: center; padding:5px 10px; display: inline-block; font-weight:bold; font-size:18px;}
.client_cont p:last-child {background-color:#fff; border:1px solid #4d4d4d; display: inline-block; color:#fff; padding: 5px 35px; margin:20px 0px;}
.client_cont p:last-child:hover {background-color:#4d4d4d; color:#fff;}
.client_cont p:last-child:hover a {color:#fff;}
/* 주요고객사  끝*/


/*이미지 그림자*/
.img_shadow {box-shadow: 0px 9px 20px rgba(0, 0, 0, 0.3);}
.img_shadow02 {box-shadow: 0px 9px 20px rgba(0, 0, 0, 0.2);}
/*이미지 그림자 끝*/

.left {float:left;}
.title_d {text-align: center; font-size:20px; font-weight:400; margin-bottom:30px;}
.title_d span {font-weight:bold;}


.flow_gray {background-color:#f3f3f3;}


html,body {overflow-x:hidden;}


.swiper-button-prev {right:250px;}
.swiper-pagination-bullet-active {color:#222222;}
.swiper-slide img {box-shadow: 0px 9px 20px rgba(0, 0, 0, 0.1); border-radius: 10px;}

.major_area_hide a {text-shadow:none;}
.imp {color:#007dc9;}

.center {text-align: center;}

br {visible:hidden;}
html {

	/* Prevent font scaling in landscape */

   -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/

   -moz-text-size-adjust: none; /*Firefox*/

   -ms-text-size-adjust: none;  /*Ie*/

   -o-text-size-adjust: none; /*old versions of Opera*/

}


.pd_txt {text-align: center; margin-bottom:2%;}


textarea:focus {
	outline: none;
  }
  button:focus {
	outline: none;
  }
  input:focus {
	outline: none;
  }



  br { font-family:dotum;}

.notice-table {width: 100%;}
.notice-table tbody tr td:first-child {text-align: center;}
.notice-table tbody tr td:nth-child(3) {text-align: center;}
/* .notice-table tbody tr {padding: 10px 0;} */
.notice-table tbody tr td {text-align: left;}
.notice-table tr:nth-child(even) {background-color: transparent !important;}


.result_table>thead tr th:nth-child(1) {width:10% !important;}
.result_table>thead tr th:nth-child(2) {width:70% !important;}
.result_table>thead tr th:nth-child(3) {width:10% !important;}
.result_table>thead tr th:nth-child(4) {width:10% !important;}