/*** bootsrtap css 에서 프린트시 링크주소가 출력되는 현상 제거 */
@media print {
    a:link:after,
    a:visited:after {content: none;}
}
/*** 크롬에서 배경이미지,색 출력 : 미검증 */
h1, h2, h3, h4, h5, dl, dt, dd, ul, li, ol, th, td, p, blockquote, form, fieldset, legend, div,body { -webkit-print-color-adjust:exact; }

/* */
html, body { height:100%; }

/* font size */
.font16{font-size:16px;}

/* 공통 */
#site_hidden_div,#popup_area{position:relative;width:0;height:0;}
#site_hidden_iframe{width:99%; height:500px; display:none;}

/*********************
yn css3 효과
**********************/

/* 이미지에 마우스 올리면 생기는 효과 - 이 효과를 사용하려면 해당 이미지를 div.yn-img-wrap 으로 감싸고 이미지를 .yn-img로 지정하고 div.yn-img-info에 설명이나 원하는 아이콘등을 넣는다. */
.yn-img-wrap {display:inline-block;position:relative;}
.yn-img-wrap .yn-img{position:relative;}
.yn-img-info {position:relative;background:#000;height:0;overflow:hidden;}

/* 이미지에 마우스 올리면 검은색 반투명 커버 생기고 설명이 보이게 */
.yn-hover-black-cover:hover {overflow:hidden;}
.yn-hover-black-cover:hover .yn-img {z-index:9}
.yn-hover-black-cover:hover .yn-img-info {position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.75;filter:alpha(opacity=75);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";color:#fff;padding-top:40%;z-index:999;}
.yn-hover-black-cover:hover .yn-img-info p {font-size:20px;font-weight:bold;color:#fff;}

/*********************
사이트 전용
**********************/

/* 사이트 공통 */


/* _site_head.php */
.nav_bottom{position:relative;clear:both;height:51px;}

/* _site_tail.php */

/* index.php */

/* contactus.php */