@charset "utf-8";
/* 전체_기본_공통적용*/
html,body {min-width:1260px !important; position:relative;}
#wrap {width:100%;text-align:center;}
#header {width:100%;}
#container {width:100%;}

#com_menu {width:100%; position:relative; margin:0 auto; background:rgba( 0, 0, 0, 0.4 ); transition:all 0.4s;}/*상단메뉴로고부분*/

#com_menu .st_Nav {position:absolute;top:14px;right:0px;margin:0px; padding:0px;z-index:100;}
#com_menu .st_Nav li {float:left; padding:0 7px 0 7px; background:url(../images/com_top_line.png) no-repeat 0px 1px;}
#com_menu .st_Nav li.first {background:none;}
#com_menu .st_Nav img {vertical-align:top;}



.product_list {width:1260px; position:absolute; top:681px; left:50%; margin-left:-630px; z-index:21;}
.product_list:after { content:""; display:block; clear:both;}
.product_list dl {width:315px; float:left;}
.product_list dl dt { position:relative; height:373px; background:#f1f1f1; }
.product_list dl dt .img_wrap { position:relative; width:315px; height:347px; overflow:hidden;}
.product_list dl dt .timg { 
	position:absolute; 
	z-index:1; 
	top:0; 
	left:0;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.2s;
    -moz-transition:.2s;
    -ms-transition:.2s;
    -o-transition:.2s;
    transition:.2s;
}
.product_list dl:hover .timg { 
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);   
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
.product_list dl dt p { position:absolute; z-index:1; bottom:0; left:42px; display:block; width:232px; padding:17px 0; text-align:center; vertical-align:middle; color:#fff; font-size:19px; font-weight:200;}
.product_list dl.dl_type1 dt { background:#f1f1f1;}
.product_list dl.dl_type2 dt { background:#e9e9e9;}
.product_list dl.dl_type1 dt p { background:#465569;}
.product_list dl.dl_type2 dt p { background:#003784;}
.product_list dl.dl_type1 dd { background:#f1f1f1;}
.product_list dl.dl_type2 dd { background:#e9e9e9;}
.product_list dl dd { position:relative; text-align:center; padding:22px 0 80px 0; font-size:16px; font-weight:200;}
/**.product_list dl dd .more { display:block; width:75px; height:13px; margin:0 auto; padding-top:22px;}**/
.product_list dl dd .more { position:absolute; left:120px; top:40px; display:block; width:75px; height:13px; z-index:2;
	transition:all .3s ease !important;
	-moz-transition:all .3s ease !important;
	-webkit-transition:all .3s ease !important;
	-o-transition:all .3s ease !important;
}
.product_list dl:hover dd .more {
	padding-left: 15px;
}

.pro_info{
	/* margin-top:80px; */
	padding-top:40px;
	border-top:1px solid #c9cccf;
	
}

.pro_info:after{
	display:block;
	clear:both;
	content:"";
}
.pro_info > div{
	float:left;
	width:48%;
	
}
.pro_info > div:last-child{
	margin-left:4%;
}
 .pro_info p{
	display:block;
	padding:20px 0;
	/* background: #faf5d2;*/
	border: 1px solid #c9cccf;

} 
.pro_info h5{
	font-weight: bold;
    font-size: 20px;
    color: #003784;
	margin-bottom:30px;
}
.pro_info ul{
	border:1px solid #c9cccf;
	margin-bottom:80px;
	/* background:#f5f9ff;
	padding:20px; */

}
.pro_info ul > li:before{
	content:"";
	display:inline-block;
	width:6px;
	height:6px;
	border-radius:10px;
	/* background:#003784; */
	margin-bottom:3px;
	margin-right:5px;
}
.pro_info ul > li{
	vertical-align:top;
	text-align:left;
	display:inline-block;
	width:100%;
	/* margin-bottom:10px; */
	font-size:16px;
	/* padding:10px; */
	box-sizing:border-box;
	line-height:24px;
	
}
.pro_info ul > li:nth-child(3n+1){
	clear:both;
	margin-left:0;
}

.pro_info .title {
    color: #111111;
    font-weight: 500;
    font-size: 26px;
    padding: 30px 0 20px 0;
	margin-bottom:30px;
	width: 100%;
}




.pro{
	margin-top:30px;
	/* margin-bottom:50px; */
}
.pro:after{
	display:block;
	clear:both;
	content:"";
}
.pro> div{
	float:left;
	width:49%;
    margin-right: 2%;
/* 	margin-bottom:20px; */
	
}
.pro> div:last-child{
	float:left;
	width:49%;
    margin-right:0%;
}
.pro p{
 	display: block;
    text-align: left;
    line-height: 34px;
    font-weight: 500;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 50px;
    color: #222;
 }

 .pro .text p{
    display: block;
    text-align: left;
    color: #222;
    line-height: 36px;
    font-weight: 500;
    font-size: 18px;
    padding-top: 80px;
    padding-left: 15px;
 }

.pro h5{
	font-weight: bold;
    font-size: 20px;
    color: #003784;
	margin-bottom:30px;
}
.pro ul{
/* 	border:1px solid #c9cccf; */
	margin-bottom:50px;
}
.pro ul > li{
	vertical-align:top;
	text-align:left;
	display:inline-block;
	width:100%;
	font-size:16px;
	box-sizing:border-box;
	line-height:24px;
	margin-bottom:25px;
}


.pro .title {
    color: #111111;
    font-weight: 500;
    font-size: 34px;
    padding: 30px 0;
    margin-top: 80px;
    text-align: left;
    font-weight: 600;
	margin-bottom: 20px;
}


.iron_info{
	/* margin-top:80px; */
	padding-top:50px;
	border-top:1px solid #c9cccf;
}
.iron_info:after,
.iron_sec03:after{
	display:block;
	content:"";
	clear:both;
}	
.iron_info h5{
	font-size:20px;
	font-weight:bold;
	color:#003784;
	margin-bottom:20px;
	text-align:left;
}
.iron_info table{
	width:100%;
}
.iron_info .iron_sec01,
.iron_info .iron_sec02{
	float:left;
}
.iron_info .iron_sec01{
	width:40%;
	margin-bottom:5%;
	margin-top:9%;
}
.iron_info .iron_sec02{
	margin-right:5%;
	width:55%;
}

.iron_info .iron_sec03{
	margin-bottom:5%;
}

.iron_info .iron_sec03 table{
	float:left;
	width:49%;
}
.iron_info .iron_sec03 table:last-child{
	margin-left:2%;
}


/* 탭메뉴 */
/* images */
.listTab li a .button1{ background-image:url(../images/main_tt_01.gif); width:95px; height:22px;background-position:0 -22px;}
.listTab li a .button2{ background-image:url(../images/main_tt_01.gif); width:95px; height:22px;background-position:-90px 1px;}
.listTab.m1 .m1 a .button1{ background-image:url(../images/main_tt_01.gif); width:95px; height:22px;background-position:0 1px;}
.listTab.m2 .m2 a .button2{ background-image:url(../images/main_tt_01.gif); width:95px; height:22px;background-position:-90px -22px;}

/* Lined Tab */
.listTab{width:100%;}
.listTab ul{ position:relative; font-size:12px; *zoom:1;}
.listTab ul:after{ content:""; display:block; clear:both;}
.listTab li{ float:left; -margin-bottom:-1px;text-align:left;}
.listTab li a span{ display:inline-block; cursor:pointer;}
.listTab li ul{ display:none; width:300px; position:absolute; top:40px; left:0; border:0; margin:0; padding:0; *zoom:1;}
.listTab li ul:after{ content:""; display:block; clear:both;}
.listTab li li{ float:none; position:relative; -margin:0 0 8px 0; color:#999;background:url(../images/main_news_dot.gif) no-repeat 6px 10px;padding-left:15px; line-height:24px;}
.listTab li li a{ float:none; padding:0; margin:0; border:0 !important; color:#666 !important; font-weight:normal; background:transparent; letter-spacing:normal;text-decoration:none;}
.listTab li li a:hover,
.listTab li li a:active,
.listTab li li a:focus{ color:#000 !important; text-decoration:none;}
.listTab li li date,
.listTab li li .date{ position:absolute; top:0; right:0;}
.listTab li li.more{ position:absolute; top:-35px; right:0; border:0 !important; background:transparent;}

.listTab.m1 .m1 ul,
.listTab.m2 .m2 ul{ display:block;}

/* jsOff */
.listTab.jsOff{ height:auto;}
.listTab.jsOff ul{ border:0;}
.listTab.jsOff li{ float:none; position:relative;}
.listTab.jsOff li a{ float:none; display:block; font-weight:bold; color:#333;}
.listTab.jsOff li ul{ position:static; display:block; left:0; top:0;}
.listTab.jsOff li li a{ display:inline; border:0 !important; background:none !important; font-weight:normal;}
.listTab.jsOff li li.more{ top:7px; right:15px;}

/* 메인 */

#main_contents {width:1260px; margin:0 auto; padding-top: 170px; padding-bottom:0; }/*메인 컨텐츠 부분_섹션으로 css구분*/
#main_contents:after {content:""; clear:both; display:block; }

#main_contents .sec01 {float:left;width:848px; min-height:35px; text-align:left; margin-top:15px;}
#main_contents .sec01 .tt {float:left; background:url(../images/ico_bl1.gif) no-repeat 0 11px ; color:#000000; font-size:17px; font-weight:400; padding-left:10px;}
#main_contents .sec02 {float:left;width:349px; min-height:50px; text-align:left; padding-left:63px; background:url(../images/ico_tel.gif) no-repeat 0 0;}
#main_contents .sec02 .tel {font-size:17px; font-weight:200; color:#003784;}
#main_contents .sec02 .tel strong { font-weight:500; color:#222;}
#main_contents .sec02 .time {font-size:16px; font-weight:200; color:#999;}

#main_contents div .latest02 { width:80%; text-align:left;}
#main_contents div .latest02 li { margin-left:100px; position:relative;}
#main_contents div .latest02 li a {color:#222222; font-size:16px; padding-left:120px; font-weight:200;}
#main_contents div .latest02 li span {position:absolute; left:0; font-size:16px; color:#003784; font-weight:200;}

#main_banner { width:100%; background:#999; margin-top:40px; overflow:hidden;}
#main_banner ul li { float:left; width:25%; text-align:center; position:relative;}
#main_banner ul li a { display:block; width:100%; height:100%;}
#main_banner ul li a:hover img.more { padding-left:15px;}
#main_banner ul li.li01 { background:#465569;}
#main_banner ul li.li02 { background:#0e3d9d;}
#main_banner ul li.li03 { background:#fa5d1d;}
#main_banner ul li.li04 { background:#918c8a;}
#main_banner ul li .icon { margin-top:60px;}
#main_banner ul li .tt { margin-top:25px; font-size:25px; font-weight:300; color:#fff;}
#main_banner ul li span { display:inline-block; margin:20px 0 125px 0; font-size:16px; font-weight:200; color:#e4e4e4;}
#main_banner ul li img.more { position:absolute; display:block; width:75px; height:15px; top:287px; left:50%; margin-left:-37px;
	transition:all .3s ease !important;
	-moz-transition:all .3s ease !important;
	-webkit-transition:all .3s ease !important;
	-o-transition:all .3s ease !important;
}

/*메인_가로형의 세로형*/
#main_wrap_vertical {width:1010px;margin:0 auto;--padding-bottom:40px;}/*메인 컨텐츠 부분_섹션으로 css구분-보더값 뺄것.*/
#main_wrap_vertical .visual {float:left;border:5px solid #6d80a8;}
#main_wrap_vertical .contents {float:right; width:320px;border:5px solid #dcb997; padding-left:10px;}
#main_wrap_vertical .contents .sec01 {float:left; width:100%; padding-top:20px;}
#main_wrap_vertical .contents .sec02 {float:left; width:100%;text-align:left;padding-top:20px;}
#main_wrap_vertical .contents .sec02 h2 {padding-bottom:17px;}
#main_wrap_vertical .contents .sec03 {float:left; width:100%;text-align:left;padding-top:20px;}
#main_wrap_vertical .contents .sec03 h2 {padding-bottom:17px;}


#footer {clear:both;width:100%;font-size:14px; color:#838588; font-weight:200; letter-spacing:0; background:#d6d7d9;}
#footer .fContent { padding:35px 0 70px 0;}

#footer .fContent .slogo { text-align:center;}
#footer .fContent .info { padding-top:25px; text-align:center; line-height:22px;}
#footer .fContent .info .add {}
#footer .fContent .info .copy a {}
#footer .fContent .info .copy a:hover {}

.sample {clear:both;}
.sample p {width:1000px; margin:0 auto; background:#dcb997;color:#000;border:5px solid #dcb997;padding:15px 0 15px 0;}
.sample p strong{font-size:16px; font-weight:bold;}


#footer a {font-size:14px; color:#838588;}
#footer a:hover {color:#171717;font-size:14px;}


/* 공지사항 리스트 및 탭관련*/
.ltNotice {position:relative; height:150px; text-align:center;}
.ltNotice li {float:left;}
.ltNotice .tab {float:left;height:24px; overflow:hidden; text-indent:-9999em; background:url(../images/main_tt_01.gif) no-repeat;}
.ltNotice .t1 {width:88px; background-position:0 -24px;}
.ltNotice .t2 {width:98px; background-position:-88px 0;}
.ltNotice .t3 {width:100px; background-position:-198px 0;}
.ltNotice li.active .t1 {width:88px; background-position:0 0;}
.ltNotice li.active .t2 {width:98px; background-position:-88px -24px;}
.ltNotice li.active .t3 {width:100px; background-position:-198px -50px;}

.ltNotice ul {display:none; position:absolute; top:34px; left:0px; width:300px;}
.ltNotice ul li {float:left;text-align:left; padding-left:15px; line-height:24px; background:url(../images/main_news_dot.gif) no-repeat 6px 10px; width:295px;}
.ltNotice ul li span {padding-right:10px;float:right}
.ltNotice li.active ul {display:block;}
.ltNotice a {color:#989898;}
.ltNotice a:hover {color:#569ecc;font-size:12px;}
.ltNotice .more {position:absolute; top:-16px; right:0px; background:none;}


/*공통팝업 - 개인정보취급방침_이용약관_이메일무단수집거부*/
#no_spam {width:600px;border:10px solid #d8d8d8;}
#privacy {position:relative;}
#privacy div {font-size:14px;line-height:22px;}
#privacy h2 {margin:0px 0 10px 0px; font-size:14px; font-weight:bold; color:#555;}
#privacy h2 span {font-size:14px; color:#ee0000;}
#privacy h2 p {font-size:14px; color:#ee0000; font-weight:400; padding-top:5px;}
#privacy textarea {width:96%;height:400px;color:#666666; padding:3% 15px; line-height:22px;border:1px solid #ededed; background:#f9f9f9}
#privacy .btn_close {position:absolute; top:40px; right:20px;}

/*서브*/
#sub_visual {width:100%;margin:0 auto;height:474px;}
#sub_visual .visual{width:100%;margin:0 auto; padding-top:250px;}
#sub_visual .visual span { display:block; color:#FFF;}
#sub_visual .s_visual_txt1 { font-size:48px;font-weight:500; margin:5px 0 10px 0;}
#sub_visual .s_visual_txt1 .en { font-size:55px; display:inline; font-family: 'Montserrat', sans-serif; font-weight: 200;}
#sub_visual .s_visual_txt1 strong {font-weight: 600;}
#sub_visual .s_visual_txt2 { font-size:14px; font-weight:100; color:#cecfcf; letter-spacing:20px;}

#sub_wrap {position:relative;;margin:0 auto; width:1260px; min-height:400px;content:"";}
/**#sub_wrap {position:relative;;margin:0 auto; width:1000px;min-height:400px;content:"";}**/
#sub_wrap #left_menu {float:left; width:200px;padding-bottom:30px; }
#sub_wrap #left_menu h2 {padding:50px 0 50px 20px;text-align:left; font-size:24px; color:#fff; font-weight:bold; background:#123172; margin-top:10px;}/*tt타이틀*/

#sub_wrap #left_menu .left_flash{clear:both;}
#sub_wrap #left_menu .banner{clear:both;padding:10px 0px;}
#sub_wrap #left_menu .icon {position:relative;}
#sub_wrap #left_menu .icon:after {content:""; width:100%; display:block; border-bottom:1px solid #ddd; position:absolute; bottom:18px; z-index:-1;}
#sub_wrap #left_menu .icon a {display:inline-block; *zoom:1; *display:inline; font-size:0px; text-indent:-999px; width:38px; height:38px; margin:0px 2px;}
#sub_wrap #left_menu .icon a.facebook{background:url(../images/left_icon_f.gif) no-repeat;}
#sub_wrap #left_menu .icon a.twitter{background:url(../images/left_icon_t.gif) no-repeat;}
#sub_wrap #left_menu .icon a.blog{background:url(../images/left_icon_b.gif) no-repeat;}
#sub_wrap #left_menu .icon a:hover {background-position:0px -38px}

/*왼쪽메뉴*/
#sub_wrap #left_menu ul{padding-top:20px;padding-bottom:10px;}
#sub_wrap #left_menu li{width:auto;}
#sub_wrap #left_menu li a.dp1{display:block;  padding:15px 15px; text-align:left; background:#e2e2e2; font-size:20px; margin-bottom:5px; letter-spacing:-1px;}
#sub_wrap #left_menu li.on a.dp1{background:url(../images/left_menu_on.gif) no-repeat; border-bottom:0px; font-weight:bold; color:#ffffff; }
#sub_wrap #left_menu li ul {padding-bottom:10px; }
#sub_wrap #left_menu li ul li a {display:block; text-align:left; padding:5px;}
#sub_wrap #left_menu li ul li a:before{content:"- "}
#sub_wrap #left_menu li ul li a.on {text-decoration:underline;}



/*서브와꾸*/
#sub_wrap #sub_contents {width:100%;} /*오른쪽컨텐츠 전체와꾸*/
/**#sub_wrap #sub_contents {float:right;width:770px;margin-bottom:20px;}**/ /*오른쪽컨텐츠 전체와꾸*/
#sub_wrap #sub_contents h3{padding:28px 0 18px 5px;text-align:left; font-size:34px; font-weight:400; color:#222; border-bottom:1px solid #e0e0e0;}/*stt타이틀*/
#sub_wrap #sub_contents .location{position:absolute; right:5px; top:35px;background:url(../images/icon_home.gif) no-repeat 0px 6px;padding-left:15px;}
#sub_wrap #sub_contents .location li{display:inline;font-size:15px; color:#919191; font-weight:200;}
#sub_wrap #sub_contents .location b {color:#222;font-weight:400;}
#sub_wrap #sub_contents .con_detail {width:100%; text-align:center; /* padding-top:60px; */padding-bottom:50px;line-height:18px;}/*내용*/
#sub_wrap #sub_contents .con_detail img{height:auto !important;}

/*quick*/
#quick {background:#e9e9e9;border:4px solid #d3d3d3;position:absolute; right:-90px; top:0px; width:70px; z-index:2; padding-top:50px;padding-bottom:50px;}


/*테이블*/
.table_01 {width:100%; margin-bottom:10px;border-top:2px solid #bd956d;}
.table_01 th {font-size:11px;height:30px; text-align:center; background:#f8f8f8; border-bottom:1px solid #d4d4d4;color:#444444;font-weight:bold;}
.table_01 th.line_r {border-right:1px solid #d4d4d4;}
.table_01 td {font-size:11px;border-bottom:1px solid #d4d4d4;}
.table_01 td.cen{font-size:11px;height:30px;text-align:center;}
.table_01 td.left {line-height:130%;padding:20px 0px 20px 20px;font-size:11px;height:30px; border-bottom:1px solid #d4d4d4;}
.table_01 td.left_2 {padding:0px 0px 0px 10px;font-size:11px;height:30px; border-bottom:1px solid #d4d4d4;}
.table_01 td.line_r {border-right:1px solid #d4d4d4;;color:#6c6c6c;}
.table_01 td.font_b {font-weight:bold;color:#704924;}
.table_01 td.line_h {line-height:130%;}


/*사이트맵*/
#sitemap {width:100%;}
.oneDepth {width:23%; float:left; padding-right:15px;margin-bottom:30px; min-height:210px;}
.oneDepth h5 {font-size:16px; font-weight:bold; text-align:center !important; color:#444; padding:10px 0 10px 0; border-bottom:1px solid #074290; border-bottom:1px solid #444;}

.twoDepth {font-size:14px; padding-top:5px;}
.twoDepth li {padding:7px 0 7px 0px; border-bottom:1px solid #dedede}


/*병원둘러보기*/

.gallery {background-color:#f3f3f3; width:780px; height:440px;}
.gallery ul li {width:105px; float:right; margin:10px 10px 0px 2px; }
.gallery ul li.over {width:105px; float:right; margin:10px 7px 0px 2px; border:3px solid #82aae0;}

/* 제품소개 */

.product_wrap {position:relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;overflow:hidden;}
.product_wrap dl { float:left; width:23.5%; margin-right:2%; text-align:center; position:relative; margin-bottom:30px;}
.product_wrap dl.last { margin-right:0; }
.product_wrap dl dt { }
.product_wrap dl dd { color:#ffffff; text-align:center; padding:10px 0 20px 0; }
.product_wrap dl dd span { font-size:15px; font-weight:200;}
.product_wrap dl dd p { font-size:22px; padding-top:10px; font-weight:500;}
.product_wrap dl.fir {}
.product_wrap dl.fir dt { border:1px solid #465569;}
.product_wrap dl.fir dd { border:1px solid #465569; background:#465569; }
.product_wrap dl.sec {}
.product_wrap dl.sec dt { border:1px solid #003784;}
.product_wrap dl.sec dd { border:1px solid #003784; background:#003784; }
.product_wrap dl dt img { width:100%;}

.product_wrap .title{
    color: #111111;
    font-weight: 600;
    font-size: 34px;
    padding: 30px 0;
    margin-top: 80px;
    text-align: left;
}
}

/**.product_wrap:after {content:""; clear:both; display:block; }**/

.pro_list {position:relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;overflow:hidden;}

.pro_list { }
.pro_list .title { color:#111111; font-size:34px; padding:30px 0 20px 0; margin-top:30px;}
.pro_list table { }
.pro_list table th, .pro_list table td { border:1px solid #c9cccf; padding:8px; font-weight:300; font-size:15px; color:#444; text-align:center;}
.pro_list table thead th { background:#e4e9f1; font-weight:400; font-size:16px; color:#111;}
.pro_list table tbody .t_sytle { background:#e4e9f1; font-weight:400; font-size:16px; color:#111;}
.pro_list table strong { font-weight:400; font-size:16px; color:#111;}
.pro_list table tbody th { background:#f5f9ff; line-height:23px;}
.pro_list table .info { background:#faf5d2; font-weight:400; color:#111;}


.iron_info { }
.iron_info .title {    color: #111111;
    font-weight: 500;
    font-size: 34px;
    padding: 30px 0;
    margin-top: 50px;
    text-align: left;
    font-weight: 600;
	margin-bottom: 20px;
}}
.iron_info table { }
.iron_info table th, .iron_info table td { border:1px solid #c9cccf; padding:8px; font-weight:300; font-size:15px; color:#444; text-align:center;}
.iron_info table thead th { background:#e4e9f1; font-weight:400; font-size:16px; color:#111;}
.iron_info table tbody .t_sytle { background:#e4e9f1; font-weight:400; font-size:16px; color:#111;}
.iron_info table strong { font-weight:400; font-size:16px; color:#111;}
.iron_info table tbody th { background:#f5f9ff; line-height:23px;}
.iron_info table .info { background:#faf5d2; font-weight:400; color:#111;}