@charset 'UTF-8'; #wrap #container{width:100%;} #wrap #container .visual{width:100%; background:url(/images/visual_bg.jpg) left top repeat; padding:15px 0 27px; border-bottom:1px solid #cecece;} #wrap #container .visual .search_box{max-width:1370px; margin:0 auto 15px;} #wrap #container .visual .search_box form{max-width:490px; margin:0 auto; position:relative; width:100%;} #wrap #container .visual .search_box input{width:100%; max-width:490px; height:45px; line-height:45px; border:2px solid #000; box-sizing:border-box; display:block; padding-left:18px; font-size:16px;} #wrap #container .visual .search_box a{position:absolute; right:14px; top:13px;} #wrap #container .visual .visual_wrap{max-width:1370px; margin:0 auto;} #wrap #container .visual .visual_wrap:after{content:''; display:block; clear:both;} #wrap #container .visual .visual_wrap .v_left{max-width:650px; width:47.5%; float:left; position:relative; height:500px; overflow:hidden;} #wrap #container .visual .visual_wrap .v_left .visual_slide li{height:500px; position:relative;} #wrap #container .visual .visual_wrap .v_left .visual_slide li img{position: absolute; height:500px; width:650px; max-height:500px; max-width:650px; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} #wrap #container .visual .visual_wrap .v_left .bx-wrapper .bx-controls-direction{width:102px; background:url(/images/visual_control.png) no-repeat; position:absolute; top:30px; right:30px; height:30px; z-index:51;} #wrap #container .visual .visual_wrap .v_left .bx-wrapper .bx-prev{right:78px; background: url(/images/visual_left.png) no-repeat;} #wrap #container .visual .visual_wrap .v_left .bx-wrapper .bx-next{right:17px; background: url(/images/visual_right.png) no-repeat;} #wrap #container .visual .visual_wrap .v_left .bx-wrapper .bx-controls-direction a{top:9px; position: absolute; width:8px; height:13px; text-indent: -9999px; z-index:52;} #wrap #container .visual .visual_wrap .v_left .bx-wrapper .bx-controls-auto {width:102px; position:absolute; top:30px; right:30px; height:30px;} #wrap #container .visual .visual_wrap .v_left .bx-wrapper .bx-controls-auto a{top:9px; right:47px; position: absolute; width:8px; height:13px; text-indent: -9999px; z-index:53;} #wrap #container .visual .visual_wrap .v_left .bx-wrapper .bx-controls-auto .bx-start{background:url(/images/visual_play.png) no-repeat;} #wrap #container .visual .visual_wrap .v_left .bx-wrapper .bx-controls-auto .bx-stop{background:url(/images/visual_pause.png) no-repeat;} #wrap #container .visual .visual_wrap .v_left .bx-wrapper .bx-controls-auto .active{display:none;} #wrap #container .visual .visual_wrap .v_right{max-width:770px; width:52.5%; float:left;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap:after{content:''; display:block; clear:both;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap{font-size:0;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap div{display:block; float:left; width:calc(99.99% / 3 - 10px); max-width:230px; height:200px; box-sizing:border-box; margin-left:10px; margin-bottom:10px; text-align:center; position:relative;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap div a{display:block; box-sizing:border-box; height:200px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap div img{display:block; margin:0 auto;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap div p{font-size:18px; line-height:20px; margin-top:22px; margin-bottom:6px; color:#fff;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap div span{display:block; color:#fff; font-size:14px; line-height:17px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap div a:hover p{text-decoration:underline;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap div a:hover span{text-decoration:underline;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap div a:after{position:absolute; width:100%; height:100%; top:0; left:0; border:0; opacity:0; content:''; transition:all 0.3s ease; display:block; box-sizing:border-box;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con01{background:url(/images/vcon_bg01.jpg) no-repeat; } #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con01 a{padding-top:30px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con01 a:hover:after{border:10px solid #253b5f; opacity:1; content:'';} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con02{background:url(/images/vcon_bg02.jpg) no-repeat; } #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con02 a{padding-top:31px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con02 a:hover:after{border:10px solid #70829c; opacity:1; content:'';} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con03{background:url(/images/vcon_bg03.jpg) no-repeat; } #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con03 a{padding-top:37px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con03 a:hover:after{border:10px solid #165592; opacity:1; content:'';} /* #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con03 .v_con03_top{background:url(/images/vcon_bg09.jpg) no-repeat; height:95px; display:block; width:100%; margin:0 0 10px 0;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con03 .v_con03_top span{margin-left:20px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con03 .v_con03_top a{padding-top:35px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con03 .v_con03_top a:hover:after{border:10px solid #545d7e; opacity:1; content:'';} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con03 .v_con03_bottom{background:#996666; height:95px; display:block; width:100%; margin:0;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con03 .v_con03_bottom a:hover:after{border:10px solid #8d5151; opacity:1; content:'';} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con03 .v_con03_bottom img{margin-top:10px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con03 a{padding-top:23px; padding-left:25px; height:95px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con03 span{font-size:18px; line-height:24px; display:block; float:left; margin-left:25px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con03 img{display:block; margin:0; float:left; width:42px;} */ #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con04{background:url(/images/vcon_bg04.jpg) no-repeat; } #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con04 a{padding-top:38px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con04 a:hover:after{border:10px solid #1c2e8b; opacity:1; content:'';} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con05{background:url(/images/vcon_bg05.jpg) no-repeat; } #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con05 a{padding-top:32px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con05 a:hover:after{border:10px solid #0a8076; opacity:1; content:'';} /* #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con06{background:url(/images/vcon_bg01.jpg) no-repeat; } #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con06 a{padding-top:32px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con06 a:hover:after{border:10px solid #253b5f; opacity:1; content:'';} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con06 a>img{height:71px;} */ #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con06 .v_con06_top{background:url(/images/vcon_bg09.jpg) no-repeat; height:95px; display:block; width:100%; margin:0 0 10px 0;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con06 .v_con06_top a:hover:after{border:10px solid #545d7e; opacity:1; content:'';} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con06 .v_con06_bottom{background:url(/images/vcon_bg10.jpg) no-repeat; height:95px; display:block; width:100%; margin:0;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con06 .v_con06_bottom a:hover:after{border:10px solid #35599c; opacity:1; content:'';} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con06 a{padding-top:23px; padding-left:35px; height:95px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con06 span{font-size:18px; line-height:24px; display:block; float:left; margin-left:38px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con06 img{display:block; margin:0; float:left;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap2:after{content:''; display:block; clear:both;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap2 > div{display:block; float:left; height:80px; margin-left:10px; box-sizing:border-box; background-size:cover;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap2 .v_con07{text-align:center;background:url(/images/vcon_bg07.jpg) no-repeat; width:calc(33.33% - 10px); padding-left:35px; padding-top:25px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap2 .v_con07 span{display:inline-block; color:#fff; font-size:18px; padding-top:8px; margin:0 10px 0 5px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap2 .v_con07 img.number{padding-top:6px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap2 .v_con08{background:url(/images/vcon_bg08.jpg) no-repeat; width:calc(33.33% - 10px); position:relative;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap2 .v_con08 a{padding-top:23px; display:block; box-sizing:border-box; height:80px; padding-left:43px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap2 .v_con08 a:after{position:absolute; width:100%; height:100%; top:0; left:0; border:0; opacity:0; content:''; transition:all 0.3s ease; display:block; box-sizing:border-box;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap2 .v_con08 a:hover:after{border:10px solid #ac6a09; opacity:1; content:'';} #wrap #container .visual .visual_wrap .v_right .v_con_wrap2 .v_con08 span{display:inline-block; margin-left:38px; padding-top:11px; color:#fff; font-size:18px;} #wrap #container .shortcut{max-width:1370px; margin:30px auto; width:100%; border:2px solid #2b6ead; height:170px; box-sizing:border-box; position:relative;} #wrap #container .shortcut ul li{padding-top:40px; text-align:center;} #wrap #container .shortcut ul li span{display:block; font-size:14px; margin-top:19px;} #wrap #container .shortcut ul li a{display:block; color:#4b4b4b;} #wrap #container .shortcut ul li a:hover{color:#2b6ead;} #wrap #container .shortcut .bx-wrapper{padding:0 75px 0 50px;} #wrap #container .shortcut .bx-wrapper .bx-controls-direction{} #wrap #container .shortcut .bx-wrapper .bx-controls-direction a{position:absolute; bottom:58px; text-indent: -9999px; z-index: 90; width:35px; height:50px;} #wrap #container .shortcut .bx-wrapper .bx-prev{left:0px; background: url(/images/short_left.jpg) no-repeat;} #wrap #container .shortcut .bx-wrapper .bx-next{right:0px; background: url(/images/short_right.jpg) no-repeat;} #wrap #container .content_box{max-width:1370px; width:100%; margin:0 auto 30px;} #wrap #container .content_box:after{content:''; display:block; clear:both;} #wrap #container .content_box .board{width:47.5%; max-width:650px; float:left;} #wrap #container .content_box .board > ul{width:100%;} #wrap #container .content_box .board > ul:after{content:''; display:block; clear:both;} #wrap #container .content_box .board > ul li{width:25%; box-sizing:border-box; text-align:center; height:50px; line-height:50px; float:left; position:relative;} #wrap #container .content_box .board > ul li a.text{border:1px solid #dddddd; border-left:0; display:block; font-size:16px; background:#f6f6f6;} #wrap #container .content_box .board > ul li a.text2{border:1px solid #dddddd; border-left:0; display:block; font-size:16px; background:#f6f6f6;} #wrap #container .content_box .board > ul li:first-child a.text{border-left:1px solid #ddd;} #wrap #container .content_box .board > ul li a.on{background:#fff; border-bottom:0; color:#2b6ead;} #wrap #container .content_box .board > ul li .more{position:absolute; left:115px; top:50%; margin-top:-5.5px; z-index:9; border:0; height:11px; width:11px;} #wrap #container .content_box .board .blist_wrap{padding-top:19px;} #wrap #container .content_box .board .blist_wrap ul.photo:after{content:''; display:block; clear:both;} #wrap #container .content_box .board .blist_wrap ul.photo li{width:32%; max-width:210px; margin-left:2%; float:left;} #wrap #container .content_box .board .blist_wrap ul.photo li:first-child{margin-left:0;} #wrap #container .content_box .board .blist_wrap ul.photo li a{display:block;} #wrap #container .content_box .board .blist_wrap ul.photo li > a:hover{} #wrap #container .content_box .board .blist_wrap ul.photo li > a:hover p{border:1px solid #ddd; background:#ff8900;} #wrap #container .content_box .board .blist_wrap ul.photo li > a:hover p span{color:#fff;} #wrap #container .content_box .board .blist_wrap ul.photo li .img{position:relative; padding-bottom:60%;} #wrap #container .content_box .board .blist_wrap ul.photo li .img .img_con{position:absolute; top:0; left:0; width:100%; height:100%; font-size:0;} #wrap #container .content_box .board .blist_wrap ul.photo li img{width:100%; height:100%; vertical-align:middle;} #wrap #container .content_box .board .blist_wrap ul.photo li > a:hover .img span{display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(76, 66, 56, 0.8) url(/images/photo_hover.png) center center no-repeat; background-size:35px;} #wrap #container .content_box .board .blist_wrap ul.photo li > a:hover .img span:after{content:'자세히보기'; color:#fff; font-size:12px; text-align:center; width:100%; display:block; margin-top:80px;} #wrap #container .content_box .board .blist_wrap ul.photo li p{border:1px solid #e3e3e3; border-top:0; padding:18px;} #wrap #container .content_box .board .blist_wrap ul.photo li p span{font-size:16px; text-overflow:ellipsis; overflow:hidden; display:inline-block; width:100%;} #wrap #container .content_box .board .blist_wrap ul.photo li p span:first-child{margin-bottom:5px;} #wrap #container .content_box .board .blist_wrap ul.text{padding-top:10px;} #wrap #container .content_box .board .blist_wrap ul.text li{width:100%; margin-bottom:15px; position:relative;} #wrap #container .content_box .board .blist_wrap ul.text li a{display:block; font-size:16px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:inline-block; max-width:80%; padding-left:10px;} #wrap #container .content_box .board .blist_wrap ul.text li span{font-size:14px; color:#666; position:absolute; right:0; bottom:2px;} #wrap #container .content_box .pop_zone{width:calc(34% - 20px); max-width:450px; box-sizing:border-box; float:left; margin-left:20px; height:230px; position:relative;} #wrap #container .content_box .pop_zone img{max-height:230px; width:100%;} #wrap #container .content_box .pop_zone .title{height:39px; line-height:39px; font-size:18px;} #wrap #container .content_box .pop_zone .bx-wrapper .bx-controls-direction{width:102px; background:url(/images/slide_control.jpg) no-repeat; position:absolute; top:0; right:2px; height:30px;} #wrap #container .content_box .pop_zone .bx-wrapper .bx-prev{right:78px; background: url(/images/slide_left.jpg) no-repeat;} #wrap #container .content_box .pop_zone .bx-wrapper .bx-next{right:17px; background: url(/images/slide_right.jpg) no-repeat;} #wrap #container .content_box .pop_zone .bx-wrapper .bx-controls-direction a{top:9px; position: absolute; width:8px; height:13px; text-indent: -9999px; z-index: 90;} #wrap #container .content_box .pop_zone .bx-wrapper .bx-controls-auto {} #wrap #container .content_box .pop_zone .bx-wrapper .bx-controls-auto a{top:9px; position: absolute; width:8px; height:13px; text-indent: -9999px; z-index: 90;} #wrap #container .content_box .pop_zone .bx-wrapper .bx-controls-auto .bx-start{background:url(/images/slide_play.jpg) no-repeat; right:47px;} #wrap #container .content_box .pop_zone .bx-wrapper .bx-controls-auto .bx-stop{background:url(/images/slide_pause.jpg) no-repeat; right:47px;} #wrap #container .content_box .pop_zone .bx-wrapper .bx-controls-auto .active{display:none;} #wrap #container .content_box .funeral{width:calc(18.5% - 20px); margin-left:20px; max-width:231px; height:269px; background:url(/images/funeral_bg.jpg) no-repeat; background-size:cover; float:left; box-sizing:border-box; padding-left:25px; padding-top:20px;} #wrap #container .content_box .funeral a{display:block;} #wrap #container .content_box .funeral p{color:#fff; font-size:14px; margin-top:10px;} #wrap #container .content_box .funeral p.title{font-size:24px; font-weight:800;} #wrap #container .content_box .funeral .funeral_btn{margin-top:15px; background:url(/images/funeral_btn.png) no-repeat; width:123px; height:35px; line-height:35px; color:#fff; font-size:14px; padding-left:23px; box-sizing:border-box; display:block;} #wrap #container .content_box .photo_gallery{border:1px solid #dedede; box-sizing:border-box; width:81.5%; padding:29px 36px; float:left; position:relative; min-height:326px;} #wrap #container .content_box .photo_gallery .title{font-size:18px; color:#444; margin-bottom:15px;} #wrap #container .content_box .photo_gallery .photo_slide{} #wrap #container .content_box .photo_gallery .photo_slide li{} #wrap #container .content_box .photo_gallery .photo_slide li > a{display:block;} #wrap #container .content_box .photo_gallery .photo_slide li > a:hover .img span{display:block;} #wrap #container .content_box .photo_gallery .photo_slide li > a:hover .text{border:1px solid #ddd; background:#ff8900;} #wrap #container .content_box .photo_gallery .photo_slide li > a:hover .text p{color:#fff;} #wrap #container .content_box .photo_gallery .photo_slide li > a:hover .text span{color:#fff;} #wrap #container .content_box .photo_gallery .photo_slide li .img{position:relative; padding-bottom:60%;} #wrap #container .content_box .photo_gallery .photo_slide li .img .img_con{position:absolute; top:0; left:0; width:100%; height:100%; font-size:0;} #wrap #container .content_box .photo_gallery .photo_slide li .img img{width:100%; height:100%; vertical-align:middle;} #wrap #container .content_box .photo_gallery .photo_slide li > a:hover .img span{display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(76, 66, 56, 0.8) url(/images/photo_hover.png) center center no-repeat;} #wrap #container .content_box .photo_gallery .photo_slide li > a:hover .img span:after{content:'자세히보기'; color:#fff; font-size:14px; text-align:center; width:100%; display:block; margin-top:117px;} #wrap #container .content_box .photo_gallery .photo_slide li .text{padding:20px;} #wrap #container .content_box .photo_gallery .photo_slide li .text p{font-size:18px; color:#444; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:100%;} #wrap #container .content_box .photo_gallery .photo_slide li .text span{color:#828282; font-size:14px; line-height:16px; overflow:hidden; height:32px; display:block;} #wrap #container .content_box .photo_gallery .bx-wrapper .bx-controls-direction{width:56px; background:url(/images/slide_control2.png) no-repeat; position:absolute; top:28px; right:36px; height:23px;} #wrap #container .content_box .photo_gallery .bx-wrapper .bx-controls-direction a{top:7px; position: absolute; width:6px; height:9px; text-indent: -9999px; z-index: 90;} #wrap #container .content_box .photo_gallery .bx-wrapper .bx-prev{right:38px; background: url(/images/slide_left2.png) no-repeat;} #wrap #container .content_box .photo_gallery .bx-wrapper .bx-next{right:10px; background: url(/images/slide_right2.png) no-repeat;} #wrap #container .content_box .health_info{width:calc(18.5% - 20px); margin-left:20px; max-width:231px; background:url(/images/health_bg.jpg) no-repeat; height:326px; background-size:cover; float:left; box-sizing:border-box; padding:30px 25px; position:relative;} #wrap #container .content_box .health_info .title{font-size:18px; color:#fff; margin-bottom:20px;} #wrap #container .content_box .health_info .health_slide p{border-bottom:1px solid #5498c1; font-size:14px; line-height:22px; padding:10px 0;} #wrap #container .content_box .health_info .health_slide p a{color:#fff;display:block; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap;} #wrap #container .content_box .health_info .health_slide p a:hover{text-decoration:underline;} #wrap #container .content_box .health_info .bx-wrapper .bx-controls-direction{width:56px; background:url(/images/slide_control2.png) no-repeat; position:absolute; top:28px; right:19px; height:23px;} #wrap #container .content_box .health_info .bx-wrapper .bx-controls-direction a{top:7px; position: absolute; width:6px; height:9px; text-indent: -9999px; z-index: 90;} #wrap #container .content_box .health_info .bx-wrapper .bx-prev{right:38px; background: url(/images/slide_left3.png) no-repeat;} #wrap #container .content_box .health_info .bx-wrapper .bx-next{right:10px; background: url(/images/slide_right3.png) no-repeat;} #wrap #container .hospitals{max-width:1370px; margin:0 auto 30px; height:48px; font-size:0;} #wrap #container .hospitals .title{width:17%;font-size:20px; line-height:48px; color:#2a2a2a; box-sizing:border-box; padding-left:5px; display:inline-block;} #wrap #container .hospitals .tab{width:83%; display:inline-block;} #wrap #container .hospitals .tab li{width:calc(99.99% / 6); max-width:200px; height:48px; line-height:48px; text-align:center; border:1px solid #dddddd; border-left:0; box-sizing:border-box; display:inline-block;} #wrap #container .hospitals .tab li:first-child{border-left:1px solid #dddddd;} #wrap #container .hospitals .tab li a{display:block; font-size:18px; color:#878787;} #wrap #container .hospitals .tab li:hover{border:1px solid #2b6fad; background:#2b6fad;} #wrap #container .hospitals .tab li:hover a{color:#fff;} #wrap #container .bottom{width:100%; background:#464c58; height:60px; border-bottom:1px solid #5d636f;} #wrap #container .bottom_wrap{max-width:1370px; margin:0 auto; font-size:0; position:relative;} #wrap #container .bottom_wrap:after{content:''; display:block; clear:both;} #wrap #container .bottom_wrap .title{background:#323641; width:20%; max-width:265px; color:#fff; font-size:18px; box-sizing:border-box; padding-left:35px; line-height:60px; float:left;} #wrap #container .bottom_wrap .bx-wrapper{width:80%; display:inline-block; line-height:60px; height:60px; box-sizing:border-box; float:left;} #wrap #container .bottom_wrap .banner_slide li{text-align:center; display:inline-block; width:157px !important; background:url(/images/bottom_line.jpg) right center no-repeat; height:60px;} #wrap #container .bottom_wrap .banner_slide li:last-child{background:none;} #wrap #container .bottom_wrap .banner_slide li a{color:#fff; font-size:16px; display:inline-block;} #wrap #container .bottom_wrap .banner_slide li a:hover{text-decoration:underline;} #wrap #container .bottom_wrap .bx-wrapper .bx-controls-direction{width:104px; background:url(/images/banner_control.png) no-repeat; position:absolute; top:16px; left:135px; height:30px;} #wrap #container .bottom_wrap .bx-wrapper .bx-prev{right:78px; background: url(/images/slide_left.jpg) no-repeat;} #wrap #container .bottom_wrap .bx-wrapper .bx-next{right:17px; background: url(/images/slide_right.jpg) no-repeat;} #wrap #container .bottom_wrap .bx-wrapper .bx-controls-direction a{top:9px; position:absolute; width:8px; height:13px; text-indent: -9999px; z-index: 90;} #wrap #container .bottom_wrap .bx-wrapper .bx-controls-auto{width:104px; position:absolute; top:16px; left:135px; height:30px;} #wrap #container .bottom_wrap .bx-wrapper .bx-controls-auto a{top:9px; position: absolute; width:8px; height:13px; text-indent: -9999px; z-index: 90; display:block;} #wrap #container .bottom_wrap .bx-wrapper .bx-controls-auto .bx-start{background:url(/images/slide_play.jpg) no-repeat; right:47px;} #wrap #container .bottom_wrap .bx-wrapper .bx-controls-auto .bx-stop{background:url(/images/slide_pause.jpg) no-repeat; right:47px;} #wrap #container .bottom_wrap .bx-wrapper .bx-controls-auto .active{display:none;} @media screen and (max-width:1299px){ #wrap #container .visual .visual_wrap .v_right .v_con_wrap2 .v_con07{padding-left:20px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap2 .v_con07 img.number{width:150px; padding-top:9px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap2 .v_con08 span{margin-left:20px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con06 span{margin-left:20px;} #wrap #container .bottom_wrap .title{width:30%;} #wrap #container .bottom_wrap .bx-wrapper{width:70%;} } @media screen and (max-width:1200px){ #wrap #container .content_box .board > ul li .more{left:75%;} } @media screen and (max-width:1120px){ #wrap #container .visual .visual_wrap .v_right .v_con_wrap div span{font-size:13px; letter-spacing:-0.5px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap2 .v_con07{padding-left:15px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap2 .v_con07 span{margin:0 3px; letter-spacing:-0.5px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap2 .v_con07 img.number{width:140px; padding-top:10px;} } @media screen and (max-width:1000px){ #wrap #container .visual .visual_wrap{padding:0 20px;} #wrap #container .visual .visual_wrap .v_left{float:none;width:100%; max-width:1000px; text-align:center; margin-bottom:10px; height:auto; overflow:auto;} #wrap #container .visual .visual_wrap .v_left img{width:100%;} #wrap #container .visual .visual_wrap .v_left .visual_slide li{height:auto; position:absolute;} #wrap #container .visual .visual_wrap .v_left .visual_slide li img{position:static; height:auto; width:100%; max-height:100%; max-width:100%; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0);} #wrap #container .visual .visual_wrap .v_right{float:none;width:100%; max-width:1000px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap div{max-width:350px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con01{background-size:100% 100%;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con02{background-size:100% 100%;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con03{background-size:100% 100%;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con04{background-size:100% 100%;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con05{background-size:100% 100%;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con06{background-size:100% 100%;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con06 .v_con06_top{background-size:100% 100%;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con06 .v_con06_bottom{background-size:100% 100%;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap2 .v_con07{background-size:100% 100%; padding-left:35px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap2 .v_con07 span{letter-spacing:0; margin:0 12px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap2 .v_con08{background-size:100% 100%;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con03{background-size:100% 100%;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con03 .v_con03_top{background-size:100% 100%;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con03 .v_con03_bottom{background-size:100% 100%;} #wrap #container .contents{padding:0 20px; width:100%; box-sizing:border-box;} #wrap #container .content_box .board{width:100%; max-width:1000px; float:none; margin-bottom:20px;} #wrap #container .content_box .board .blist_wrap ul.photo li{max-width:330px;} #wrap #container .content_box .board .blist_wrap ul.photo li > a:hover{} #wrap #container .content_box .board .blist_wrap ul.photo li > a:hover p{border:1px solid #ddd; background:#ff8900;} #wrap #container .content_box .board .blist_wrap ul.photo li > a:hover p span{color:#fff;} #wrap #container .content_box .board .blist_wrap ul.photo li > a:hover .img span{display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(76, 66, 56, 0.8) url(/images/photo_hover.png) center center no-repeat;} #wrap #container .content_box .board .blist_wrap ul.photo li > a:hover .img span:after{content:'자세히보기'; color:#fff; font-size:12px; text-align:center; width:100%; display:block; margin-top:12vw;} #wrap #container .content_box .pop_zone{margin-left:0; width:70%; max-width:700px; height:292px;} #wrap #container .content_box .pop_zone .pop_slide li{text-align:center;} #wrap #container .content_box .pop_zone .pop_slide img{min-height:253px;} #wrap #container .content_box .funeral{width:29%; margin-left:1%; max-width:350px; background-size:100% 100%; height:292px;} #wrap #container .content_box .photo_gallery{width:100%; float:none; margin-bottom:20px; min-height:auto;} #wrap #container .content_box .health_info{width:100%; float:none; margin:0; background:#2e81b3; height:auto; padding-top:25px; padding-bottom:25px; max-width:1000px;} #wrap #container .hospitals{height:auto;} #wrap #container .hospitals .title{display:block; width:100%;} #wrap #container .hospitals .tab{display:block; width:100%;} } @media screen and (max-width:830px){ #wrap #container .bottom_wrap .bx-wrapper .bx-controls-direction {background-size:80px; width:80px; left:100px; top:19px;} #wrap #container .bottom_wrap .bx-wrapper .bx-controls-direction a{background-size:7px; top:6px;} #wrap #container .bottom_wrap .bx-wrapper .bx-prev{right:62px;} #wrap #container .bottom_wrap .bx-wrapper .bx-next{right:11px;} #wrap #container .bottom_wrap .title{padding-left:20px;} #wrap #container .bottom_wrap .bx-wrapper .bx-controls-auto{width:80px; left:100px; top:19px;} #wrap #container .bottom_wrap .bx-wrapper .bx-controls-auto a{top:6px;} #wrap #container .bottom_wrap .bx-wrapper .bx-controls-auto .bx-start{right:36px;background-size:7px;} #wrap #container .bottom_wrap .bx-wrapper .bx-controls-auto .bx-stop{right:36px;background-size:7px;} } @media screen and (max-width:740px){ #wrap #container .content_box .funeral{padding-left:15px;} #wrap #container .content_box .funeral p{letter-spacing:-0.5px;} } @media screen and (max-width:640px){ #wrap #container .shortcut .bx-wrapper{padding:0; padding-left:25px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap div{margin:0; width:50%;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con06 .v_con06_top{background:#717a8a; margin-bottom:0; height:100px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con06 .v_con06_bottom{background:#2b4e90; height:100px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con06 a{padding-top:28px;} #wrap #container .visual .visual_wrap .v_con03{margin:0; width:100%;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap2 .v_con07{margin:0; width:100%;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap2 .v_con08{margin:0; width:100%; background:#ba8e4d;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap2 .v_con08 a{padding-left:35%;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con03 .v_con03_top{background:#717a8a; margin-bottom:0; height:100px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con03 .v_con03_bottom{background:#2b4e90; height:100px;} #wrap #container .content_box{margin-bottom:20px;} #wrap #container .content_box .board > ul li .more{display:none;} #wrap #container .content_box .board .blist_wrap ul.photo li{width:49%;} #wrap #container .content_box .board .blist_wrap ul.photo li:last-child{display:none;} #wrap #container .content_box .pop_zone .pop_slide img{width:100%;} #wrap #container .content_box .pop_zone{width:100%; height:auto; margin-bottom:20px; float:none;} #wrap #container .content_box .funeral{width:100%; margin-left:0; height:auto; float:none; max-width:640px; background:url(/images/m_funeral.jpg) no-repeat; background-size:100% 100%; padding-top:0; padding-bottom:0;} #wrap #container .content_box .funeral a{ padding-top:40px; padding-bottom:40px; display:block;} #wrap #container .content_box .funeral .funeral_btn{display:none;} #wrap #container .content_box .photo_gallery{padding:0; border:0;} #wrap #container .content_box .photo_gallery .bx-wrapper .bx-controls-direction{top:0; right:0;} #wrap #container .content_box .photo_gallery .bx-wrapper .bx-prev{} #wrap #container .content_box .photo_gallery .bx-wrapper .bx-next{} #wrap #container .content_box .photo_gallery .photo_slide li > a:hover .img span{display:none;} #wrap #container .content_box .photo_gallery .photo_slide li .text p{font-size:16px;} #wrap #container .bottom{display:none;} #wrap #container .hospitals .tab{border-top:1px solid #ddd;} #wrap #container .hospitals .tab li{width:calc(100%/3); border-top:0;} #wrap #container .hospitals .tab li:hover{border-top:0;} #wrap #container .hospitals .tab li.third{border-left:1px solid #ddd;} } @media screen and (max-width:425px){ #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con06 a{padding-left:20px;} } @media screen and (max-width:500px){ #wrap #container .content_box .board .blist_wrap ul.text li span{display:none;} } @media screen and (max-width:440px){ #wrap #container .visual .visual_wrap .v_left .bx-wrapper .bx-controls-direction{top:10px; right:10px;} #wrap #container .visual .visual_wrap .v_left .bx-wrapper .bx-controls-auto {top:10px; right:10px;} #wrap #container .shortcut .bx-wrapper{padding:0;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap2 .v_con07{padding-left:15px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap2 .v_con07 span{margin:0 5px; font-size:16px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap div p{font-size:18px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap div span{font-size:13px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap div span b{display:block;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con04 a{padding-top:20px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap2 .v_con08 a{padding-left:30%;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con03 a{padding-left:20px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con03 span{margin-left:10px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con03 .v_con03_top span{margin-left:10px; letter-spacing:-1px;} } @media screen and (max-width:375px){ #wrap #container .visual .visual_wrap .v_right .v_con_wrap2 .v_con07{padding-left:10px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap2 .v_con07 span{font-size:15px; margin:0;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap2 .v_con07 img.number{width:125px; padding-top:8px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap2 .v_con07 img.icon{width:30px;} } @media screen and (max-width:340px){ #wrap #container .visual .visual_wrap .v_right .v_con_wrap2 .v_con07 img.icon{width:25px; margin-top:5px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con06 img{width:30px; margin-top:7px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con06 span{margin-left:10px;} #wrap #container .visual .visual_wrap .v_right .v_con_wrap .v_con03 img{width:30px; margin-top:7px;} }