@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

*{margin:0; padding:0; box-sizing:border-box; letter-spacing:-0.03em;}
img {border:0;vertical-align:top;}
a {border:0; text-decoration:none; color:inherit;}
ul, li {list-style:none;}
body {font-family: 'Nanum Gothic', sans-serif;color:#444;}
div {display:block;}
h1,h2,h3 {font-family: 'Nanum Gothic', sans-serif;}
h1 {font-size:36px;}
h2 {font-size:30px;}
h3 {font-size:24px;}

/* 공통 */
.container_fluid {width:100%; min-width: 1200px;}
.container {width:1200px; margin:0 auto;}
.clearfix:after {content:""; clear:both; display:block;}
.float {float:left;}
.float_r {float:right;}
.hide {
    display: inline-block;
    position: absolute;
    z-index: -10;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    filter: alpha(opacity=0);
    -ms-filter: 'alpha(opacity=0)';
    font-size: medium;
    line-height: normal;
    word-break: break-all;
}

#wrap {width:100%; min-width:1200px; text-align:center; margin:auto; }
/*
#header {width:100%; min-width:1200px;}
#header #header_area {width:1200px;margin:0 auto 0;text-align:center;display:inline-block;}
#header #header_area .logo {margin-top:45px;float:left;}

#header #header_area #gnb {float:right;margin-top:40px;}

#header #header_area #gnb > ul > li {float:left;font-size:19px;padding-left:60px;}
#header #header_area #gnb > ul > li p {line-height:77px;margin-top:-25px;}
#header #gnb .subnav {
 background-color:#fff; 
 clear:both;
 display: blcok;
 position: absolute;
 text-align:left;
  z-index:10;
  font-size:13px;
  color:#666;  
  top:85px;
 height:180px;
 
 }
#header #header_area #gnb > ul > li > .subnav {border-bottom:3px solid #000; background-color:red;}
#header #header_area #gnb > ul > li:hover > .subnav {display:block;}
#header #gnb dl {padding:0;}

#header #gnb dd {line-height:13px;line-height:36px;height:36px;padding:0;}
#header #gnb .subnav a {display:block;}
#header #gnb .subnav a:hover {color:#fe8500;}

#snb5 {margin-left:-130px;}

*/


/*header*/
header .header_top {}
header .header_top ul li {float:right;margin:0 5px;}
header .header_top ul li a {font-size:13px;}

header .header_wrapper {background-color:#fff;}
header .header_wrapper .header_content {width:100%; margin:0 auto;}
nav .nav_wrap {display:block; width:1200px; margin:15px auto 0;}
nav .nav_logo {float:left;margin-bottom:15px;}
nav .call {text-align:right; margin-bottom:5px;}

nav .nav_menu {float:right;margin-top:25px;position:relative;}
nav .nav_menu ul.dep01 { margin:0 auto;}
nav .nav_menu ul.dep01 li {
	float:left;
	position: relative;
	width:145px;
	height:50px;
}
nav .nav_menu ul:after {content:""; display:block; clear:both;}
nav .nav_menu ul li a {padding:0; color:#303030; font-weight:600; box-sizing:border-box; display:block; font-size:17px;}
nav .nav_menu ul li a:hover {color:#009db8;}

/* dep02 */
.dep02 {background-color:#fff;  position:relative; margin:0 auto;}
.dep02 ul {float:left; padding-bottom:10px;}
.dep02:after {content:""; display:block; clear:both;}
nav .nav_menu .dep02 ul li { 
  line-height:2.0;
  width:145px;

}
nav .nav_menu .dep02 ul li a {
	line-height:2.0;
	color:#222;
	padding:5px;
	font-size:14px;
	}
nav .nav_menu .dep02 ul li a:hover {color:#009db8;}


/*네비게이션 펼치기 */
#snb01 {width:100%; display:none; position:absolute; top:50px; background:#fff;  z-index:999;}



/* 메인 컨테이너 */
#main {width:100%; min-width:1200px;margin:auto;display:inline-block; background:#fff;}
.flexslider {min-width:1200px;margin:0 auto;height:500px;}
#main .flexslider ul.slides {width:1200px;margin:0 auto;}
#main .flexslider ul.slides li.sl1 {background: url(../images/slide1.jpg)center no-repeat;}
#main .flexslider ul.slides li.sl2 {background: url(../images/slide2.jpg)center no-repeat;}
#main .flexslider ul.slides li.sl3 {background: url(../images/slide3.jpg)center no-repeat;}
.flexslider img {display:block;}
#main .flexslider ul.slides img{margin:0 auto;}
.main_content {width:1200px;margin:auto; padding:40px 0;}

.main_content .left .map {margin-right:13px;}
.main_content .right .card {float:left; border:1px solid #c4c4c4; }
.main_content .right .card:nth-child(2n) {background:#005e68; }

.main_content .right .card_mg {margin-left:20px; }
.card, .cards>.card {
    max-width: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 213px;
    min-height: 0;
    background: #FFF;
    padding: 0;
   /* box-shadow: 0 1px 3px 0 #D4D4D5, 0 0 0 1px #D4D4D5; */
    z-index: '';
}
.main_content .right .card .image {overflow:hidden;}
.card>.image, .cards>.card>.image {
    position: relative;
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0;
    background: rgba(0,0,0,.05);
}
.card>.image>img, .cards>.card>.image>img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: inherit;
}
.main_content .right .card .content {padding:17px 20px 10px;text-align:center;}
.main_content .right .card .content p {font-size:17px; margin-bottom:5px;color:#005e68;}
.main_content .right .card:nth-child(2n) .content p {color:#fff;}
.main_content .right .card .content span {font-size:13px; color:#a8a8a8;line-height:1.2;}
.main_content .right .card .box_btn {text-align: center;background:#fff; font-weight:bold; border:1px solid #c4c4c4;margin:0 40px; margin-top:5px;margin-bottom:18px; font-size:14px; padding:3px 18px;
-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}
.main_content .right .card .box_btn:hover {background-color:#eee; color:#00a1bd;}
.main_content .right .card .box_btn span {font-size:13px; color:#00a1bd; font-weight:bold; vertical-align:1px;}

.main_content > ul > li {float:left;}
.main_content > ul > li.output {width:240px;border-left:1px #e0e0e0 solid;height:236px;}
.main_content > ul > li.output .top {width:100%;height:54px;border-bottom:1px #e0e0e0 solid;line-height:54px;padding:0 21px;}
.main_content > ul > li.output .top span {font-size:18px;font-weight:bold;}
.main_content > ul > li.output .top span.title {float:left;color:#3a3a3a;}
.main_content > ul > li.output .top span.more {float:right;color:#d21414;}
.main_content > ul > li.output .inner {width:100%;padding:18px 21px;text-align:left;}

.banner {background:#dbdbdb;}
.banner .ban_inner {width:1200px; margin:0 auto; height:77px; line-height:77px; }
.banner h3 {float:left; font-size:17px; letter-spacing:-0.08em;}


footer {width:100%; border-top:1px solid #e5e5e5;}
#footer {width:1200px; margin:0 auto;display:inline-block;position:relative;}
.f_logo {padding-top:25px;}
.footer_txt {margin:20px auto;display:inline-block;text-align:left;font-size:12px;color:#acacac;line-height:185%;padding-left:12px;}
.footer_txt span {padding-right:10px;}


/* 서브 공통*/
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}

/* 서브 */
#sub {width:100%; min-width:1200px;margin:auto;border-bottom:1px #d0d0d0 solid;}
#sub_top {width:100%; min-width:1200px;height:245px;}
#sub_top .top1 {width:100%; background:url(../images/sub1_top.jpg) center;height:245px;}
#sub_top .top2 {width:100%; background:url(../images/sub2_top.jpg) center;height:245px;}

/* 서브 left */
#sub_content {width:1200px;margin:0 auto 50px;position:relative;z-index:10}
#sub_content .left {width:240px;float:left;text-align:justify;margin-top:25px;}
#sub_content .left .snb_title {width:100%;background:#067285;}
#sub_content .left .snb_title h2 {color:#fff;padding:44px 0 44px 30px;}
#sub_content .left .snb_title span {color:#e18989; font-size:15px;padding-left:22px;}
#sub_content .left .snb {width:100%;line-height:46px;font-size:15px;color:#62554e;margin:1px auto;}
#sub_content .left .snb li {border-bottom:1px #d0d0d0 solid;width:100%;font-size:15px;}
#sub_content .left .snb a {display:block;padding-left:30px;position:relative;}
#sub_content .left .snb li > a.on, #sub_content .left .snb li > a:hover {background:#058da4; font-weight:bold; color:#fff;}
#sub_content .left .snb a.on:after {content:"";color:#fff;position:absolute;right:20px;background:url(../images/menu_hover.png) no-repeat center;width:9px;height:9px;top:19px;}


/* 서브 right */
#sub_content .right {float:right;width:900px; margin-top:25px;}
#sub_content .right .title h2 {font-size:35px;text-align:justify;padding:40px 0; float:left;}
#sub_content .right .title p.route {float:right;font-size:12px;font-weight:normal;margin-top:75px;color:#aaaaaa;}
#sub_content .right .title {width:100%;border-bottom:1px solid #d5d5d5;}

/* 서브 본문 content */
#sub_content .right #content {width:100%; margin:40px auto;text-align:justify;}
#sub_content .right #content h3 {margin-bottom:10px;}
#sub_content .right #content p {letter-spacing:-0.06em;}


#sub_content .right #content {width:100%;}
.t_right {text-align:right;}
.t_center {text-align:center;}

/* 의사회 소개 */
/*#content .greeting {background:url(../images/sub1_1.png) no-repeat right top;}*/
#content .greeting p {font-size:17px;line-height:1.56;font-weight:400;word-wrap: break-word;word-break: keep-all;}
#content .greeting p + p {margin-top:15px;}
#content p.welcome {font-family:'Nanum Myeongjo',serif; font-size:27px;font-weight:800;}
#content .greeting p span {display:inline-block;margin-bottom:10px;}
#content p.welcome span {color:#1facc4;margin-bottom:0;}

/* 임원진소개 */
.tg2  {width:100%; border-spacing:0 10px;}
.tg2 td {font-family:'Nanum Gothic', sans-serif;font-size:15px;padding:10px 10px;overflow:hidden;word-break:normal;border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;}

.tg2 .tg-s6z2{text-align:center;font-weight:bold;font-size:17px;}
.tg2 .tg-first  {padding:15px 10px;text-align:center;font-size:17px;border:0; font-weight:bold;}
.tg2 .tg-15ym{background-color:#f47651;color:#ffffff;text-align:center}
.tg2 .tg-37q1{background-color:#f7ae3b;color:#ffffff;text-align:center}
.tg2 .tg-cupj{background-color:#058da4;color:#ffffff;text-align:center}
.tg2 .tg-mft1{background-color:#1facc4;color:#ffffff;text-align:center}
.tg2 .tg-fy0z{background-color:#166f16;color:#ffffff;text-align:center}

/* 학회 연혁 */
.tg3 {width:100%;}
.tg3 + .tg3 {margin-top:15px;padding-top:15px;/*border-top:1px solid #e5e5e5;*/}
.tg3 td {font-family:'Nanum Gothic', sans-serif;font-size:15px;padding:7px 10px;overflow:hidden;word-break:normal;vertical-align:top;line-height:1.5;border-bottom:1px dotted #ddd;}
.tg3 .tg-c3ow{text-align:center;vertical-align:top;font-family:'Nanum Myeongjo',serif;font-size:29px;color:#058da4;font-weight:800;}
.tg3 .tg-p8bj{font-weight:bold;border-color:inherit;vertical-align:top}
.tg3 .c_orange {color:#e96c10;}
.tg3 .c_green {color:#058da4;}

#sub #content ul.tabs { width:100%;display:inline-block;border-bottom:2px #058da4 solid; position:relative;height:50px;line-height:50px;}
#sub #content ul.tabs li {float:left;text-align:center; font-size:18px;  margin:0 1px; width:200px;background:#f5f5f5; height:48px;line-height:48px;}
#sub #content ul.tabs li a {display:block;}
#sub #content ul.tabs li.active  { border:2px solid #058da4; background:#fff; border-bottom:none;height:50px;line-height:50px;}
#sub #content .tab_content {padding: 40px 0 0 0; }

/* 학회회칙 */
#content h3.nanum-m {font-family:'Nanum Myeongjo',serif; font-size:27px;font-weight:800;}
.rule {margin-top:30px;}
.rule h4 {margin-bottom:8px;font-size:19px;color:#058da4;}
.rule ul + h4 {margin-top:23px;}
.rule ul li {margin-bottom:10px;line-height:1.5;}

.rule ul li .second {padding-left:15px;margin-top:8px;}
.rule ul li li {font-size:15px;margin-bottom:5px;}
.rule ul li ol li {list-style:decimal; list-style-position:inside;}

/* 오시는길*/
.location {margin-top:25px;}
.location p {font-size:18px;margin-bottom:10px;font-weight:700;}
.location p span {color:#058da4;}



.w50 {width:50%;}

/* ===============================
            류마티스 정보
================================ */
.sub_top {width:100%;}
.sub_top > div {width:50%; float:left;}
.sub_top .txt_box {background:#1bc0dc;padding:0 50px;height:292px;}
.sub_top .txt_box .text {margin-top:90px;}

.sub_top .txt_box .text p {position:relative;color:#fff;font-size:20px;font-weight:700;line-height:1.8;}
.sub_top .txt_box .text p:before {position:absolute;content:'';width:22px;height:4px;background:#fff;top:-15px;}

.sub_top + #content_inner {margin-top:50px;}
#sub_content .right #content #content_inner p {/*word-wrap: break-word;word-break: keep-all;*/line-height:1.6;}
#sub_content .right #content h3 {color:#1facc4;font-size:27px; font-weight:800;position:relative;margin-left:30px;margin-bottom:20px;}
#content_inner h3:before {position:absolute;content:"";width:18px;height:18px;background:url(../images/bullet1.gif) no-repeat;margin-left:-30px;top:12px;}

.cont_area + .cont_area {margin-top:60px;}
.cont_area p + p {margin-top:20px;}
/* 골관절염 */
.sub2_1_col p {width:530px;}
.sub2_4_col p {width:98%;}

.tg  {width:100%; border-collapse:collapse;border-spacing:0;}
.tg td{font-family:'Nanum Gothic', sans-serif;font-size:15px;padding:10px 10px;overflow:hidden;word-break:normal;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;line-height: 1.5;}
.tg td:last-child {border-right:0;}
.tg th{font-family:'Nanum Gothic', sans-serif;font-size:18px;padding:10px 5px;overflow:hidden;word-break:normal;border-bottom:1px solid #e5e5e5;}
.tg .tg-s6z2{text-align:center;background:#f5f5f5;font-weight:700;}
.tg .tg-hgcj{font-weight:bold;text-align:center; background:#1facc4;color:#fff;}
.tg .tg-031e {padding:20px;}

.def_box_wrap {width:100%;margin-top:20px;}
/*.def_box_wrap .def_box {float:left;width:46%;margin-left:2%;margin-right:2%;background:#f5f5f5;margin-bottom:30px;}
.def_box_wrap .def_box h4 {color:#fff;width:100%; text-align:center;background:#1facc4;padding:10px;font-size:20px;}
.def_box_wrap .def_box .txt {padding:20px 25px;font-size:16px; height:220px;}
.def_box_wrap2 .def_box {width:100%;}
.def_box_wrap2 .def_box .txt {height:auto;}*/
.def_box_wrap {  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;}
.def_box_wrap .def_box {
  flex: 50%;
  max-width: 50%;
  padding: 0 8px;

}
.def_box_wrap .def_box h4 {color:#fff;width:100%; text-align:center;background:#1facc4;padding:10px;font-size:20px;}
.def_box_wrap .def_box .txt {padding:20px 25px;font-size:16px; background:#f5f5f5;}
.def_box_wrap .def_box h4  {
  margin-top: 16px;
  vertical-align: middle;
}


/* 전문병원안내 */
.tg .tg-88nc {font-weight:bold;text-align:center; background:#1facc4;color:#fff;}
.hospital_list .tg .tg-l711 {font-size:15px;}

.map_wrap {position:relative;}
.pointer {
    display: block;
    cursor: pointer;
    position: absolute;
}
#pointer1 { /* 서울 */
    width: 20px;
    height: 20px;
    top: 92px;
    left: 651px;
}
#pointer2 { /* 인천 */
    width: 20px;
    height: 20px;
    top: 90px;
    left: 609px;
}
#pointer3 { /* 경기 */
    width: 20px;height: 20px;
    top: 115px;left: 674px;}
#pointer4 { /* 강원 */
    width: 20px;height: 20px;
    top: 87px;left: 740px;}
#pointer5 { /* 충남 */
    width: 20px;height: 20px;
    top: 176px;left: 634px;}    
#pointer6 { /* 대전 */
    width: 20px;height: 20px;
    top: 188px;left: 673px;}
#pointer7 { /* 충북 */
    width: 20px;height: 20px;
    top: 146px;left: 696px;}
#pointer8 { /* 경북 */
    width: 20px;height: 20px;
    top: 181px;left: 762px;}
#pointer9 { /* 대구 */
    width: 20px;height: 20px;
    top: 230px;left: 749px;
}
#pointer10 { /* 전북 */
    width: 20px;height: 20px;
    top: 239px;left: 653px;
}
#pointer11 { /* 경남 */
    width: 20px;height: 20px;
    top: 270px;left: 726px;}
#pointer12 { /* 울산 */
    width: 20px;height: 20px;
    top: 250px;left: 792px;}
#pointer13 { /* 부산 */
    width: 20px;height: 20px;
    top: 277px;left: 781px;}    
#pointer14 { /* 광주 */
    width: 20px;height: 20px;
    top: 286px;left: 635px;}
#pointer15 { /* 전남 */
    width: 20px;height: 20px;
    top: 322px;left: 653px;}
#pointer16 { /* 제주 */
    width: 20px;height: 20px;
    top: 382px;left: 620px;}
#pointer17 { /* 세종 */
    width: 20px;height: 20px;
    top: 168px;left: 661px;}


/* 회원주소록 
#table {margin-top: 0px; position: relative;height:820px;overflow-y:scroll;}
#table .tb_left, #table .tb_right {position:absolute;}
#table .tb_left {left:0;z-index:10;width:35%;}
#table .tb_right {left:35%;width:1000px;}

#table .tg td {padding:5px 8px;}
#table .tg th {font-size:15px;}
.tb_right .tg {width: 1000px;}
#table .tb_right th:nth-child(3) {width:180px;}
#table .tb_right th:nth-child(4) {width:150px;}
*/
#table .tg td {padding:5px 8px;}
#table .tg th {font-size:15px;border-right:1px solid #189692;border-bottom:0;}
#table .tg th:last-child {border-right:0;}
.tg .tg-e3zv {font-weight:bold;text-align:center;}
#table .tg .tg-88nc{font-weight:bold;text-align:center;background:none;color:#444;}
.tg .tg-8m2u{font-weight:bold;border-color:inherit}
#table .tg td.tg-hgcj , #table .tg td.tg-lis7 {background:#fff;color:#1facc4;}
#table .tg td.tg-lis7 {text-align:center;font-weight:bold;}
#table .tg td.tg-bb{border-bottom:1px solid #ccc;}

.snb .number {display:inline-block;}
.snb .number li {float:left;margin-left:5px;margin-right:5px;}
.snb .number li a {border:1px solid #e5e5e5;padding:2px 8px;}
.snb .number li a:hover {background:#f5f5f5;}
.snb .number li a.on {background:#189692;color:#fff;font-weight:bold;}


/* 관련사이트 */
.website {padding:0 10px;}
.web_banner {float:left;width:25%;padding:10px;text-align:center;}
.web_banner a {display:inline-block;}

/* 폼메일_견적문의 */
#sub #content textarea[name="description"] {width:97%;}

td.gallery_subject {vertical-align:top; height:50px;}
/*.board td[align="left"] {height:45px;}*/
.board td, .board a, .board a:link, .board a:visited {font-family:'맑은고딕','dotum',sans-serif !important;font-size:15px;}
table.board {
    width: 100%;
    border:0;
}
table.board td {
    border-bottom: 1px #e5e5e5 solid;
    padding: 4px;
    border-left: 0;
    border-right: 0;
}
table.board .board_admin_bgcolor td {border:0;padding:0;}

#search_table {vertical-align:top;}
#search_table tr {vertical-align:top;}
.est_cate_cell select {margin-top:1px;height:21px;vertical-align:top;}
.est_keyword_cell input {height:21px;margin-top:1px;vertical-align:top;}
.est_btn_cell input {margin-top:1px;height:21px;width:auto;vertical-align:top;}


/* 멤버십 */
.member_txt td {padding:6px 10px;border-bottom: 1px #e5e5e5 solid;}
.member_td_bgcolor {width: 20%;}