@charset "utf-8";
/* 전체_기본_공통적용*/
#wrap {width:100%;text-align:center;}
#header {width:100%;}
#container {width:100%;}

#com_menu {width:100%; position:relative;}/*상단메뉴로고부분*/

/*ios input 스타일 초기화*/
input:not(input[type=checkbox],input[type=radio]){-webkit-border-radius:1px; -webkit-appearance:none;}
select,textarea{-webkit-border-radius:1px;}


/*
#sub1 {position:absolute;top:60px;left:40px;width:100%;text-align:center;}
#sub1 .sub_menu {width:740px; margin:0 auto;height:35px;}
#sub1 li {float:left; padding:10px 12px;cursor:pointer;}
#sub1 .twoDep a{color:#686868;font-size:11px;font-weight:normal;}
#sub1 .twoDep a:hover{color:#6c8fd1;}


#sub2 {position:absolute;top:60px;left:185px;width:100%;text-align:center;}
#sub2 .sub_menu {width:740px; margin:0 auto;height:35px;}
#sub2 li {float:left; padding:10px 12px;cursor:pointer;}
#sub2 .twoDep a{color:#686868;font-size:11px;font-weight:normal;}
#sub2 .twoDep a:hover{color:#6c8fd1;}


#sub3 {position:absolute;top:60px;left:330px;width:100%;text-align:center;}
#sub3 .sub_menu {width:740px; margin:0 auto;height:35px;}
#sub3 li {float:left; padding:10px 12px;cursor:pointer;}
#sub3 .twoDep a{color:#686868;font-size:11px;font-weight:normal;}
#sub3 .twoDep a:hover{color:#6c8fd1;}


#sub4 {position:absolute;top:60px;left:200px;width:100%;text-align:center;}
#sub4 .sub_menu {width:740px; margin:0 auto;height:35px;}
#sub4 li {float:left; padding:10px 12px;cursor:pointer;}
#sub4 .twoDep a{color:#686868;font-size:11px;font-weight:normal;}
#sub4 .twoDep a:hover{color:#6c8fd1;}


#sub5 {position:absolute;top:60px;left:550px;width:100%;text-align:center;}
#sub5 .sub_menu {width:740px; margin:0 auto;height:35px;}
#sub5 li {float:left; padding:10px 12px;cursor:pointer;}
#sub5 .twoDep a{color:#686868;font-size:11px;font-weight:normal;}
#sub5 .twoDep a:hover{color:#6c8fd1;}
*/

#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;}


/* 탭메뉴 */
/* 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:14px; *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:1100px;margin:0 auto; padding:40px 0; border-bottom:1px solid #e6e6e6;}/*메인 컨텐츠 부분_섹션으로 css구분*/
#main_contents:after {content:""; clear:both; display:block;}

#main_contents .sec01 {float:left;width:400px; margin-right:40px; height:185px;}
#main_contents .sec01 h2 {font-size:20px; font-weight:bold; text-align:left; color:#000; position:relative; margin-bottom:30px;}
#main_contents .sec01 h2 a.more {position:absolute; right:0; top:3px;font-family:'Roboto', 'Nanum Gothic';font-size:13px; color:#666; font-weight:normal;}
#main_contents .sec01 h2 a.more:hover {text-decoration:underline;}
#main_contents .sec01 .latest {text-align:left;}
#main_contents .sec01 .latest li {position:relative;font-size:14px; line-height:27px;}
#main_contents .sec01 .latest li a {color:#666;}
#main_contents .sec01 .latest li a:hover {color:#111;}
#main_contents .sec01 .latest li span {position:absolute; right:0;color:#666;}


#main_contents .sec02 {float:left; text-align:left; width:330px; height:185px; background-color:#f4f4f4;}
#main_contents .sec02 h2 {font-family:'Roboto', 'Nanum Gothic';padding-top:25px;font-size:17px;text-align:center;font-weight:bold;color:#363636; padding-bottom:32px;}
#main_contents .sec02 ul.quiconWa{float:left; position:relative;width:330px;}
#main_contents .sec02 ul.quiconWa li{display:block;cursor:pointer ;float:left;width:33%; border-right:1px solid #e1e1e1;text-align:center;}
#main_contents .sec02 ul.quiconWa li.last{border-right:0;}
#main_contents .sec02 ul.quiconWa li p.title{display:block;cursor:pointer ;font-size:14px;color:#636363;padding-top:20px;}
#main_contents .sec02 ul.quiconWa li p.title a{color:#333;}

#main_contents .sec03 {float:right; width:330px;}


.inter_sec04 {float:left; clear:both;width:49%;position:relative;margin:0 auto; padding-bottom:50px;}
.inter_sec04:after {content:""; clear:both; display:block;}
.inter_sec04 h2{padding:30px 0 20px 0; font-size:20px; font-weight:bold;color:#000; text-align:left;}

.sec04_img p{float:left; position:relative; overflow:hidden;margin-left:10px;margin-bottom:10px;}
.sec04_img p:nth-child(3n+1){float:left;margin-left:0;}
.sec04_img p a.hover_txt{position:absolute; bottom:0; left:0; width:100%; text-align:center;
background:url('../images/opacity_blk.png') repeat 0 0; color:#fff; font-size:13px; font-weight:normal; line-height:40px;}

.inter_sec04 ul.interWa{width:100%;position:relative;}
.inter_sec04 ul.interWa li{float:left;width:210px; margin-left:37px;}
.inter_sec04 ul.interWa li:first-child{margin-left:0;}
.inter_sec04 ul.interWa li p.title{display:block;cursor:pointer ;width:208px;height:60px; border:1px solid #ebebeb; background-color:#fbfaf9;text-align:center; font-size:14px; color:#333;line-height:60px;}
.inter_sec04 ul.interWa li p.title a{ color:#333}

.inter_sec05 {float:left;width:49%;position:relative;margin:0 auto; padding-bottom:50px; margin-left:2%;}
.inter_sec05:after {content:""; clear:both; display:block;}
.inter_sec05 h2{padding:30px 0 20px 0; font-size:20px; font-weight:bold;color:#000; text-align:left;}

/*메인_가로형의 세

/*메인_가로형의 세로형*/
#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:13px; color:#666;}
#footer .fContent {clear:both;width:1100px;margin:0px auto;text-align:left;height:90px;}
#footer .fContent li{float:left; line-height:24px;}
#footer .fContent .slogo {float:left; margin:50px 40px 20px 0;}
#footer .fContent .info {float:left;text-align:left; margin:30px 0; font-size:14px;}
#footer .fContent .info .add {font-weight:bold; color:#888;}
#footer .fContent .info .copy{}

#footer .fNav {clear:both;height:40px;line-height:40px;background:#f8f8f8;border-top:1px solid #dbdbdb;padding-left:50px; border-bottom:1px solid #dbdbdb;}
#footer .fNav ul {width:1100px; margin:0px auto;font-size:14px; color:#9e9e9e;}
#footer .fNav li {float:left; padding:0 10px;background:url(../images/com_top_line.gif) no-repeat 0px 11px;}
#footer .fNav li.first {padding-left:0; background:none;}
#footer .fNav li.end {float:right}



#footer .fContent .blog {float:right; margin-top:40px;}

.sample {clear:both;}
.sample p {width:1100px; 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 {color:#9e9e9e;}
#footer a:hover {color:#000;}


/* 공지사항 리스트 및 탭관련*/
.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:14px;}
.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;background:url(../images/sub_visual_bg.jpg) ;height:180px;}
#sub_visual .visual{width:1000px;margin:0 auto;}

#sub_wrap {position:relative; margin:0 auto; width:1100px; min-height:550px;content:""; margin-top:20px;}
#sub_wrap #left_menu {float:left; width:250px;padding-bottom:30px; }
#sub_wrap #left_menu h2 {background:#fab24b; padding:40px 0; text-align:center; font-size:24px; color:#fff; font-weight:bold;}/*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{}
#sub_wrap #left_menu li{width:auto;border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc;}
#sub_wrap #left_menu li:first-child{border-top:1px solid #ccc;}
#sub_wrap #left_menu li a.dp1{display:block; padding:15px; text-align:left;font-weight:bold;}
#sub_wrap #left_menu li.on a.dp1{background-color:#eaeaea;border-bottom:0px;}
#sub_wrap #left_menu li.on a.dp1{color:#000}
#sub_wrap #left_menu li ul {padding-bottom:10px; }
#sub_wrap #left_menu li ul li {border-bottom:none; border:none;}
#sub_wrap #left_menu li ul li a {display:block; text-align:left; padding:10px;}
#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 {float:right;width:800px; margin-bottom:20px;} /*오른쪽컨텐츠 전체와꾸*/
#sub_wrap #sub_contents h3{padding:15px 0 10px 0;text-align:left; font-size:24px; font-weight:bold; color:#f09614; border-bottom:1px solid #ccc;}/*stt타이틀*/
#sub_wrap #sub_contents .location{position:absolute; right:5px; top:20px;background:url(../images/icon_home.gif) no-repeat 0px 2px;padding-left:15px;}
#sub_wrap #sub_contents .location li{display:inline;font-size:14px; color:#919191;}
#sub_wrap #sub_contents .location b {color:#000;font-weight:bold;}
#sub_wrap #sub_contents .con_detail {text-align:left; padding:50px 0;line-height:18px;}/*내용*/



/*quick*/
.quick-area {background:#e9e9e9;border:4px solid #d3d3d3;position:absolute; 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:14px;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:14px;border-bottom:1px solid #d4d4d4;}
.table_01 td.cen{font-size:14px;height:30px;text-align:center;}
.table_01 td.left {line-height:130%;padding:20px 0px 20px 20px;font-size:14px;height:30px; border-bottom:1px solid #d4d4d4;}
.table_01 td.left_2 {padding:0px 0px 0px 10px;font-size:14px;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:21%; float:left; margin-right:5%;margin-bottom:30px; min-height:320px;}
.oneDepth.last{margin-right:0;}
.oneDepth h5 {font-size:16px; font-weight:bold; text-align:center !important; color:#222; padding:6px 0 6px 0; border-bottom:2px solid #333;}

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


/*병원둘러보기*/

.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;}

.main_pop {background:url(../images/main_top_bg.jpg) no-repeat; background-position:top center; background-color:#ffeacd; width:100%;}
.apcon {width:1100px;margin:0 auto; padding:20px 0;}
.apcon:after {content:""; clear:both; display:block;}
.box_w4 {width:23%; float:left; text-align:left; letter-spacing:-1px; padding:0 10px; border-left:1px solid #e1cbac;}
.box_w4:first-child{border:none;}
.box_w4 .tt01{font-size:16px; color:#ff6600; font-weight:bold; margin-bottom:10px; margin-top:10px;}
.box_w4 .tt02{font-size:13px; color:#ff6600; font-weight:bold; margin:10px 0;}
.box_w4 .tt03{font-size:12px; color:#666; line-height:18px;}


.sub_table {width:100%;}
.sub_table th {font-size:16px; height:50px; text-align:center; font-weight:bold; border-top: 2px solid #808183; border-bottom:1px solid #d4d4d4;}
.sub_table td {font-size:14px; padding:10px; border-bottom:1px solid #d4d4d4; text-align:center;}
.sub_table button {border:0px; background:#666; color:#fff; padding:5px 15px; cursor:pointer;}

.sub_table2 {width:100%; border-top:1px solid #f08101; border-bottom:1px solid #f08101; }
.sub_table2 th {font-size:16px; height:50px; text-align:center; font-weight:bold; background:#f08101; color:#fff; }
.sub_table2 td {font-size:14px; padding:10px; text-align:center; color:#000; font-weight:bold; }

.text-center { text-align:center; }
.sub0203_com { border:1px solid #d4d4d4; border-top:1px solid #f08101; text-align:center; padding:100px 50px; line-height:1.4em; color:#000; }
.btn-black {display: inline-block; background: #575757; height: 34px; line-height: 34px; padding: 2px 30px; color: #fff;}
.btn-black:hover { color: #fff;}

.sub_tt {background:url(../images/bul01.gif) no-repeat 0px 3px; padding-left:20px; font-size:16px; font-weight:bold; text-align:left; color:#000; position:relative; margin:40px 0 10px 0;}



.checks {position: relative;display: inline-block;margin:0 15px;}
.checks.small input[type="radio"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}
.checks.small input[type="radio"] + label {
	display: inline-block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.checks.small input[type="radio"] + label:after {
	content:"";
	width: 0px;
	height: 0px;
	opacity:0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition:all .2s ease-in-out;
}

.checks.small input[type="radio"]:checked + label:after {
	content: '';
	position: absolute;
	top: 1px;
	left: 4px;
	background: #000;
	border-radius: 100%;
	width: 10px;
	height: 10px;
	opacity:1;
}

.checks.small input[type="radio"] + label span {position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);}


/* radio size */
.checks.small input[type="radio"] + label {font-size: 11px;width: 16px;height: 16px;border: 1px solid #777;border-radius: 100%;}
.checks.small input[type="radio"] + label:before {
top: 2px;
width: 15px;
height: 15px;
}
.checks.small input[type="radio"]:checked + label:after {
top: 6px;
width: 10px;
height: 10px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}