@charset "utf-8";
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
@import url(https://cdnjs.cloudflare.com/ajax/libs/spoqa-han-sans/2.1.1/css/SpoqaHanSans-kr.min.css);
@import url(http://resource.touchm.co.kr/Resource/css/_import.css);
@import url(http://resource.touchm.co.kr/Resource/module/F3.css);
@import url(http://resource.touchm.co.kr/Resource/layout/main/v2.0/MainLayout.css);
@import url(http://resource.touchm.co.kr/Resource/layout/sub/v2.1/SubLayout.css);

body, talbe, th, td, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
	pre, form, fieldset, textarea, blockquote, span, * {
	font-family: 'Noto Sans KR', sans-serif;
}
@font-face {font-family: 'Noto Sans KR';font-style: normal;
	font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) 
	format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) 
	format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
	
	@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) 
	format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) 
	format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
	
	@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) 
	format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) 
	format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
	
	@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
	
	@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) 
	format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) 
	format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
	
	@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) 
	format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff)
	format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

@media all and (min-width:1024px) {

	nav { display: none; }

}
/* Style Customizing... */
/* Common */
.wth_100 { width: 100%; }
.mb_40 { margin-bottom: 40px; }
.mb_20 { margin-bottom: 20px; }
.mb_10 { margin-bottom: 10px; }
.mt_10 { margin-top: 10px; }
p.title { width: 100%; font-size: 18px; font-weight: 500; border-bottom: 1px solid #666; padding-bottom: 10px; }
ul.blue_bullet { width: 100%; }
header.header{background: linear-gradient(to right, rgba(99,165,64,0.9), rgba(176,202,69,0.9));}
ul.TM-header li:first-child a img{height:18px}
ul.TM-header li.title a img{height:35px}
ul.TM-header li a img{height:30px}
ul.TM-member{background: linear-gradient(to right, rgba(99,165,64,0.9), rgba(176,202,69,0.9));}
ul.TM-menu li.current>a{color:#22aa29!important}
ul.TM-menu>li a.submenu-icon i{color: rgba(99,165,64,0.9)}
ul.TM-tile.tile-text li{border-color:#b5b8ba;}
ul.TM-tile.tile-text li a{padding-top:.5em;padding-bottom:.5em;font-weight:500;color:#494949;background-color: #f0f0f0;}
footer.footer{background:#4c4c4c;padding:0 1.5em}
ul.TM-footer li{padding-left:0;padding-right:0}
ul.TM-footer li.home{width:65%;padding-top:1.7em;padding-bottom:1.3em}
ul.TM-footer li.home a{font-size:1.5em;font-weight:700;color:#e3e3e3}
ul.TM-footer li.pc{width:35%;padding-top:1.9em;padding-bottom:1.1em}
ul.TM-footer li.pc a{padding:0;font-size:1.1em;font-weight:700;color:#b4b4b4}
ul.TM-footer li.address address{color:#e3e3e3;font-size:1.1em}
ul.TM-footer li.address span{padding-left:.5em;padding-right:.5em}

/* Contents */
/* sub common */
.sub-contents *{text-align:left;word-break:keep-all}
.point_col01{color:#1982d1!important}

.sub-contents article.TM-article h3{font-weight:bold;color:#689bef}
.sub-contents article.TM-article h3 b{color:#424146}
.sub-contents article.TM-article>div{margin-bottom:1.8em}
.sub-contents article.TM-article>div p{margin-bottom:0}
.sub-contents article.TM-article>div>ul.blue_bullet>li,.sub-contents article.TM-article>div>div>ul.blue_bullet li{color:#575757}
.sub-contents article.TM-article>div>ul.blue_bullet>li:before,.sub-contents article.TM-article>div>div>ul.blue_bullet li:before{background:#21c39d}
.sub-contents article.TM-article>div>ol.blue_lst>li{margin-bottom:1.2em;padding-left:2em}
.sub-contents article.TM-article>div>ol.blue_lst>li:before{content:none}
.sub-contents article.TM-article>div>ol.blue_lst>li span{padding:0}
.sub-contents article.TM-article>div>ol.blue_lst>li span.num{position:absolute;left:0;top:0;margin-right:.3em;display:block;float:left;width:1.5em;height:1.5em;line-height:1.5em;font-weight:bold;border-radius:50%;background:#1982d1;color:#fff;box-sizing:border-box;text-align:center}
.sub-contents article.TM-article>div>ul>li>span{font-size:95%;color:#797979}
.sub-contents article.TM-article .gray_box{background:#f7f7f7;padding:1.2em}

/* sub 상단 bg */
 



/* sub tit_type */
.sub-contents article.TM-article .tit_type01{font-size:1.35em;font-weight:bold;}
.sub-contents article.TM-article .tit_type02{position:relative;margin-top:1em;padding-left:.3em;color:#22aa29;font-size:1.35em;font-weight:bold;border-left:3px solid #22aa29;font-size:1.2em;line-height:1}
.sub-contents article.TM-article .tit_type03{padding-bottom:.5em;margin-bottom:1em;color:#22aa29;font-weight:bold;font-size:1.2em;border-bottom:1px solid #22aa29}

/* 찾아오시는길 */
.root_daum_roughmap_landing{width:100% !important}

/* 입원생활안내 */
.sub-contents article.TM-article .time_dl dt{display:inline-block;padding:.3em 1em;border-radius:20px;background:#485da9;color:#fff;font-weight:bold}
.sub-contents article.TM-article .time_dl dd{display:block;margin-top:.5em}
.sub-contents article.TM-article .bg_box {width:100%;padding:1.2em;margin-bottom:1em}
.sub-contents article.TM-article .bg_box.bg01{background:#21c39c;color:#fff}
.sub-contents article.TM-article .bg_box.bg02{background:#4ecac2;color:#fff}
.sub-contents article.TM-article .bg_box.bg03{background:#a2d55f;color:#fff}
.sub-contents article.TM-article .bg_box.bg04{background:#1ea1d1;color:#fff}

/* 비급여 안내 */
.sub-contents article.TM-article .nopay_table{border-top:2px solid #485da9}
.sub-contents article.TM-article .nopay_table thead th{padding:.5em;font-size:.8em;text-align:center;background:#d7e8f8;color:#4E4E4E;border-bottom:1px solid #e4e4e4;vertical-align:middle}
.sub-contents article.TM-article .nopay_table tbody th, .sub-contents article.TM-article .nopay_table tbody td{padding:.5em .2em;vertical-align:middle;border-bottom:1px solid #e4e4e4;font-size:.8em;text-align:center;color:#666}
.sub-contents article.TM-article .nopay_table tbody td{background:url(http://static.clickmedi.co.kr/images/cms/skin/table_line.gif) no-repeat left 50%}

/* 층별안내 */
.sub-contents article.TM-article .info_guide dl:after{display:block;content:'';clear:both}
.sub-contents article.TM-article .info_guide dl{margin-bottom:1.1rem}
.sub-contents article.TM-article .info_guide dt{position:relative;width:60px;float:left;font-size:.9em;color:#333;font-weight:bold}
.sub-contents article.TM-article .info_guide dt:before{position:absolute;content:'';right:.8em;top:.65em;width:20px;height:2px;background-color:#000}
.sub-contents article.TM-article .info_guide dt.B1B2:before{content:none}
.sub-contents article.TM-article .info_guide dt strong{font-size:1.1em}
.sub-contents article.TM-article .info_guide dd{width:75%;font-size:.9em;font-weight:400;line-height:1.6em;float:left}
.sub-contents article.TM-article .info_guide dd strong{font-weight:bold}

/* 협력업체 */
.box_col { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
.box_col .item { width: 48%; border: 1px solid #ddd; margin-bottom: 20px; cursor: pointer; }
.box_col .item .col_logo { width: 100%; height: 150px; position: relative; }
.box_col .item .col_logo img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.box_col .item .col_text { width: 100%; height: 40px; position: relative; background-color: #eaeaea; }
.box_col .item .col_text p { width: 100%; text-align: center; position: absolute; top: 50%;  transform: translateY(-50%); font-size: 14px; font-weight: 300; }


/* 진료안내 */
.sub-contents article.TM-article .big_font{
	margin-bottom: 1em;
	font-size: 1.3em;
	line-height: 1.4em;
	color: #21c39c;
	font-weight: 300;
	letter-spacing: -1px
}



/* 메인 */
.main .inner { padding: 10px 10px; }
.main .inner ul { display: flex; justify-content: space-between; margin-bottom: 10px; }
.main .inner ul:last-child { margin-bottom: 0; }
.main .inner ul li { width: calc(50% - 5px); }
.icon { padding: 10px 10px; }
.icon ul { display: flex;justify-content: space-around; text-align: center; background-color: #fff; padding: 10px 0; }
.icon ul li { margin: 0 auto; }
.icon ul li a { width: 75%; margin: 0 auto; }
.icon ul li p { font-weight: 300; margin-top: 10px; }


/* 둘러보기 */
.slider-for{
	width: 100%;
	margin: 30px auto 1px;
	overflow: hidden;
}

.slide-for img {
	max-width: 100%;
	height: auto;
}

.slider-nav {
	width: 100%;
	height: auto;
	margin: auto;
  	position: relative;
}

.slider-nav img { 
  max-width: 100%;
  height: auto;
}
   
.slider-nav .slick-track{
	height: auto;
  	margin-top: 0px;
}
.slider-nav .slick-slide {
  	padding: 0 5px;
  	width: 33.333%;
}


/* 정신질환표 */
table.p3010 { width: 100%; text-align: center; color: #666; font-size: 14px; margin-bottom: 40px; word-break: break-all; }
table.p3010:last-child { margin-bottom: 0; }
table.p3010 tr { border-bottom: 1px solid #eee; }
table.p3010 tr:first-child { border-top: 1px solid #eee }
table.p3010 tr td { padding: 5px 0; }
table.p3010 tr td:first-child { border-right: 1px solid #eee; width: 20%; }
table.p3010 tr td ul li { margin: 0 25px; padding: 5px 0; text-align: left; list-style-type: square; line-height: 20px; }
table.p3010 tr td ul li::marker { color: #333; }
table.p3010 tr td p { padding: 5px 25px; line-height: 24px; text-align: left; }


/* 자가진단표 */
.box_wrap { width: 100%; display: flex; flex-direction: column-reverse; }
.box_wrap:last-child { margin-bottom: 0; }
.box_wrap .test_box { width: 100%; border: 1px solid #aaa; }
.box_wrap .test_box.w100 { width: 100%; }
.box_wrap .test_box ul { padding: 10px 15px; color: #666;}
.box_wrap .test_box ul li { padding: 5px 0; font-size: 14px; }
.box_wrap .check_box { width: 100%; margin-bottom: 20px; }
.box_wrap .check_box ul li { border-bottom: 1px solid #aaa; padding: 10px 0; }
.box_wrap .check_box ul li:first-child { border-top: 1px solid #aaa; }
.box_wrap .check_box ul li h3 { font-size: 16px; color: #22aa29; line-height: 24px; font-weight: 400; margin-bottom: 0; }
.box_wrap .check_box ul li h4 { font-size: 16px; color: #333; line-height: 24px; font-weight: 400; margin-bottom: 0; }
.box_wrap .check_box ul li h4 span { color: #22aa29; }
.box_wrap .check_box ul li p { font-size: 14px; line-height: 20px; color: #666; }