@charset "UTF-8";

@media(max-width:1600px){
	#subContents .center{width:100%; }
	
	/* sub1010 k-health 소개 */
	.sub1010 .vod_area{width: 100%;}
	
	/* sub1011 케어네트워크 병의원 모집안내 */
	.sub1011 .business_area li {vertical-align: top;min-height:270px;}
}

@media(max-width:1200px){
	/********************** 서브 **************************/
	#subContents{font-size:18px;}
	#LNB .ulDepth2{white-space:nowrap; overflow-x:auto; overflow-y:hidden;}

}

@media(max-width:1024px){
	/********************** 서브 **************************/
	#LNB{margin-top:-53px;}
	.sub_visu{padding:5em 3% 6em;}
	.sub_visu h2,
	.sub_visu .navi{padding:0;}
	.sub_visu h2{font-size:32px;}
	#LNB .menuDepth2 a{height:52px; line-height:52px;}

	#subContents{padding:60px 0 80px;}
	#subContents .subTop{margin-bottom:2.5em;}
	#subContents .subTop h3{font-size:24px;}
	#subContents .artiTitle{font-size:22px;}
	#subContents .artiTitle:before{top:0.4em;}

	#subContents .subTop a.down {top: -19px;}
	#subContents .sub_desc_s br{display: none;}
	
	
	
	
	/* sub1011 케어네트워크 병의원 모집안내 */
	.sub1011 .business_area li {vertical-align: top;min-height:320px;}
	
	/* sub1013 진료정보 교류사업*/
	.sub1013.progress p {width: 95%;}
	.sub1013.join ul {width: 100%;}
	.sub1013.use li {min-height: auto;}

	
	/********************** 게시판 **************************/
	.boardList .boardListItem .num{width:80px;}
	.boardList .boardListItem .date,
	.boardList .boardListItem .hit{width:120px;}

	.galleryList .galleryListItem{width:33.33%;}
	.galleryList .galleryListItem:nth-child(4n + 1):after{display:none;}
	.galleryList .galleryListItem:nth-child(3n + 1):after{position:absolute; display:block; content:""; left:0; bottom:0; width:300%; height:1px; background:#eaeaea;}

}

@media(max-width:960px){
	/********************** 서브 **************************/
	#subContents .artiTitle{font-size:1.2em;}
}

@media(max-width:768px){
	/********************** 서브 **************************/
	#LNB .pc{display:none;}
	#LNB .mob{display:block;}
	#LNB .menuDepth1 > a{position:relative; display:block; height:52px; line-height:52px; text-align:center; font-size:16px;}
	#LNB .menuDepth1 > a:after{position:absolute; content:""; top:50%; margin-top:-2.5px; margin-left:5px; width:0; height:0; border-style:solid; border-width:5px 4px 0 4px; border-color:#fff transparent transparent transparent; transition:all .2s;}
	#LNB .menuDepth1 > a.on:after{transform:rotate(180deg);}
	#LNB .ulDepth2{display:none; position:absolute; left:0; top:100%; width:100%; box-shadow:5px 0 8px rgba(0,0,0,0.5); z-index:3; background:#fff;}
	#LNB .menuDepth2{display:block;}
	#LNB .menuDepth2 a{height:40px; line-height:40px; padding:0 3%; color:#373737; background:#f0f0f0; font-size:15px;}
	#LNB .menuDepth2.on a{color:#4196d8; background:#f0f0f0;}
	#LNB .menuDepth2.on a:after{background:#4196d8;}
	
	#subContents .wrapper h4 {padding-bottom: 0.7em; font-size:1.5em; padding-top: 35px;}

	#subContents .subTop a.down {font-size: 0px; width: 50px; height: 50px; line-height: 50px;top: -8px;}
	#subContents .subTop a.down span { background: url(/design/default/img/sub/icon_down.png) no-repeat center 15px; padding-right: inherit;display: block; width: 50px;height: 50px;}
	
	/* sub1010 K-Health 소개*/
	.sub1010 {padding: 25px 0 ;}
	
	/* sub1011 케어네트워크 병의원 모집안내 */
	.sub1011 {padding: 25px 0 ;}
	
	.sub1011 .summary li span {display: inline-block;border-radius: 25px;margin-right: 12px;padding: 5px 17px;line-height: 28px;}
	.sub1011 .business_area li {display: block;margin-bottom: 25px;width: 100%; margin-left: 0%;min-height: auto;padding: 25px 15px 15px;}
	
	/* sub1012 디지털 솔루션 */
	.sub1012 { padding: 0px 0;}
	.sub1012 .tab_Area a{width:24%;  margin-bottom: 15px;}
	.sub1012 .tab_Area .desc_s span {text-align: center; margin-left:-40px;}
    .sub1012 .Hscan video , .sub1012 .HPacs video , .sub1012 .mobile video , .sub1012 .wenew video {position:inherit; width:100%; margin-bottom: 25px; border-radius: 20px; overflow: hidden;}
	.sub1012 .Hscan img , .sub1012 .HPacs img , .sub1012 .mobile img , .sub1012 .wenew img {position:inherit; width:100%; margin-bottom: 25px;}
	.sub1012 .Hscan .txt_area , .sub1012 .HPacs .txt_area , .sub1012 .mobile .txt_area , .sub1012 .wenew .txt_area {margin-left: 0%; width: 100%; min-height:inherit;        text-align: center;padding-bottom: 35px;}
	.sub1012 .btn_detail {width: 180px; line-height: 40px;height: auto;}
	.sub1012 .Hscan .txt_area p ,.sub1012 .wenew .txt_area p , .sub1012 .mobile .txt_area p , .sub1012 .HPacs .txt_area p { text-align: left;}
	
	/* sub1013 진료정보 교류사업*/
	.sub1013 {padding: 25px 0;}
	.sub1013.join ul li span { position: initial;width: 100%; padding: 15px 15px;line-height: 1.2em; display: block;}
	.sub1013.join ul li p {margin-left: 0px; line-height: 1.2em;padding-right: 0px;}
	.sub1013.use li {display: block; width: 100%;margin-bottom: 25px; margin-left: 0%;min-heigh:auto;}
	.sub1013.use li:last-child {margin-top: 0px;}
	
	/* sub1014 소아진료 지역협력체계 사업*/
	.sub1014 {padding: 25px 0;}
	.sub1014.progress .table_area li { display: block; width: 100%;margin-left: 0%; margin-bottom:25px;}
	.sub1014.enterprise .txt_area ul li { position: relative;display: inline-block;width: 30%;margin-left: 5%;padding: 15px;border-radius: 8px;font-size: 16px;vertical-align: top;min-height: 155px;}
	.sub1014.enterprise .txt_area ul li:nth-child(2) {width: 30%;}
	.sub1014.enterprise .txt_area ul li p {font-size: 0.9em;}
	.sub1014.enterprise .txt_area ul li:before {width: 15%;left: -16%;}
	
	
	.sub1014.support .txt_box .icon_zone { width: 160px; margin:0 auto;position: initial;}
	.sub1014.support .txt_box .icon_zone span {width: 65px;}
	.sub1014.support .txt_box ul.s_money { margin-top:25px;display: block;margin-left: 0px;}
	
	/********************** 게시판 **************************/
	.boardList .head{display:none;}
	.boardList .boardListItem{display:block; overflow:hidden;}
	.boardList .boardListItem > div{display:block; float:left;}
	.boardList .boardListItem .num{width:50px; font-size:16px; line-height:2; padding:7px 0 0;}
	.boardList .boardListItem .title{width:calc(100% - 50px); padding:0.5em 0.5em 0.3em; padding-right:0;}
	.boardList .boardListItem .title a span{white-space:normal; overflow:visible; text-overflow:unset;}
	.boardList .boardListItem .date,
	.boardList .boardListItem .hit{padding-top:0; font-size:14px; color:#999; width:auto; position:relative; margin-right:10px;}
	.boardList .boardListItem .date{margin-left:50px; padding-left:0.5em;}
	.boardList .boardListItem .hit:before{position:relative; content:"조회수 ";}

	.galleryList .galleryListItem{width:50%;}
	.galleryList .galleryListItem:nth-child(3n + 1):after{display:none;}
	.galleryList .galleryListItem:nth-child(2n + 1):after{position:absolute; display:block; content:""; left:0; bottom:0; width:200%; height:1px; background:#eaeaea;}

	.boardTab li{padding:0 5px; width:32%;}
	.boardTab li a{width:100%;}


    /*온라인문의*/
    .onlineWrap .w2 dl {width:100%;}
	
}


@media(max-width:640px){
	/********************** 서브 **************************/
	.sub_visu{padding:6em 3% 4em;}
	.sub_visu h2{font-size:26px;}
	#subContents{padding:50px 0 60px;}

	

	/********************** 게시판 **************************/
	.boardListItem .imgBox,
	.boardListItem .txtBox{float:none; width:100%;}
	.boardListItem .txtBox{padding-bottom:0; padding-top:1em;}
	.boardListItem .title{font-size:18px;}
	.boardListItem .cont{height:auto; max-height:3.2em; margin-bottom:1em; font-size:15px;}
	.boardListItem .date{position:relative; left:0; font-size:14px;}

	.boardView > .titleBox .title{font-size:24px;}
}

@media(max-width:560px){
	/********************** 서브 **************************/
	#subContents{font-size:16px;}

	
	/********************** 게시판 **************************/
	.galleryList .galleryListItem .photo_title{font-size:1em;}
}

@media(max-width:480px){
	/********************** 서브 **************************/
	#subContents{padding:40px 0 50px;}
	#subContents .subTop h3{font-size:23px;}
	#subContents .artiTitle{font-size:20px; padding-left:18px;}
	#subContents .artiTitle:before{top:0.35em;}


	/********************** 게시판 **************************/
	.galleryList .galleryListItem{padding:1.75em 1% 0.75em;}
	.galleryList .noData{margin-top:1.75em;}

	.boardTab li{padding:0;}

	.boardView > .file > p,
	.pn_listBox .pn_list dt{width:80px;}
	.boardView > .file > ul,
	.pn_listBox .pn_list dd{width:calc(100% - 90px);}
}

@media(max-width:420px){
	/********************** 서브 **************************/
	#subContents{font-size:15px;}


	/********************** 게시판 **************************/
	.galleryList .galleryListItem{width:100%;}
	.galleryList .galleryListItem:nth-child(2n + 1):after{display:none;}
	.galleryList .galleryListItem:nth-child(n + 1):after{position:absolute; display:block; content:""; left:0; bottom:0; width:100%; height:1px; background:#eaeaea;}
	.galleryList.certificate .galleryListItem .photo_box{height:auto; padding-bottom:0;}
	.galleryList.certificate .galleryListItem .photo_box > img{position:relative;}

	.boardTab li{width:100%;}
	.boardTab li + li{margin-top:5px;}
}