@charset "utf-8";
#mcontainer{background-image:url(/images/life-biz/main/24_main_img.jpg);}

#con8, #con8-youtube{background:black; padding:0; height: 274px;}


/* 자주찾는 메뉴 블로그,유튜브 */
#con4 ul li a .bloicon{display:block;margin:0 auto 9px auto;width:50px;height:51px;}
.bloicon{display:inline-block;overflow:hidden;background:url(/images/bio/main/blog_icon.png) no-repeat;font-size:0;line-height:0;}

#con4 ul li a .ytbicon{display:block;margin:0 auto 9px auto;width:50px;height:51px;}
.ytbicon{display:inline-block;overflow:hidden;background:url(/images/bio/main/ytube_icon.png) no-repeat;font-size:0;line-height:0;}

#connew{overflow:visible;position:relative;background:rgba(0,0,0,0.5);z-index:10}
#connew.inner{padding:0;}
#connew .more{display:block;overflow:hidden;position:absolute;top:220px;right:30px;width:18px;height:18px;background:url(/images/common/c/hak_a/sm_hg_main_ir.png) no-repeat -18px -48px;font-size:0;line-height:0;}

/* popup */
#connew .popup{position:relative;}
#connew .popup .layout{width:100%;}

/* popup Area */
#connew .popup .grap{position:relative;width:100%;height:100%;}
#connew .popup .grap .obj{position:relative;width:100%;height:100%;}
#connew .popup .grap .obj:after{content:"";display:block;clear:both;visibility:hidden;}
#connew .popup .grap .obj .item{display:none;position: absolute;top: 0;left: 0;width:100%;height:274px;float:left;background-color:#eee;background-size: cover; overflow:hidden;}
#connew .popup .grap .obj .item span{display:block;width:200%;height:100%;margin-left:-50%;text-align:center;}
#connew .popup .grap .obj .item span img{height:100%;max-width:none;}

#connew .popup .grap .obj .item a{
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.36) 54%, rgba(0,0,0,0.76) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.36) 54%,rgba(0,0,0,0.76) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.36) 54%,rgba(0,0,0,0.76) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#c2000000',GradientType=0 ); /* IE6-9 */}
#connew .popup .grap .obj .item a:hover{
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.36) 74%, rgba(0,0,0,0.76) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.36) 74%,rgba(0,0,0,0.76) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.36) 74%,rgba(0,0,0,0.76) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#c2000000',GradientType=0 ); /* IE6-9 */
}

#connew .popup .grap .obj .item a{display:block;color:#fff;}
#connew .popup .grap .obj .item b{display:block;padding:220px 0 30px 30px; font-size:15px;text-align:left;}

/* popup Control Style */
#connew .popup .control{position:absolute; top:213px;right:45px;width:100px; height:20px; text-align:center;}
#connew .popup .control a{display:inline-block;width:13px;height:13px;color:#fff;line-height:15px;text-align:center;vertical-align:middle;word-wrap:break-word;word-break:keep-all;font-size:0;line-height:0;text-indent: -999px;}
#connew .popup .control a:hover{transition:none;}
#connew .popup .control .prev,
#connew .popup .control .next{position:absolute;top:90px;}
#connew .popup .control .prev{left:-75px;}
#connew .popup .control .next{right:-75px;}

/* Scroll Paging Style */
#connew .popup .control .paging{display:inline-block;margin-vertical-align:middle;width:100px;height:20px;}
#connew .popup .control .paging button{margin:0 1px;width:13px;height:13px;line-height:10px;background:url(/images/common/c/hak_a/sm_hg_main_ir.png) no-repeat -15px -380px;font-size: 0;line-height: 0;text-indent: -9999px;}
#connew .popup .control .paging button.ov{background-position:-1px -383px;}
#connew .popup .control .paging em{font-weight:bold;text-decoration:underline;}