@charset "utf-8";
@import 'board.css';

@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&family=Nanum+Myeongjo&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
body {font-family: '나눔고딕', 'Nanum Gothic', sans-serif;}




/* 간격 */
.mt0{margin-top:0px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}
.mt70{margin-top:70px !important}
.mt100{margin-top:100px !important}
.pt90{padding-top:90px !important}

.mr0 {margin-right:0 !important;}






/* 공통 */
body {margin:0 auto; padding:0; text-align:center; width:100%; overflow-x:hidden; background:url(../images/common/bg.gif) repeat-x #fff; font-family: 'Noto Sans KR', sans-serif;}


body, table, th, td, tr, pre, option, input, select, textarea, input {font-family: 'Nanum Gothic', sans-serif; font-size:13px; color:#444; line-height:20px;}
caption{visubility:hidden; height:0px; font-size:0px; line-height:0px; width:0px; overflow:hidden;}
img,fieldset {border:0 none; padding:0;}      
dl,ul,ol,li {list-style:none;margin:0;padding:0;}      
h,h1,h2,h3,h4,h5,dl,dt,dd,ul,li,ol,th,td,p,blockquote,form,fieldset,legend {margin:0;padding:0;}

a:link, a:visited, a:active {color:#555; text-decoration:none; font-size:12px;}
a:hover {color:#3e7bb1; text-decoration:none; font-size:12px;}

/**************************************************** contants 요소 ************************************************/
.png24 {tmp:expression(setPng24(this));}
.select_01 {behavior: url('../css/selectbox_company.htc');}


/**************************************************** form *********************************************************/
.search_box {font-family:verdana,dotum; padding-left:3px; font-size:12px; border:solid 1px #dadada;}
.re_box {font-family: dotum; padding-left:3px; font-size:12px; height:64px; border:solid 1px #c1c1c1; background:#fafafa;}
.box {font-family:verdana,dotum; padding-left:3px; font-size:12px; border:solid 1px #d1d1d1;}
.box01 {font-family:verdana,dotum; padding-left:3px; font-size:12px; border:solid 1px #d1d1d1; background:#fafafa;}
.box02 {font-family:verdana,dotum; padding-left:3px; font-size:12px; border:solid 1px #d6d6d6;}
.form_box {font-family:verdana,dotum; padding-left:3px; font-size:12px; border:solid 1px #dadada; background:#fafafa;}
.radio {font-family:dotum; padding-left:3px; font-size:12px; color: #777; border:solid 1; border-color:#fff;}	
.check {font-family:dotum; padding-left:3px; font-size:12px; color: #777; border:solid 1; border-color:#fff;}

/**************************************************** 공통_레이아웃 ************************************************/

.fl  {float:left;}
.fr  {float:right;}
.clear  {clear:both;}
.clear_l  {clear:left;}



* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.cboth {clear:both;}
.clear:after{content:"";height:0;font-size:0;visibility:hidden;display:block;clear:both;}
.clear{zoom:1;display:block;}



/*--------------------------------------------------------- wrap ------------------------------------------------*/

#wrap  {margin:0 auto; padding:0; width:100%; text-align:center; position:relative;}

/*--------------------------------------------------------- header ------------------------------------------------*/

#header {margin:0 auto; padding:0; width:960px; text-align:center; position:relative;}
#header .top_link {margin:0 auto; padding:0; width:480px; position:absolute; top:35px; right:50%; margin-right:-480px; text-align:right; z-index:10;}
#header .top_link li {float:right; padding-left:10px; display:inline; *zoom:1; line-height:1px;}

#header #sub_visual {clear:both; margin:0 auto; padding:0; width:960px; text-align:center;}

/*--------------------------------------------------------- footer ------------------------------------------------*/

#footer {margin:0 auto; padding:0; width:100%; text-align:center; padding:25px 0; position:relative; background:url(../images/common/foot_bg.gif) repeat-x; overflow:hidden;}
#footer #foot_area {margin:0 auto; padding:0; width:960px; text-align:center;}
#footer #foot_area .foot_img {float:left; width:810px; text-align:left;}
#footer #foot_area .foot_link {float:right; width:140px; padding-top:2px; text-align:right;}
#footer #foot_area .foot_link li {display:inline; background:url(../images/common/foot_line.gif) no-repeat 0 50%; padding-left:7px; *zoom:1; line-height:1px;}
#footer #foot_area .foot_link .back_none {background:none; padding-right:7px;}

.footer {position:relative; clear:both;  width:960px;  margin:0 auto; padding:0; text-align:left; font-size:12px; letter-spacing:-0.04em;}
.footer .logo {position:relative; float:left; width:70px;}
.footer .address {position:relative; float:left; margin-left:25px;}
.footer .address ul li {float:left; padding-left:10px;}
.footer .address ul li.tt {width:130px; padding-left:0; background:url(../images/common/f_line.jpg) no-repeat right; font-weight:600; color:#333; }
.footer .address .info {position:relative; clear:both; padding-top:10px; }
.footer .f_m {float:right;}
.footer .f_m ul li {float:left; font-weight:600; margin-left:10px; padding-right:10px;background:url(../images/common/f_line.jpg) no-repeat right; }
.footer .f_m ul li:last-child {padding-right:0; background:none;}

.footer .corp {position:relative; clear:both; border-top:1px solid #efefef; padding-top:10px; margin-top:10px;}
.footer .corp ul li {float:left; margin-left:40px;}
.footer .corp ul li.tt {width:50px; margin-left:0; padding-top:10px;text-align:right;}


/*--------------------------------------------------------- contents ------------------------------------------------*/
#contants {clear:both; margin:0 auto; padding:0; width:960px; text-align:left; margin-top:110px; padding-bottom:60px; overflow:hidden; position:relative;}

/*--- left 컨텐츠 ---*/
#contants .lnb {padding:0; margin:0 auto; float:left; width:190px; text-align:left; position:relative;}

/*--- right 컨텐츠 ---*/
/*#contants #ri_con {padding:0; margin:0 auto; float:right; width:710px; position:relative;}
#contants #ri_con h2 {float:left; text-align:left; display:inline;}
#contants #ri_con .navi {padding:0; margin:0 auto; float:right; text-align:right; font-size:11px; line-height:11px; padding-top:5px; display:inline;}
#contants #ri_con .navi span {font-weight:bold;}

#contants #ri_con .con {width:710px; text-align:left; padding-top:30px; min-height:400px;}
*html #contants #ri_con .con {height:400px; width:710px;}
*/
/*--- right 컨텐츠 ---*/
#contants #ri_con {padding:0; margin:0 auto; float:right; width:710px; margin-right:20px; _margin-right:0;}
#contants #ri_con h2 {float:left; text-align:left; display:inline;}
#contants #ri_con .navi {padding:0; margin:0 auto; float:right; text-align:right; font-size:11px; line-height:11px; padding-top:5px; display:inline;}
#contants #ri_con .navi span {font-weight:bold;}

#contants #ri_con .con {clear:both; width:710px; text-align:left; padding-top:30px; min-height:400px;}
*html #contants #ri_con .con {height:400px; width:710px;}

/*--------------------------------------------------------- quick ------------------------------------------------*/

#quick {margin:0 auto; padding:0; position:fixed; width:100px; text-align:left; left:50%; top:200px; margin-left:490px;}
#quick .info {position:relative; clear:both; border:1px solid #c0c0c0; background:#fdfdfd; padding:10px; border-radius:10px; font-size:11px; line-height:15px;}
#quick .info ul li {position:relative;clear:both; padding-top:5px; color:#222;}
#quick .info .tt {text-align:center; font-weight:600; color:#71ae13; font-size:12px;}
#quick .info .tt img {margin:0 3px -2px 0;}
#quick .info strong {color:#000;}
#quick .info span {float:right; }

#quick .info .lunch {font-size:9px; text-align:center; line-height:12px; color:#666;padding:3px 0 15px 0;}
#quick .info .link {text-align:center; margin-top:10px;}
#quick .info .link img {margin-bottom:5px;}
#quick .info .link a {display:block;font-weight:600; color:#378021; font-size:12px; line-height:15px; }


/*--------------------------------- 성인,청소년소아클리닉,치료,평가프로그램  ------------------------------------------------*/
#ri_con .con h4 {margin:45px 0 20px 0; background:url(../images/common/h_4bg.gif) repeat-x left bottom; height:27px; width:100%;}
#ri_con .con h5 {padding:0 0 5px 13px; margin:20px 0 15px 0; color:#579011; font-size:14px; background:url(../images/common/bul01.gif) no-repeat left 50%;}
#ri_con .con h6 {margin:0; font-size:12px;}
#ri_con .con p span {font-weight:bold;}
#ri_con .con .con_t01 {border-bottom:1px solid #d6e6c1; border-top:2px solid #9bbf6b; border-collapse:collapse; margin:10px 0; width:100%;}
#ri_con .con .con_t01 td {border:1px solid #d6e6c1; border-bottom:none; padding:6px 10px;}
#ri_con .con .con_t01 th {border:1px solid #d6e6c1; border-bottom:none; padding:6px 10px; color:#6ca154; background:#eff4e7; text-align:center;}
#ri_con .con .top_h {margin-top:10px;}
#ri_con .con .top_p {margin-top:10px;}
#ri_con .con .valu_div {background:url(../images/valuation/div_bg01.gif) repeat-x left bottom; width:660px; height:40px; border:1px solid #c6e1b8; padding:20px;}
.con .top {float:right; margin-top:-27px;}
.ta_c {text-align:center;}
.td01 {background:#eff4e7; padding:15px 10px;}

#image_pop {margin:0 auto; padding:0; position:absolute; top:0; left:50%; width:190px; text-align:center;}


#snb {float:left; width:190px;}
#snb h2 {width:190px; height:60px;}
#snb ul li {width:190px; height:30px; border-bottom:1px solid  #e1e1e1; font-size:0; line-height:1;}
#snb ul li.snbs {height:auto; padding:5px 15px 15px 15px;}

h1 {position:absolute; left:0; top:29px;}
h3 {position:relative; clear:both; font-size:15px; font-weight:600; color:#61993b; margin-top:50px; padding-top:10px;background:url(../images/sub/h3_icon.jpg) no-repeat 0 0;}

.clear:after{content:"";height:0;font-size:0;visibility:hidden;display:block;clear:both;}
.clear{zoom:1;display:block;}

/* GNB */

#topmenu {position:relative; width:960px; margin:0 auto; background:url(../images/common/lnb_bg.jpg) repeat-x; top:92px; z-index:9999;}
#lnb{ position:relative; width:840px; margin:0 auto;  font-size:0; line-height:1;}
#lnb li{ position:relative; float:left; }

#lnb ul{ display:none; position:absolute; clear:both; top:30px;}
#lnb ul li{padding:0 10px;}
#lnb ul li a{ display:block; overflow:hidden; height:22px; margin-top:0; padding:5px 0;}
#lnb ul li a img{ vertical-align:top;}

#lnb .s1{ left:0; width:500px;}
#lnb .s2{ left:0; width:500px;}
#lnb .s3{ left:-250px; width:650px;}
#lnb .s4{ left:0; width:300px;}
#lnb .s5{ left:0; width:500px;}
#lnb .s6{ left:-200px; width:700px;}
#lnb .s7{ left:0; width:500px;}
#lnb .s8{ left:0; width:300px;}
#lnb.hover{ height:30px;}
#bg_slnb{ display:none; position:absolute;  top:122px; width:960px; height:33px; left:50%; margin-left:-480px; background:url(../images/common/smenu_bg.jpg) no-repeat; z-index:998;}


#s_visual {position:relative; width:960px; margin:0 auto; top:92px;}
.lnbbg {clear:both; position:absolute; top:0;width:960px;height:33px; background:url(../images/common/smenu_bg.jpg) no-repeat; z-index:997;}






.location {position:relative; clear:both;}
.location .contact {position:relative; clear:both; margin-top:20px;}
.location .contact ul li {float:left; margin-right:50px;}
.location .contact ul li:3th-child {margin-right:0;}
.location .contact ul li.clear {color:red;}
.location .contact ul li span {color:#333; font-size:14px; font-weight:600;}
.location .map {position:relative; clear:both; }



.con_table {position:relative; clear:both; border-top:2px solid #333; border-right:1px solid #e6e6e6; }
.con_table th { color:#2a2a2a;  font-weight:700; background:#f3f3f3;}
.con_table td.a_l {text-align:left;}
.con_table th, .con_table td {padding:7px 15px; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; text-align:center;}


.center_greeting {position:relative; clear:both;}
.center_greeting .img {float:left; width:220px;}
.center_greeting .text {float:right; width:460px;}
.center_greeting .text p {margin-bottom:15px;}
.center_greeting .text p span {font-size:15px; font-weight:600; color:#61993b;}

.hospital_greeting {position:relative; clear:both;}
.hospital_greeting .text {position:relative; clear:both;}
.hospital_greeting .text p {margin-bottom:15px;}
.hospital_greeting .text p span {font-size:15px; font-weight:600; color:#61993b;}


.profile  {position:relative; clear:both;}
.profile .box {position:relative; clear:both; padding:25px; border:1px solid #dfdfdf; margin-top:20px;font-family: 'Nanum Gothic', sans-serif; }
.profile .box .img {position:relative;  float:left; width:155px;}
.profile .box .info {position:relative;  float:right; width:475px; min-height:200px;border-left:1px solid #efefef; padding-left:25px;}
.profile .box .info .name {position:relative;  float:left; width:180px;font-weight:700; letter-spacing:-0.05em;}
.profile .box .info .name p {font-size:23px; color:#3ba9c5;  margin-top:10px;}
.profile .box .info .history {position:relative;  float:right; width:250px;}
.profile .box .info .history ul li {background:url(../images/hospital/icon_dot.jpg) no-repeat 0 10px; padding-left:8px; font-size:13px; line-height:23px;}



/* =========== popup =========== */
.popup {width:auto; padding:0;}
.today_stop {position:relative; background:#aaa;  color:#fff; text-align:right; padding:5px 10px 5px 10px; font-size:13px; letter-spacing:-0.03em; line-height:10px; margin-top:-5px;}
.today_stop input {width:20px; height:20px; margin:0 3px 3px 7px; }
.today_stop a {color:#fff; font-weight:bold; margin-left:15px;}
.today_stop img {margin:4px 0 0 0;}
.today_stop span {position:absolute; right:75px; top:15px;}