@charset "utf-8";
/* CSS Document */

/* skip navigation */
#skipNavi{position:fixed;top:-1px;left:0;width:100%;height:auto;text-align:center;z-index:9999;}
#skipNavi a{display:block;position:absolute;top:-30px;width:100%;height:1px;line-height:1px;background:#000;color:#fff;text-align:center;}
#skipNavi a:focus{top:0px;height:30px;line-height:30px;z-index:9999;}

/* hidding */
.tts{position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}
.hide{display: none }
.mShow{display: block}
.mHide{display: none}
.text_c{text-align: center !important}
.text_r{text-align: right !important}
.float_r{float: right; text-align: right}

.orange{color:#e96e00; font-weight:600}
.bule{color:#005bac; font-weight:600}
.red{color:#e60012; font-weight:600}
.purple{color:#5d6add; font-weight:600}
.green{color:#009944; font-weight:600}

/* common */
.common_layer{width: 100%; margin: 0 auto; position: relative;  }

/* header */
header{border-bottom: 1px solid #005bac; height: 80px; }
header h1{width: 255px; height: 51px; background: url('/sub/img/main_icon.png') no-repeat; position: absolute; top:13px ; left:30px  }
nav .gnb_btn{color: #005bac; font-size: 40px; position: absolute; top:10px ; right:30px }
nav #gnb{ display: none; background: rgba(0, 0, 0, 0.9); position: fixed; width:100%; height: 100%; z-index: 1000;top: 0; left: 0; }
nav #gnb ul{ position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%)}
nav #gnb li{color: #fff; font-size: 40px; font-weight: 600; line-height: 150px; text-align: center}
nav #gnb li a{ border-bottom: 2px solid rgba(255, 255, 255, 0.8) }
nav #gnb .gnb_close::before{content: "X"; position: absolute; top: 30px; right: 30px; color: #fff; font-size: 50px; line-height: 50px; font-family: 'NanumSquare', sans-serif;}
/* silde */
.bx-controls{position: absolute; top: 0; left: 0;} 
.bx-wrapper{width: 100%; position: relative;}


/* topbanner */
.top_banner{background: #225685; min-height: 100px; color: #fff; display: none  }
.topbxsilde > div{ height: 100px; display: table; font-weight: 600; }
.topbxsilde > div a{ display: table-cell; min-height: 100px; vertical-align: middle; padding-left: 30px; line-height: 36px; font-size: 24px;}
.topbxsilde > div a strong{color: #eee000; }
.topbxsilde > div a span{ font-size: 20px; font-weight: 600;}
.top_banner > div p.close{position: absolute; right: 20px; bottom: 20px; font-size: 14px;font-weight: 600;}
.top_banner > div p.close button{background: #002f59; padding: 5px 10px; vertical-align: middle; margin-left: 10px; color: #dde0e4; }
.top_banner .topbxsilde i{display:none}
.top_banner .bx-controls{top: 20px; left: auto; right: 20px;}
.top_banner .bx-pager-item, .top_banner .bx-controls-auto, .top_banner .bx-pager{display: inline-block}
.top_banner .bx-pager-item a{display: inline-block; width: 15px; height: 15px; background: #fff; color: #fff; font-size: 1px; border-radius: 50%; text-align: center; position: relative;   margin-left: 7px; top: 1px}
.top_banner .bx-pager-item a.active{background: #eee000;color: #eee000;}
.top_banner .sm{font-size: 15px;  opacity:0.8;line-height:22px;font-weight: 400; }

/* main */
.silde img{width: 100%; }
.silde .text{position: absolute; bottom: 4px; left: 50%;  transform: translateX(-50%); width: 100% }
.silde .text strong{display: block; font-size: 28px; line-height: 36px;   background: rgba(31, 57, 81, 0.5); color: #fff; padding: 15px 15px; text-align: center } 
.silde .text span{display: none;  line-height: 36px; color:#222 }
.bx-controls-auto-item, .bx-default-pager, .bx-pager-item, .bx-start, .bx-stop,.bx-pager-item a{vertical-align: top !important;  height: 15px; margin:0; padding: 0;}
.silde .bx-controls{top: 20px; left: auto; right: 20px;}
.silde .bx-pager-item, .silde .bx-controls-auto, .silde .bx-pager{display: inline-block;color: #fff; }
.silde .bx-pager-item a{display: inline-block; width: 15px; height: 15px; background: #fff; color: #fff; font-size: 1px; border-radius: 50%; text-align: center; position: relative;  margin-left: 5px; }
.silde .bx-pager-item a.active{background: #005bac;color: #005bac;}


.main .title{color: #222222;  font-size: 30px; line-height: 40px;   font-weight: 600; text-align: center ; margin-top: 50px; position: relative;}
.main .title::after, .main .title::before{content: ""; display: block; width: 4px ;height: 35px;  background: #fff; position: absolute; left: 50%; transform: translateX(-50%); top: -85px}
.main .title::before{background: #005bac;top: -50px}
.main .mainCon1 .title::after{background:transparent;}
.main .mainCon1 .title::before{background: #dadf00;}
.main .text{ font-size: 20px;text-align: center }
.main .title + .text{margin: 20px auto 50px;}


.mainCon1{padding-bottom: 60px}
.mainCon1 ul li{background-size: cover; width: 100%; height: 200px; padding-top: 100px}
.mainCon1 ul li:nth-child(1){background-image: url(/sub/img/main_img01.jpg);  background-position: center -390px;;}
.mainCon1 ul li:nth-child(2){background-image: url(/sub/img/main_img02.jpg);  background-position: center -90px;}
.mainCon1 ul li:nth-child(3){background-image: url(/sub/img/main_img03.jpg);  background-position: center;}
.mainCon1 ul li p{ color: #fff; text-align: center;  }
.mainCon1 ul li p:nth-child(1){   font-weight: 600; font-size: 42px;text-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5); position: relative}
.mainCon1 ul li p:nth-child(1)::before{content: ""; display: block; width: 70px; height: 3px; background: #fff; position: absolute; top: -30px;left: 50%; transform: translateX(-50%);  }
.mainCon1 ul li p:nth-child(2){  margin-top: 50px; font-size: 20px; font-weight: 600;text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);}

.mainCon2{background:#4484bd ;  }
.mainCon2 ul{display: table; width: 100%; table-layout: fixed; position: relative; z-index: 2;}
.mainCon2 li{display: table-cell; text-align: center; font-size: 18px;  line-height: 20px; font-weight: 500 ; vertical-align: top }
.mainCon2 li p{width: 150px; height: 150px; color: rgba(255, 255, 255, 0.9); display: inline-block; border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 50%; margin: 60px auto; background:#4484bd ;  position: relative}
.mainCon2 li p::before{content: ""; width: 100px; height: 100px;  background: url('/sub/img/main_icon.png') -300px 0 no-repeat;  display: block; margin: 0px auto -10px ; opacity: 0.7;transform: scale(0.7)}
.mainCon2 li:nth-child(2) p::before{background-position: -400px 0}
.mainCon2 li:nth-child(3) p::before{background-position: -500px 0}
.mainCon2 li:nth-child(4) p::before{background-position: -800px -100px}
.mainCon2 li p:hover::before{opacity: 1;}
.mainCon2 li p:hover{border: 2px solid rgba(255, 255, 255, 0.8);color:#fff;}

.mainCon3 ul{display: block; width: 100%; table-layout: fixed; margin-bottom: 60px; border-bottom: 1px solid #ddd }
.mainCon3 ul::after{content: ""; display: block; clear: both;}
.mainCon3 li{display:block; float: left; width: 25%; font-size: 24px;color: #555; border-right: 1px solid #ddd ; text-align: center ; position: relative; font-weight: 600;padding-bottom: 20px; }
.mainCon3 li:hover{color:#000}
.mainCon3 li::before{content: ""; width: 100px; height: 100px;  background: url('/sub/img/main_icon.png') 0px -100px no-repeat;  display: block;margin: 35px auto 0px ; }
.mainCon3 li:nth-child(-n+4){border-top: 1px solid #ddd ;border-bottom: 1px solid #ddd }
.mainCon3 li:nth-child(4){border-right: 0}
.mainCon3 li:nth-child(2)::before{background-position: -100px -100px}
.mainCon3 li:nth-child(3)::before{background-position: -200px -100px}
.mainCon3 li:nth-child(4)::before{background-position: -300px -100px}
.mainCon3 li:nth-child(5)::before{background-position: -400px -100px}
.mainCon3 li:nth-child(6)::before{background-position: -500px -100px}
.mainCon3 li:nth-child(7)::before{background-position: -600px -100px}



.mainCon4{background:#f7f7f7 ; padding: 60px 0 10px  }
.mainCon4 .common_layer{padding: 0 30px;}
.mainCon4 h2{font-size: 24px; color: #222222; font-weight: 600; padding-bottom: 25px; border-bottom:1px solid #666666;   }
.mainCon4 h2 a::after{content: "+"; display: inline-block; font-size: 50px; color: #666666; font-weight: 100; float: right }
.mainCon4 ul{padding: 25px 0;}
.mainCon4 li{position: relative; padding-right:100px ;  }
.mainCon4 li a{ display: block; color: #222; width: 100%; margin-bottom: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mainCon4 li a span{position: absolute; right: 0; top: 0; opacity:0.6}

.video_wrap {padding-bottom: 56.25%;  padding-top: 25px; height: 0; margin:0 auto; display:block; position: relative; }
.video_wrap iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


footer{border-top:1px solid #ddd }
footer .common_layer{ padding: 30px; line-height: 160%}
footer p{ font-size:16px }

.location{background: url(/sub/img/location.jpg) no-repeat center; height: 100px;padding-top:45px  }
.location h2{color: #fff; text-align: center; font-weight: 600; font-size: 36px;    } 


.content{padding: 60px 30px; font-size: 20px; word-break: keep-all}

/* 서브 */
.content h3{ font-size: 32px; color: #333;   margin-bottom: 60px  }
.content h3:nth-of-type(n+2){margin-top:120px;}
.content h3::before{content: ""; display: inline-block; width: 20px; height: 20px; background: url("/sub/img/sub_icon.png") no-repeat; margin-right: 10px; position: relative;   }

ol,ul {list-style:none;}
fieldset {margin:0px; padding:0px; border:0px;}
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; padding:0px; margin:0px;} 
select, textarea {font-size:1em; border:1px solid #ccc;padding:5px 10px; }
input{font-size:1em;}
input[type=text],input[type=password]{border:1px solid #ccc;padding:5px 10px;}
input[type=file]{ font-size:14px;height:26px; }
input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus{border:1px solid #86c9a6;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}
address { font-style:normal;}
hr{display:none;}
button{ font-size:15px;}

/*board_list*/
.board_list{display:block;text-align:left;border-bottom:1px solid #999999;border-top:1px solid #555555;}
.board_list .board_list_head{display:none;}
.board_list .board_list_tr{display:block;border-top:1px solid #dfdfdf; padding:5px 0;}
.board_list .board_list_tr:first-child{border-top:0px;}
.board_list .board_list_tr div{display:inline-block;border-top:none;padding:5px 3%; }
.board_list div.bl_title{display:block;padding-bottom:10px; font-weight: 600; font-size:20px;}
.board_list div.bl_no{display:none;}
.board_list div.bl_no2{}
.board_list div.bl_no2:before{content:'직종 :';display:inline-block; padding-right:5px;color:#888}
.board_list div.bl_data:before{content:'파일 :';display:inline-block; padding-right:5px;color:#888}
.board_list div.bl_data img{height:15px;vertical-align:middle}
.board_list div.bl_date:before{content:'등록일 :';display:inline-block; padding-right:5px;color:#888}
.board_list.recruit div.bl_date:before{content:'접수기간 :';}
.board_list.recruit div.bl_view:before{content:'진행상황 :';}
.board_list div.bl_view:before{content:'조회 :';display:inline-block; padding-right:5px;color:#888}
.board_list div.bl_part:before{content:'[ ';display:inline-block;}
.board_list div.bl_part:after{content:' ]';display:inline-block;}
.board_list div.bl_employ:before{content:'공고기간 :';display:inline-block; padding-right:5px;color:#888}

/*btn*/
.btn_wrap{text-align:left;margin-top:20px; margin-bottom:20px;line-height:1rem;}
.btn_wrap a{border:1px solid #cccccc; min-width:20px; padding:8px 20px;font-weight: 600;margin:0 5px;vertical-align:middle; display: inline-block;  }
.btn_wrap a.btn_list,.btn_wrap a.btn_01{border:1px solid #333; background:#333; color:#fff;}
.btn_wrap a.btn_list{float:right;}
.btn_wrap a.btn_list:hover,.btn_wrap a.btn_01:hover{border:1px solid #555; background:#555; color:#fff;}
.btn_wrap:after{content:"";display:block;clear:both;}
.btn_wrap input{height:auto;padding:7px 10px;vertical-align:middle;}
.btn_wrap a.btn_save{border:1px solid #005bac;  background:#005bac; color:#fff;}
.btn_wrap a.btn_cancer{border:1px solid #777;  background:#777; color:#fff;}
.btn_wrap a.btn_del{border:1px solid #a3a3a3;  background:#a7a7a7; color:#fff;}
.btn_wrap a.btn_rec{border:1px solid #4484bd;  background:#4484bd; color:#fff;}

/*테이블 검색*/
.search{border:1px solid #eee; width:100%; padding:15px 0 ; text-align:center; background-color:#f8f8f8; display:block;}
.search select{ margin-right:10px; height:35px;border:1px solid #aaaaaa; vertical-align:top;background-color:#fff;}
.search input{ border:1px solid #aaa;padding:0 10px; line-height:32px; height:35px; max-width:300px;  vertical-align:top;}
.searchBtn{border:1px solid #777 !important;  color:#fff; background-color:#777 !important ; text-decoration:none; cursor: pointer; height:35px; display: inline-block; vertical-align:top; margin-left: 5px }
.search .info_txt{display: inline-block; margin-right:30px; font-weight: 600}

/*list_number*/
.list_num{margin-top:30px;margin-bottom:30px;display:block; text-align:center}
.list_num ul{display:inline;}
.list_num ul li{display:inline;}
.list_num ul li a{border:1px solid #c1c1c1;background:#fff;min-width:25px; display:inline-block; padding: 5px;  vertical-align:middle;}
.list_num ul li a:hover{color:#444;background:#f3f3f3;}
.list_num ul li a span{height:0px; width:0px;display:inline-block; overflow:hidden;margin:2px 6px}
.list_num ul li.on a{background:#666;border:1px solid #666; color:#fff;}
.list_num ul li.lbtn a{background:#fff url('../images/common/list_num_arrow.png') 0 0 no-repeat;border:1px solid #c1c1c1; text-align: center}
.list_num ul li.lbtn a:hover{background-color:#ddd;border:1px solid #aaa;}
.list_num ul li.first a{background-position:0 center;}
.list_num ul li.prev a{background-position:-34px center;}
.list_num ul li.next a{background-position:-64px center;}
.list_num ul li.end a{background-position:-96px center;}
.list_num ul:after{content:''; clear:both; display:block;}

/*read_wrap*/
.read_wrap{width:100%; border-top:2px solid #555555;border-bottom:1px solid #999999; }
.read_wrap h3{background:#f2f2f2; color:#3f3f3f; font-size:19px!important; padding:15px;text-align:center;font-weight:600;margin-bottom:0px; color:#222}
.read_wrap h3::before{display: none}
.read_wrap dl{border-bottom:1px solid #dfdfdf;padding:7px 0px;}
.read_wrap dl dt{min-width:60px;display:inline-block;padding:5px 10px ;font-weight: 600;;color:#333}
.read_wrap dl dd{display:inline-block;min-width:100px; padding-right: 20px;}
.read_wrap dl dd img{vertical-align:middle; margin-right:5px;}
.read_wrap dl:after{content:''; clear:both; display:block;}
.read_wrap .read_text{padding:30px 20px; line-height: 160%} 
.read_wrap .read_text img{max-width:100%;}
.read_wrap .read_text .btn_wrap{text-align:center;}
.read_wrap .read_text strong{color:#000; font-weight:600}
.read_wrap .read_text .btn_wrap a{padding:12px 20px}
.read_wrap .read_text .btn_wrap a .fas{margin-left:10px;position: relative; top:2px;}

    
.logoBox{position: relative;  color:#000;  margin:20px 0 40px; font-size:18px;line-height:28px; background:#f7f7f7; padding:20px; }
.logoBox::before{content:'';display:block;  width: 100px; height: 100px; background: url('/sub/img/sub_icon3.png') no-repeat ; position: relative;  margin:0 auto 20px;  }
.logoBox.icon2::before{background-position:-100px 0;}
.logoBox strong{font-size:20px;line-height:32px;}
.read_text h4{font-size:20px;color:#333; font-weight:600; line-height:36px ; margin:30px 0 10px;}
.read_text h4::before{content:'';display:inline-block; width: 20px; height: 20px; border-radius: 50%;  border:5px solid #005bac; position: relative;top:3px; margin-right:7px;}
.read_text h4 + ul{margin-left:30px;}
.read_text ul li::before{content:'-';display:inline-block;margin-right:5px;}

/* 병원소개 */
.info_text1{font-size: 22px; line-height: 40px; color: #222; text-align: center;font-weight: 600; position: relative; max-width: 780px; margin:0 auto ; width: 100%; }
.info_text1.icon::after, .info_text1.icon::before{content: '“'; display:block; font-size:100px; color: #dddddd; position: absolute; top: 15px; left: 0;  font-family: 'Nanum Myeongjo', serif;}
.info_text1.icon::after{content: '”';  left: auto; right: 0; }
.info_text1 + .text_r{margin-top: 30px}
.info_text1 + .text_r strong{font-weight: 600;}

.info_text2{width: 100%; position: relative; padding-top: 30px}
.info_text2 li{ line-height: 32px; display: block;margin-bottom: 20px;} 
.info_text2 li p{  display: block; font-size: 24px; line-height: 32px;font-weight: 600;  color: #222;   ;background-color: #fff; margin-bottom: 10px;}
.info_text2 li:nth-child(2) p{border-color: #dadf00}

.info_text2 + .info_text1{margin-top: 30px}

.text_box{line-height: 32px;  width: 100%; display: table; border-bottom: 1px dotted #ddd;position: relative;}
.text_box > div > div:nth-child(1){ padding-top: 30px; padding-bottom: 20px; border-top: 1px dotted #ddd;}
.text_box > div:nth-child(1) > div{ border-top:0}
.text_box > div > div:nth-child(2){ padding-bottom: 20px;position: relative;}
.text_box .title{ font-size: 24px; font-weight: 600; color: #000;vertical-align: top; padding-top:30px }
.text_box strong{ color: #222; font-weight: 600;display: inline-block; margin-bottom:5px  }
.text_box strong.tit{color: #005bac; font-weight: 600; font-size: 20px; margin-bottom: 5px;display: block;}
.text_box .title span{font-weight: 300; font-size: 18px;}


.info_text3{color: #005bac;  font-weight: 600; font-size: 24px; line-height: 32px; position: relative; padding-left: 100px; margin-bottom: 30px;}
.info_text3 span{display: inline-block; margin-left: 10px;}
.info_text3::before{content: ""; display: inline-block; width: 75px; height: 75px; background: url(/sub/img/sub_icon.png) 0 -30px; position: absolute; top: 12px; left: 0;}

.info_text4 {padding: 20px 0}
.info_text4 li{padding-left:105px ; margin:15px 0 25px; position: relative;}
.info_text4 p{width: 100px; height: 100px; border: 2px solid #dadf00; text-align: center; display:block; padding-top: 35px; color: #222; font-weight: 600; font-size: 20px; border-radius: 50%; position: absolute; top: 10px; left: -10px;; }
.info_text4 li:nth-child(2) p{border-color: #005bac; top: 5px; }
.ci_img{display: block; margin: 0 auto 30px; width: 100%; max-width: 705px;}
.info_img{display: block; margin: 0 auto 30px; width: 100%; box-shadow: 15px 15px 25px rgba(0,0,0,0.1);}
.info_img2{display: block; margin: 0 auto 30px; width: 100%; box-shadow: 15px 15px 25px rgba(0,0,0,0.1);}

.color li{position: relative; padding-left: 130px}
.color li:nth-child(2) {margin-top: 30px;}
.color li:nth-child(2) strong{color: #959800}
.color li span{display: block; font-weight: 600; color: #222}
.color li::before{width: 100px; height: 100px; content: ""; background: #005bac; display: block; border-radius: 50%; position: absolute;  top: -10px; left: 0;  }
.color li:nth-child(2)::before{background: #dadf00}


.tab_list{display: table; width:100% ; table-layout: fixed; margin-bottom: 60px}
.tab_list a{display: table-cell; border:1px solid #ddd; padding: 15px 0; text-align: center; color: #222; font-size:20px; font-weight: 600 ; vertical-align: middle; line-height:32px}
.tab_list a:nth-child(n+2){border-left: 0}
.tab_list a:hover{background: #005bac;color: #fff;}

table{width: 100%; margin-top: 10px}
table th{border: 1px solid #ddd; padding: 5px; color: #222; font-weight: 600; background: #f7f7f7}
table td{border: 1px solid #ddd; padding: 5px 20px; text-align: center}

.dept{width:100%}
.dept::after{content: ""; display:block; clear: both;}
.dept li{display:block; float: left; width:30% ; margin:0 1.5% 20px; text-align: center; color:#fff;  background: #4380b7; border-radius:7px; padding-bottom:20px; font-size:22px}
.dept li::before{content: ""; width: 100px; height: 80px;  background: url('/sub/img/main_icon.png') 0px -200px no-repeat;  display: block;margin: 35px auto 0px ; opacity:0.6 }
.dept li:nth-child(2)::before{background-position: -100px -200px}
.dept li:nth-child(3)::before{background-position: -200px -200px}
.dept li:nth-child(4)::before{background-position: -300px -200px}
.dept li:nth-child(5)::before{background-position: -400px -200px}
.dept li:nth-child(6)::before{background-position: -500px -200px}
.dept li:nth-child(7)::before{background-position: -600px -200px}
.dept li:hover{background: #005bac;}

.center{width:100%}
.center::after{content: ""; display:block; clear: both;}
.center li{display:block; float: left; width:30% ; margin:0 1.5%  20px ;text-align: center; color:#454607;  background: #e7ea70; border-radius:7px; padding-bottom:20px; font-size:22px; font-weight: 600}
.center li::before{content: ""; width: 100px; height: 100px;  background: url('/sub/img/main_icon.png') -600px 0 no-repeat;  display: block; margin: 35px auto 5px ; opacity: 0.7;}
.center li:nth-child(2)::before{background-position: -700px 0}
.center li:nth-child(3)::before{background-position: -800px 0}
.center li:nth-child(4)::before{background-position: -800px -200px}
.center li:hover{background: #dadf00;}

.quick{display: block;  width: 70px; height: 70px;position: fixed; bottom: 30px; right: 30px; transform: translateX(0%); z-index:10  }
.quick li{display: table; width: 70px; height: 70px;margin-bottom: 15px; display: none; }
.quick a{display: table-cell; width: 70px; height: 70px; border-radius: 50%; color: #fff; font-weight: 600;  background: #777; text-align: center; vertical-align: middle; line-height: 22px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1)}
.quick li:nth-child(2) a{background: #999}
.quick li:nth-child(4){ display: block; }
.quick li:nth-child(4) a{background: #eeeeee; color: #555555; }

.quick li a{ background: #005bac; }
.quick li:nth-child(2) a{background: #eff25e;color:#595800}
.quick li:nth-child(3) a{background: #357fae;}
.quick li:nth-child(2) .fas{color:#595800}
.quick li:nth-child(4) a{background: #eeeeee; color: #555555; }

.quick .fas, .quick .far{display: block; color: #fff; font-size: 30px; margin-bottom:5px; opacity:0.6}
.quick li:nth-child(4) .fas{color: #aaa; opacity:1}


/* 추가 수정 */


.modi .text_box > div:nth-child(1) > div{border-top: 0} 
.modi .text_box{border-bottom: 0;} 
/* .content section:nth-of-type(2n+2){display:block; padding:70px 0 50px; margin:30px 0 100px;position: relative;}  */
.content section:nth-of-type(-n+4){position: relative; padding-bottom: 170px; margin-bottom: 70px;}
.content section:nth-of-type(-n+4)::after{content: '';display: block; background:url(/sub/img/bar_bg.png); width:200%; height:90px; position:absolute; bottom:0; left:-50%; z-index:-1}
.modi .text_box > div:first-child > div:nth-child(1){ padding-top: 0;}
.color.type2{display:table; table-layout: fixed; width:100%;}
.color.type2 li{display:table-cell;padding-left:0;text-align: center;line-height:26px ; border:1px solid #ccc;padding-bottom:15px;}
.color.type2 li:nth-child(n+2){border-left:0}
.color.type2 li::before{height: 90px; background: url('/sub/img/main_icon2.png') 0px 0px no-repeat ; position: relative;top: 0px; margin:0 auto 0px;vertical-align: top ;}
.color.type2 li:nth-child(2) strong{color:#222}
.color.type2 li:nth-child(2)::before{ background-position: -100px 0 }
.color.type2 li:nth-child(3)::before{ background-position: -200px 0 }
.content section:nth-of-type(2n+1) .text_box > div:last-child > div:nth-child(2){padding-bottom:0}

.black{ }
.info_text5{line-height:32px; }
.info_text5 ul{margin:10px 0 20px }
.info_text5 ul p span{  background:#357fae; font-weight:600 ;font-size:22px; padding:0 20px; color:#fff; display:inline-block;margin:10px 0 10px ;line-height:40px ;}
.info_text5 ul li:nth-child(n+2) p span{;margin:20px 0 10px ;}
.info_text5 ul li{ }
.info_text5 img{width:100%; box-shadow: 15px 15px 35px rgba(0,0,0,0.1); margin-bottom:20px;}
.info_text5  .text_r{margin-top:20px;color:#222;}

.info_text6{font-size:20px; color:#333;font-weight:600 ;}


.info_text7{width: 100%; position: relative; padding-top: 30px; margin-bottom:60px }
.info_text7 > li{ line-height: 32px; display: block;margin-bottom: 20px;position: relative; padding-left:150px;  padding-bottom:30px;} 
.info_text7 > li:nth-child(-n+2){border-bottom:1px solid #ddd;}
.info_text7 > li > p:first-child{  display: block; font-size: 24px; line-height: 32px;font-weight: 600;  color: #222;   margin-bottom: 10px;}
.info_text7 > li > p:nth-child(2) strong{color: #005bac; font-weight: 600; font-size: 20px; margin-bottom: 5px;display: block;}

.info_text7 > li::before{content: ""; display: block; width: 120px; height:120px; background: url("/sub/img/sub_icon2.png") -20px 13px no-repeat;  position: absolute; top:0; left:0 ;border-radius: 50%;border:5px solid #005bac }
.info_text7 > li:nth-child(2)::before{background-position: -165px 15px ;border-color: #dadf00}
.info_text7 > li:nth-child(3)::before{background-position: -317px 15px;}

.info_text7 > li .one:nth-of-type(n+2)::before{content: ", "; display: inline-block;}
.info_text7 .vis span{color: #000; display:block; border: 2px solid #ddd; padding:2px 20px;font-weight: 600; margin-top:5px}
.info_text7 .vis.type2 span{display: inline-block;}
.info_text7 .vis.type2 span{margin-bottom:5px}
.info_text7 .vis.type2 span:nth-child(n+2){margin-top:20px}

/* 추가 수정 */
.modi.type2.content h3{text-align: center;padding-left:0;font-size:38px}
.modi.type2.content h3::before{display:none; }
.modi.type2 .info_text5 ul p span i{display: inline-block; margin-right:15px;}

.modi.type2.content section:nth-of-type(2n+2) .text_box > div > div:nth-child(1){border-color:#c0c193}
.modi.type2.content section:nth-of-type(2n+2) .text_box > div > div{border-color: #c0c193;}

.modi.type2 .info_text3{font-family: 'NanumSquare', sans-serif; }

.color.type3{display:table; table-layout: fixed; width:100%;}
.color.type3 li{display:table-cell;padding-left:0;text-align: center;line-height:26px ; border:1px solid #ccc;padding-bottom:15px;}
.color.type3 li:nth-child(n+2){border-left:0}
.color.type3 li::before{height: 90px; background: url('/sub/img/main_icon2.png') -100px -100px no-repeat ; position: relative;top: 0px; margin:0 auto 0px;vertical-align: top ;}
.color.type3 li:nth-child(2) strong{color:#222}
.color.type3 li:nth-child(2)::before{ background-position: 0px -100px }
.color.type3 li:nth-child(3)::before{ background-position: -200px -100px }

.modi.type2 .info_text7 > li:nth-child(1)::before{border-color:#4c8cc5}
.modi.type2 .text_box div.title::before{content: ""; display: inline-block; width: 20px; height: 20px; background: url("/sub/img/sub_icon.png") no-repeat; margin-right: 10px; position: relative; top:2px  }

.modi.type2  .text_box > div{color:#333}


/* info New */
.info_new{ background: url("/sub/img/silde_img01.jpg") no-repeat; width: 100%; color: #fff; padding: 20px;  background-size: cover; padding-top: 150px; margin-bottom: 20px;line-height:28px;}
.info_new p{ background-color: rgba(0, 0, 0, 0.7); display: block; padding: 20px; ; }
.info_new span{font-size: 28px; font-weight: 600; display: inline-block; margin-bottom: 15px;  }
.info_new2 li{background: #f7f6f6;line-height: 28px;  height: 300px; padding: 30px; clear: both; margin-bottom: 20px;}
.info_new2 li span{font-size: 24px; font-weight: 600; color:#16558d;  display: block; margin-bottom: 15px; background-size:cover; line-height: 36px; }
.info_new2 li::before{width:50%; content: ""; display: block; float: right; background:  url(/sub/img/info_img5.png) no-repeat center bottom; height: 100%;  }
.info_new2 li:nth-child(2)::before{background-image:url(/sub/img/info_img6.png) }
.info_new2 li:nth-child(3)::before{background-image:url(/sub/img/info_img7.png) }

.info_new3{color: #000; line-height:28px;}
.info_new3 + .text_r{margin-top: 30px; color: #000;}

.info_new4{background:  url(/sub/img/info_img2.jpg) no-repeat left bottom;line-height:28px;background-size:180%; padding-bottom: 330px; padding-left: 130px}
.info_new4 span{color:#3b72bc; display: block;margin-bottom: 10px;font-size: 24px; font-weight: 900; }
.text_box p.tit{color: #000;margin-bottom: 5px;font-size: 26px; font-weight: 900;}

.info_text4 p{border: 0; background: #f7f7f7}

.text_box i{width: 130px; height: 110px; background: url(/sub/img/sub_icon2.png) no-repeat #2e7dc3; display: block }
.text_box i.icon02{background-color: #4ea475; background-position: -130px 0}
.text_box i.icon03{background-color: #bfc31e;background-position: -260px 0} 

.text_box > div:nth-child(2) strong.tit{color:#4ea475}
.info_text3 + .text_box > div:nth-child(2) ul li{color: #333; font-weight: 600}
.info_text3 + .text_box > div:nth-child(2) ul li::before{content: ""; background:#4ea475;  width: 5px; height: 5px; display: inline-block; border-radius: 50%; margin-right: 7px; position: relative; top:-4px;}
.text_box > div:nth-child(3) strong.tit{color:#b6ba17}

.gonsa_img{display: block; margin: 0 auto}
.gonsa .info_img{margin-top: 10px;display: block;}

@media (min-width: 576px) {  }

@media (min-width: 768px) {   }

@media (min-width: 992px) {  }

@media (min-width: 1200px) {

    /* hidding */
    .mShow{display: none}
    .mHide{display: block}

    /* common */
    .common_layer{ max-width: 1200px; margin: 0 auto}

    /* header */
    header h1{ left:0px ; z-index: 4999; }
    nav .gnb_btn, .gnb_close{ display: none }
    nav #gnb{display: block; padding-left: 400px;  background: transparent; position: relative;  top: auto; left: auto;}
    nav #gnb ul{ display: table; height: 80px ; width: 100%; position: relative; top:auto; left: auto; transform: translate(0,0)}
    nav #gnb li{display: table-cell; vertical-align: middle; text-align: center;  line-height: normal;height:80px }
    nav #gnb li a{display: inline-block; font-size: 20px; font-weight: 600; color: #222; font-weight: 600; font-family: 'NanumSquare', sans-serif; position: relative; top: -5px}
    nav #gnb li a::after{content: ""; display: block; width: 0; height: 3px; background: #005bac; position: absolute; bottom:-27px; left: 50%; transform: translateX(-50%;); transition: all 0.3s ease}
    nav #gnb li a:hover::after{width: 100%;left: 0%; transform: translateX(-0%;)}

    
    /* topbanner */
    .topbxsilde > div a{  vertical-align: middle;text-align: center ;  padding-right: 150px}
    .top_banner .bx-controls{top: 10px; left: 0;}
	.top_banner .topbxsilde div a{padding-left:100px}
	.top_banner .topbxsilde div a i{display: block;  font-size:60px; opacity:0.2; color:#fff; vertical-align: middle; margin-right:15px; position: absolute; left:150px; top: 18px;}

    /* main */
    .silde .text{top: 80px;  width: 1200px;}
    .silde .text strong{ font-size: 40px; line-height: 56px; background:transparent; color: #005bac; text-align: left; padding: 0;padding-left: 35px;}
    .silde .text strong::after{content: ""; display: block; width: 70px; height: 3px; background: #dadf00; margin: 23px 0 20px; }
    .silde .text span{ padding-left: 35px; display: block;  line-height: 32px;text-align: left;}
    .silde .text.type2 strong{color: #fff; text-shadow: 10px 10px 30px rgba(0, 0, 0, 1)}
	.silde .text.type2 span{color: #fff; text-shadow: 2px 2px 5px rgba(0, 0, 0, 1)}
    .silde .text.type2 strong::after{background: #005bac}
    .silde .bx-controls{top: auto;  right: auto; left: 50%; bottom: 60px;  transform: translateX(-50%); width: 1200px; text-align: center}
    .silde .bx-pager-item{margin:0 2px }

	.center li{width:22%; margin:0 1.3%  0px ;}
  

	.video_wrap{ max-width: 1200px; padding: 0;  height: auto; margin-top:20px; }	
	.video_wrap iframe{width:311px; height:176px; margin:0; display: block; border-left:1px solid #000}
	.logoBox.type2{margin-left:320px;padding-left:220px}
	.logoBox.type2::before{left:40px}

    
    .main .title::after, .main .title::before{top: -119px}
    .main .title::before{top: -84px}
    .main .mainCon1 .title::after{background:#fff;}
    .main .title{font-size: 36px; line-height: 36px;  margin-top:80px;}
    .main .title + .text{margin: 25px auto 60px;}


    .mainCon1 ul::after{content: ""; display: block; clear: both;}
    .mainCon1 ul li{ width: 380px; height: 450px; padding-top: 350px; float: left; box-shadow:  15px 15px 20px rgba(0, 0, 0, 0.2); }
    .mainCon1 ul li:nth-child(n+2){margin-left:30px; }
    .mainCon1 ul li:nth-child(1){background-position: center}
    .mainCon1 ul li:nth-child(2){background-position: center}
    .mainCon1 ul li:nth-child(3){background-position: center;}
    .mainCon1 ul li p:nth-child(2){margin-top: 30px;  text-shadow:none;font-weight:400;}

    .mainCon2 li p{width: 230px; height: 230px;font-size: 22px; line-height: 22px; }
    .mainCon2 li p::before{ margin: 40px auto 10px ;transform: scale(1)}	
	.mainCon2 .common_layer::after{content: ""; width: 900px; height: 1px; background: rgba(255, 255, 255, 0.2); position: absolute; top: 50%; left: 100px; z-index: 1 }

    .mainCon3 ul{display: table; width: 100%; table-layout: fixed; margin-bottom: 150px;border-bottom:0}
    .mainCon3 ul::after{ display: none; }
    .mainCon3 li{display: table-cell;font-size: 20px;color: #555; height: 130px; border-right: 1px solid #ddd ; text-align: center ; position: relative; font-weight: 500 ; float: none; width: auto;padding-bottom: 0px;}
    .mainCon3 li:first-child{border-left: 1px solid #ddd ;}
    .mainCon3 li::before{ margin: 35px auto 0px ; }
    .mainCon3 li p{position: absolute; bottom: -50px; left: 0; width: 100%;}
    .mainCon3 li:nth-child(-n+4){border-top: 0 ;border-bottom: 0}
    .mainCon3 li:nth-child(4){border-right: 1px solid #ddd ;}

    .mainCon4 .common_layer > div{width: 50%; float: left; padding-left: 30px}
    .mainCon4 .common_layer > div:first-child{padding-left: 0; padding-right: 30px}
    .mainCon4 .common_layer{padding: 0px;}
    .mainCon4 .common_layer::after{content: ""; display: block; clear: both;}
	.mainCon4 li{  }
    
    
    footer .common_layer{ padding: 30px 0; }
	footer p{ font-size:18px }
    
    .location{ height: 200px;padding-top: 60px  }
    .location h2::before{ content: ""; width: 60px; height: 1px; background: #fff; display: block; margin:0 auto 35px; opacity: 0.8;  }

    
	.logoBox{padding:30px 20px; padding-left:240px;margin:20px 0 20px; border:0; }
	.logoBox::before{  position: absolute; top:50% ;transform: translateY(-50%); left:40px;  }
	.logoBox::after{position: absolute; top:50% ;transform: translateY(-50%);  left:180px;  width:2px; height:100px; background: #ddd;content: ""; display: block;}
    

    .content{min-height: 500px; padding: 60px 0px 100px; font-size:18px}

    .board_list{width:100%; border-top:1px solid #555555; text-align:center;color:#555; clear:both;display:table;}
    .board_list .board_colum{display:table-column-group}
    .board_list .board_colum div{display:table-column}
    .board_list .board_list_head{background:#f2f2f2; color:#3f3f3f;padding:10px 0;display:table-header-group; }
    .board_list .board_list_head div{display:table-cell;font-weight: 600;;text-align:center;padding:10px 0;}
    .board_list .board_list_tr{display:table-row;}
    .board_list .board_list_tr div{display:table-cell;padding:15px 0; border-top:1px solid #dfdfdf; vertical-align: middle;}
    .board_list .board_list_tr .rowspan {padding:0;}
    .board_list .board_list_tr .rowspan p{display:block;padding:15px 0;}
    .board_list .board_list_tr:hover{background:#f8f8f8;}
    .board_list div.bl_title{text-align:left;padding-left:20px; font-size: 18px;   color: #222}
    .board_list div.text_al{padding-left: 20px;}
    .board_list div.bl_data:before, .board_list div.bl_date:before, .board_list div.bl_view:before,.board_list div.bl_part:before,.board_list div.bl_part:after,.board_list div.bl_employ:before, .board_list div.bl_no2:before{ display: none}


    /* 병원소개 */

	.info_text1{font-size: 20px; }
    .info_text2{display: table;  padding-top: 0px}
    .info_text2 li{text-align: center ;margin-bottom: 0px; }
    .info_text2 li:first-child::after{content: ""; display: block; width: 800px; height: 1px; background: #ddd; position: absolute; top: 170px; left: 150px; z-index: -1}
    .info_text2 li p{border:10px solid #005bac; width: 210px; height: 210px; border-radius: 50%; display: block;font-size: 24px; line-height: 36px; color: #222; margin: 60px auto 25px ;background-color: #fff}
    .info_text2 li p span{ vertical-align: middle; display: table-cell; height: 190px;width: 190px;}
    .info_text2 li{ display: table-cell;   }    
    .info_text2 + .info_text1{margin-top: 60px}

    .text_box{border-bottom: 1px dotted #ddd;}
    .text_box > div{display:table-row ;}
    .text_box > div > div{border-top: 1px dotted #ddd;  display: table-cell; padding: 30px 0;}
    .text_box > div > div{ padding-left: 30px;}
    .text_box > div > div:nth-child(2){padding-bottom:60px}
    .text_box .title{  width: 200px ; border-top: 1px dotted #aaa;}    
    .text_box .title span{  display: block }

	

    .info_text3{padding-left: 307px;}
    .info_text3::before{top: 0px; left: 217px;}

    
    .ci_img{ margin: 0 auto 60px; }
	.info_img{  width: 430px;position: absolute; top: 20px;right:0; }

    .color {display: table; width: 100%}    
    .color li:nth-child(2) {margin-top: 0px;}
    .color li{display: table-cell}
    .color li::before{ top: 5px; }


	.dept li{ width:13% ; margin:0 0.5%;font-size:18px}

	.quick{display: none;  width: 1200px;height:auto; position: absolute; top: 0;bottom:auto;right:auto; left: 50%; transform: translateX(-50%);  }
    .quick ul{position: absolute; top: 300px;bottom:auto; right: -150px;  ;}
	.quick li{; width: 105px; height: 100px;  display: block; }
	.quick a{ width: 100px; height: 100px;}


	/* 추가작업 */
	
	.modi .text_box > div > div:nth-child(1){ padding-top: 30px;}
	.modi .text_box > div:first-child > div:nth-child(1){ padding-top: 30px;}

	
	.info_text5 .text{ width:960px; background:#fff; margin:0 auto -120px; position: relative;top:-120px; padding: 30px ; border-radius:15px; 15px 0 0;}
	.info_text5 img{margin-bottom:0px;}

	
	.info_img2{  width: 430px;position: absolute; top: -80px;right:0; }
	.info_text6{margin-bottom:60px;}
	.info_text6.icon{padding-left:50px;}
	.info_text6.icon::after, .info_text6.icon::before{content: '“'; display:block; font-size:100px; color: #dddddd; position: absolute; top: 50px; left: 30px;  font-family: 'Nanum Myeongjo', serif; font-weight:600;}
	.info_text6.icon::after{content: '”';  top: 50px; left: 470px;   }
 
	.info_text7 > li{padding-left:180px; padding-top:15px}
	.info_text7 > li .one:nth-of-type(n+2)::before{display:none}
	.info_text7 > li::before{ width: 140px; height:140px; background-position: -10px 23px ;   }
	.info_text7 > li:nth-child(1){padding-bottom:50px; padding-top:0px; }
	.info_text7 > li:nth-child(1)::before{top:-15px}
	.info_text7 > li:nth-child(2)::before{background-position: -155px 20px ; top:20px }
	.info_text7 > li:nth-child(3)::before{background-position: -307px 25px;}
	.info_text7 .vis span{ display:inline-block;}
	.info_text7 .vis span:nth-child(n+2){margin-left:10px}
	.info_text7 .vis.type2 span:nth-child(n+2){margin-left:0px}


	/* 추가 또 수정 */
	.modi.type2 .info_text5 .text{width:100%; background:#eee;top:0px; margin:0 auto 100px;  border-radius:0; padding: 50px ; color:#222; border:15px solid #fafafa; }
	.modi.type2 .info_text6.icon::after, .info_text6.icon::before{color:#5b5d0b}
	.modi.type2.content section:nth-of-type(2n+2){padding:70px 0 70px}
	.modi.type2 .info_text6{position: relative;left:90px;}
	.modi.type2 .info_text6.icon::after, .info_text6.icon::before{top: 20px;left: -10px;   }
	.modi.type2 .info_text6.icon::after{ left: 450px;   }
	
	.modi.type2 .info_text7::after{display:block;;clear: both;content: '';}
	.modi.type2 .info_text7 > li{width:49%; float:left;  padding:30px 30px 30px 180px; min-height:330px;background-color:#f7f7f7;border-bottom:0}
	.modi.type2 .info_text7 > li:nth-child(2){margin-left:2%;}
	.modi.type2 .info_text7 > li:nth-child(3){width:100%;clear: both;padding:30px; text-align:center}
	.modi.type2 .info_text7 > li::before{top:30px; left:20px;background-color:#fff}
	.modi.type2 .info_text7 > li:nth-child(3)::before{position: relative;top:0px; left:50%;  transform: translateX(-50%); margin-bottom:20px;}


	.modi.type2 .info_text7 .vis span{ display:block;background-color:#fafafa; }
	.modi.type2 .info_text7 .vis span:nth-child(n+2){margin-left:0px}

	.modi.type2 .info_text7 .vis.type2{display:table;table-layout: fixed; width:100%  }
	.modi.type2 .info_text7 .vis.type2 span{text-align:center}
	.modi.type2 .info_text7 .vis.type2 > div{display:table-cell ;padding:0 20px; text-align:left;able-layout: fixed }


    .subimg::after{content: '';display:block;background: url('/sub/img/infosub.jpg') no-repeat center top; width:200%; position: relative; left:-50%; height:5784px }
    

    /* info New */
    .info_new{padding-top: 300px;font-size: 22px;line-height:32px; margin-bottom: 45px;}
    .info_new p{padding:30px; }
    .info_new span{font-size: 35px;}
    .info_new2::after{content: ""; display: block; clear: both;}
    .info_new2 li{width: 367px; float: left; background:  url(/sub/img/info_img5.png) no-repeat center bottom #f7f6f6; background-size: 100%; height: 407px;clear: none}
     .info_new2 li:nth-child(n+2){margin-left: 49px;}
    .info_new2 li::before{display: none}
    .info_new2 li:nth-child(2){background-image:url(/sub/img/info_img6.png) }
    .info_new2 li:nth-child(3){background-image:url(/sub/img/info_img7.png) }

    .info_new4{width: 1247px; background-size:100%; position: relative; left: -40px; height: 454px; position: relative }
    .info_new4 p{width: 660px; height: 180px; border-bottom: 3px solid #4c8cc5; position: absolute; right: 0; top: 100px; padding-left: 60px;}

    .gonsa::after{content: ""; display: block; clear: both;}
    .gonsa > div{width: 50%; float: left;}
    .gonsa_img{margin:45px 0 60px }
    .gonsa .info_img{position: relative; right: 20px; top: 0;}

	





 }