/**
 * ! Bstones template v0.1
 * @comment     customize v0.1
 * @author      MCShin
 * @Write		2016-03-04
 * @Modify		2016-03-15
 */

/* ==========================================================================
   기본 스타일
   ========================================================================== */
html,button,input,select,textarea {color:#222;} 
h1,h2,h3,h4,h5,h6 {font-size:100%;line-height:1.2;}
i,em,address {font-style:normal;font-weight:normal;}
table {width:100%;table-layout:fixed;}
::-moz-selection {background:#b3d4fc;text-shadow:none;} 
::selection {background:#b3d4fc;text-shadow:none;}
fieldset {border:0;margin:0;padding:0;}
textarea {resize:vertical;}
i,em,address {font-style:normal;font-weight:normal;}

/* ==========================================================================
   헬퍼 클래스들
   ========================================================================== */
.hidden {display:none !important;visibility:hidden;} 
.visuallyhidden {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}
.invisible {visibility:hidden;}
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}
.ir-pm {text-indent:-9999px;display:block;}
.ir-wa {display:block;position:relative;z-index:-1;}
.blind,legend,hr,caption {display:block;overflow:hidden;position:absolute;/*top:0;*/left:-1000em;}
.center-block {display:block;margin-right:auto;margin-left:auto;}
.pull-right {float:right !important;}
.pull-left {float:left !important;}
.show {display:block !important;}
.hidden {display:none !important;visibility:hidden !important;}
.text-overflow {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}

/* ==========================================================================
   jQuery 사용 시 필요한 CSS
   ========================================================================== */
/* layer popup */
.layer_pop {display:none;}
.dim {background:#000;position:absolute;z-index:100;display:none;}

/* ==========================================================================
   반응형 필요시 작성 할 영역
   ========================================================================== */
@media only screen and (max-width:768px) {      /* (35em) 560px*/
    /* 태블릿 영역 */
}
@media only screen and (max-width:480px){
    /* 모바일 (필요시 확장) */
}
@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* 고해상도 기기용 스타일 영역 */
}

/* ==========================================================================
   프린트용 스타일 ( 인쇄 필요시만 )
   ==========================================================================*/
@media print {
    *,*:before,*:after,*:first-letter,*:first-line {
        background:transparent !important;
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
    }
    a,a:visited {text-decoration:underline;}
    /* a[href]:after {content:"(" attr(href) ")";} */
    /* abbr[title]:after {content:"(" attr(title) ")";} */
    /* a[href^="#"]:after,a[href^="javascript:"]:after {content:"";}  */
    tr,img {page-break-inside:avoid;}
    img {max-width:100% !important;}
    p,h2,h3 {orphans:3;widows:3;}
    h2,h3 {page-break-after:avoid;}
	a:link:after,
    a:visited:after {content:none}
}