@charset "utf-8";
@import url("base.css");
@import url("layout.css");
@import url("common.css");


/* bmy 201503 */
#index{min-width: 1200px;}
#index .commu{background:url(../images/index_cont_bg2.jpg) no-repeat 50% 0;height:610px;} 
#index .commu ul.bnList{padding:350px 0 70px;width: 1100px;margin: 0 auto;}
#index .commu ul.bnList li{float:left;padding-right: 13px;}
#index .commu ul.bnList li.pdR{padding-right:13px;}
#index .commu ul.bnList li.end{float:right;padding-right:0;}
#index .commu p.p_img1{position:absolute;top:45px;left:35px;}

#index .commu .bnList{
	padding:350px 0 70px;
	width: 1100px;
	margin: 0 auto;
}
#index .commu .bnList .bnList-li{
	float:left;
	font-family:'Noto Sans JP', sans-serif;
}
#index .commu .bnList .box-01{
	border:1px solid #d1d1d1;
	width:550px;
	height:190px;
	margin-right: 13px;
	padding:30px 30px 19px 35px;
	background:url(../images/probo_bg.jpg) no-repeat 0 0;
	position:relative;
}
#index .commu .bnList .box-01 .img_probo {position:absolute; top:16px; left:62px;}
#index .commu .bnList .box-01 dl {width:250px;position:absolute; top:25px; left:245px;}
#index .commu .bnList .box-01 dl dt {margin-bottom:20px;}
#index .commu .bnList .box-01 dl dd {font-family:'Roboto', sans-serif;font-weight:400; font-size:15px; color:#333333; margin-bottom:10px;}
#index .commu .bnList .box-01 dl dd .str {color:#e73a78; font-weight:500;}

#index .commu .bnList .box-02{
	font-weight:100;
	font-size:30px;
	line-height:1em;
	color:#fff;
	background:#77807f;
	margin-right: 13px;
	height:190px;
	width:262px;
	padding:30px 30px 19px 35px;
	position:relative;
}
#index .commu .bnList .box-02 button{
	background:#969a9b;
	border-radius:50%;
	width:40px;
	height:40px;
	position:absolute;
	bottom:19px;
	right:30px;
}
#index .commu .bnList .box-02 button svg.next-right, #index .commu .bnList .box-03 button svg.next-right{
	background-color:#fff;
	mask-image:url(/images/next.svg);
	-webkit-mask-image:url(/images/next.svg);
	width:20px;
	height:20px;
}
#index .commu .bnList .box-03{
	font-weight:100;
	font-size:30px;
	line-height:1em;
	color:#fff;
	background:#2cb4a8;
	height:190px;
	width:262px;
	padding:30px 30px 19px 35px;
	position:relative;
}
#index .commu .bnList .box-03 button{
	background:#47bfb5;
	border-radius:50%;
	width:40px;
	height:40px;
	color:#fff;
	position:absolute;
	bottom:19px;
	right:30px;
}
#index .commu p.p_img1{position:absolute;top:45px;left:35px;}
#index .commu p.p_img1 em{
	width:100%;
	display:block;
	font-size:28px;
	margin-top:5px;
	font-family:'Noto Sans JP', sans-serif;
	font-weight:200;
	color:#5e5d5d;
}

#index .commu .bnList .btn{
	background:rgba(255,255,255,.3);
	border-radius:50%;
	width:40px;
	height:40px;
	color:#fff;
	position:absolute;
	bottom:19px;
	right:30px;
}

#index .commu .bnList .gr{
	background:rgba(0,0,0,.3);
}

#index .commu .bnList .btn svg.next-right{
	background-color:#fff;
	mask-image:url(/images/next.svg);
	-webkit-mask-image:url(/images/next.svg);
	width:20px;
	height:20px;
	position:absolute;
	bottom:25%;
	right:25%;
}

#index .commu div.snsList{border:1px solid #d1d1d1;width:550px;height:190px;overflow:hidden;margin-right:13px;position:relative;}
#index .commu div.snsList ul.snsList{overflow:hidden;width:1644px;padding:0;margin:0;}
#index .commu div.snsList ul.snsList li{float:left;}
#index .commu div.snsList div.rbtn{position:absolute;bottom:22px;right:52px;}
#index .commu div.snsList div.rbtn a{display:inline-block;width:12px;height:12px;border-radius:50%;cursor:pointer;background:#dfdfdf;margin:2px 4px;}
#index .commu div.snsList div.rbtn a.on{background:#eb6796;}

#index .navi{background:url(../images/index_cont_bg1.gif) repeat-x 0 0;margin-bottom:65px;}
#index .navi .bg{background:url(../images/index_cont_bg1.jpg) no-repeat 50% 0;height:800px;}
#index .navi p.title{text-align:center;padding-top:37px;height:130px;}
#index .navi div.floatL{padding-left:50px;width:420px;}
#index .navi div.floatR{padding-right:50px;width:410px;}
#index .navi dl{text-align:center;}
#index .navi dl dt{padding:13px 0 20px;}
#index .navi dl dd{color:#fff;font-size:16px;line-height:1.5em;}
#index .navi dl dd.btn{padding-top:40px;}
#index .navi dl dd.btn img{padding:0 4px;}

#index .case{width:990px;margin:0 auto 80px;position:relative;}
#index .case p.title1{position:absolute;left:15px;top:-5px;}

#index .case ul.tab_menu{overflow:hidden;background:url(../images/index_img8_bg.gif) repeat-x 0 bottom;}
#index .case ul.tab_menu li{float:right;text-align:center;font-size:18px;margin-left:5px;}
#index .case ul.tab_menu li.on a{background:#fff;display:block;padding:13px 45px 15px;border-left:1px solid #c0c0c0;border-top:1px solid #c0c0c0;border-right:1px solid #c0c0c0;border-bottom:1px solid #fff;color:#4c4e52;}
#index .case ul.tab_menu li a{background:#f3f3f3;display:block;padding:13px 45px 15px;border-left:1px solid #c0c0c0;border-top:1px solid #c0c0c0;border-right:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;color:#4c4e52;}

#index .case ul.list{overflow:hidden;padding-top:50px;}
#index .case ul.list li{float:left;padding:0 15px;}
#index .case ul.list li.end{padding-right:0;}
#index .case ul.list li span{display:block;width:300px;}
#index .case ul.list li span.thumb{padding-bottom:20px;}
#index .case ul.list li span.title{padding-bottom:15px;font-size:17px;}
#index .case ul.list li span.scr{line-height:1.5em;font-size:14px;}

#index .case .ytube_more{padding-top:80px;}
#index .case .ytube_more p.title2{text-align:center;padding-bottom:25px;font-size: 29px;}
#index .case .ytube_more p.btn{text-align:center;background:url(../images/index_img3_bg.gif) repeat-x 0 0;}

#index .visual{height:660px;}
#index .t_bg{background:url(../images/index_visual1.jpg) no-repeat 50% 60px;}
#index .visual ul{overflow:hidden;width:1100px;margin:0 auto;padding-top:505px;}
#index .visual ul li{float:left;border-left:1px solid #dcdcdc;padding:10px 0 10px 40px;width:366px;}
#index .visual ul li.end{border-right:1px solid #dcdcdc;}


/* 2019SNS */
#wrap .snsManual{background:rgba(0,0,0,0.7);position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;}
#wrap .snsManual .snsGr{width:1040px;margin:30px auto;background:#fff;}
#wrap .snsManual div.tabMenu{display:none;}
#wrap .snsManual ul.tabMenu{background:#150917;overflow:hidden;}
#wrap .snsManual ul.tabMenu li{float:left;width:33.3%;}
#wrap .snsManual ul.tabMenu li a{color:#e0e0e0;text-align:center;font-size:18px;padding:20px 0;display:block;}
#wrap .snsManual ul.tabMenu li a.on{background:#fff;color:#494949;}

#wrap .snsManual div.title{font-size:20px;line-height:70px;height:70px;font-weight:200;background:#0084ff;color:#fff;padding-left:20px;text-align: center;}
#wrap .snsManual div.title span.ico{padding-right:15px;display:inline-block;}
#wrap .snsManual div.title span.ico img{vertical-align:middle;}

#wrap .snsGr .scrGr{height:700px;padding:0 0 60px;}

#wrap .snsGr .cont{overflow-y:scroll;height:630px;}
#wrap .snsGr .cont ul.stepList{overflow:hidden;margin-left: 25px;}
#wrap .snsGr .cont ul.stepList li{float:left;background:url(../images/2019_hospital/sns_bg3.gif) no-repeat 9px 185px;padding:30px 0 0 60px;}
#wrap .snsGr .cont ul.stepList li:nth-child(1){}
#wrap .snsGr .cont ul.stepList li:nth-child(2){}
#wrap .snsGr .cont ul.stepList li:nth-child(3){}
#wrap .snsGr .cont ul.stepList li.pd_none{clear:both;background:none;padding-left:0;}

#wrap .snsGr .cont p.listTile{font-size:18px;padding:15px 0;text-align:center;background:#303030;color:#fff;}
#wrap .snsGr .cont ul.stepList li span{display:block;text-align:center;width:280px;padding-bottom:30px;}
#wrap .cont ul.stepList li span.pic{}
#wrap .cont ul.stepList li span.pic img{width:100%;}
#wrap .cont ul.stepList li span.bl{font-family: 'Lato', sans-serif;background:url(../images/2019_hospital/sns_bg2.gif) no-repeat 50% 26px;padding-bottom:25px;font-size:15px;text-transform:uppercase;font-weight:600;color:#353535;}
#wrap .cont ul.stepList li span.txt{font-size:15px;line-height: 22px;}

#wrap .snsGr{position:relative;}
#wrap .snsGr a.snsClose{position:absolute;left:50%;top:12px;margin-left:455px;padding:12px 15px;z-index:999;}



/* wechat팝업 */
#pop_wechat{text-align:center;position:relative;}
#pop_wechat .wc_t1{padding:20px 0 25px;}
#pop_wechat .wc_t2{padding-bottom:20px;}
#pop_wechat .wc_t3{font-size:16px;color:#313131;font-weight:500;border-bottom:1px solid #d0d0d0;margin:0 40px;background:url(../images/2019_hospital/pop_img3.gif) no-repeat 6px 3px;padding:0 0 7px 35px;text-align:left;}
#pop_wechat .wc_t4{font-size:13px;padding:20px 25px 0;color:#8b8b8b;}
#pop_wechat .wc_t5{position:absolute;right:0;top:0;}
#pop_wechat .wc_t5 a{background:url(../images/2019_hospital/pop_img1.png) no-repeat 9px 9px;display:block;width:34px;height:34px;transition:all .3s;}
#pop_wechat .wc_t5 a:hover{background:url(../images/2019_hospital/pop_img2.png) no-repeat 9px 9px;border-radius:1px;background-color:#4ec034;transition:all .3s;}


/* 인텍스 러닝컨넨츠 추가 */
#index .learning_cont {width:1100px;margin:0 auto 60px;} 
#index .learning_cont p.title1{position:relative;}
#index .learning_cont p.title1 a.more{position:absolute;right:5px;top:20px;font-size:15px;}
#index .learning_cont .overflow{overflow:hidden;padding:25px 0 50px;} 
#index .learning_cont .clear{clear:both;}

#index .learning_cont .l_gr:first-child{margin-left:0;}
#index .learning_cont .l_gr{float:left;width:350px;margin-left:25px;position: relative;} 
#index .learning_cont .l_gr .thumb{width:350px;overflow:hidden;position:relative;}
#index .learning_cont .l_gr .thumb a.btn_play{position:absolute;left:150px;top:75px;opacity:.5;transition:all 0.3s;}
#index .learning_cont .l_gr .thumb span.time{background:#212228;color:#fff;width:68px;height:30px;text-align:center;position:absolute;right:0;bottom:0;font-size:14px;padding-top:7px;}

#index .learning_cont .l_gr .thumb img.pic{transition:all 0.3s;}
#index .learning_cont .l_gr .thumb:hover img.pic{transform:scale(1.1,1.1);transition:all 0.3s;}
#index .learning_cont .l_gr .thumb a.btn_play:hover{opacity:1;transition:all 0.3s;}

#index .learning_cont dl.info{padding-top:20px;} 
#index .learning_cont dl.info dt{font-size:22px;color:#14171a;padding-bottom:25px;}
#index .learning_cont dl.info dd{font-size:16px;color:#6d7075;line-height:20px;width:280px;}

#index .learning_cont .ytube_more{padding-top:50px;}
#index .learning_cont .ytube_more p.title2{text-align:center;padding-bottom:40px;font-size:29px;font-weight:300;}
#index .learning_cont .ytube_more p.btn{text-align:center;background:url(../images/index_img3_bg.gif) repeat-x 0 0;}


/* 페북메신저팝업 */
#pop_faMsg{text-align:center;position:relative;}
#pop_faMsg .wc_t1{padding:20px 0 25px;}
#pop_faMsg .wc_t2{padding-bottom:20px;}
#pop_faMsg .wc_t3{font-size:16px;color:#313131;font-weight:500;border-bottom:1px solid #d0d0d0;margin:0 40px;background:url(../images/2019_hospital/pop_img3.gif) no-repeat 6px 3px;padding:0 0 9px 35px;text-align:left;}
#pop_faMsg .wc_t4{font-size:14px;padding:20px 25px 0;color:#8b8b8b;line-height: 19px;}
#pop_faMsg .wc_t5{position:absolute;right:0;top:0;}
#pop_faMsg .wc_t5 a{background:url(../images/2019_hospital/pop_img1.png) no-repeat 9px 9px;display:block;width:36px;height:34px;transition:all .3s;}
#pop_faMsg .wc_t5 a:hover{background:url(../images/2019_hospital/pop_img2.png) no-repeat 9px 9px;border-radius:1px;background-color:#3d69c6;transition:all .3s;}
#pop_faMsg .wc_t6{font-size:14px;color:#8b8b8b;padding-top:15px;}
#pop_faMsg .wc_t6 span{display:inline-block;border:1px solid #ccc;border-radius:3px;padding:5px 10px 7px;transition:all .3s;}
#pop_faMsg .wc_t6 span:hover{border:1px solid #0084ff;background: #0084ff;color:#fff;transition:all .3s;}


/* 메인폴링팝업 */
.popSlides {display: none}
.popSlideshow {width: 450px;height:550px;position:relative;margin:auto;}
.popSlideshow .prev, .popSlideshow .next {display:none;cursor:pointer;position:absolute;top:50%;width:auto;padding:16px;margin-top:-22px;color:white;font-weight:bold;font-size:18px;transition:0.6s ease;border-radius:0 3px 3px 0;user-select:none;}
.popSlideshow .next {right:0;border-radius:3px 0 0 3px;}

#popLayer_blackOut .popBtnClose{position:absolute;right:20px;top:20px;}

/* On hover, add a black background color with a little bit see-through */
.popSlideshow .prev:hover, .popSlideshow .next:hover {background-color:rgba(0,0,0,0.8);}
.popSlideshow .text {display:none;color:#f2f2f2;font-size:15px;padding:8px 12px;position:absolute;bottom:8px;width:100%;text-align:center;}
.popSlideshow .numbertext {display:none;color: #f2f2f2;font-size:12px;padding: 8px 12px;position:absolute;top: 0;}
.popSlideshow .dot {cursor: pointer;height:13px;width:13px;margin:0 3px;background-color:#636363;border-radius:50%;display:inline-block;transition:background-color 0.6s ease;}
.popSlideshow .popSlideDot{position:absolute;bottom:-30px;right:15px;text-align:right;}
.popSlideshow .active, .dot:hover {background-color: #fff;}
.popSlideshow .fade {-webkit-animation-name: fade;-webkit-animation-duration: .5s;animation-name: fade;animation-duration: .5s;}
@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}