@charset "UTF-8";
@import url("/_res/songeui/_share/css/sub-guide.css");

/* common */
body{min-width:320px;font-family:'Pretendard',sans-serif;font-weight:400;font-size:16px;color:#555;letter-spacing:0;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;overflow-x:hidden;}
body::after{content:'';display:block;clear:both;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select::-ms-expand{display:none;}
button{padding:0;border:none;cursor:pointer;}
header{z-index:120 !important;}
.hide{top:-999999px;}
.no-js{opacity:0;}
.pc-hide{display:none !important}
.over-hidden{overflow:hidden;}
.clearfix:after{content:'';display:block;clear:both;}
img{max-width:100%;}

@media print{
  body{-webkit-print-color-adjust:exact;padding:0 20px;}
  #header,
  #footer,
  #contents,
  #lnb{display:none}

  @page{
	margin:0 10px;
  }
  .container.field .lv1, .container.field .tbl-search.narrow, .container.field .lv2, .container.field .s-info, .container.field .rwd-tbl, .container.field .tbl-search.middle, .container.field .tabMenu, .container.field .lv-desc, .container.field .report-bar, .container.field .num-list, .container.field .lv-ref, .container.field .footer{display:none;}
}
@media print and (-webkit-min-device-pixel-ratio:0){
  body{zoom:0.6;}
}


@media print {
	.wrap header,
	.sub-visual-box,
	.wrap .fxd-btn-wrap,
	.sub-container .path-box,
	.wrap footer{display: none;}
}

/* layout */
header{position:relative;}
.container{/* overflow-x:hidden;*/ }

/* 접근성 */
*:focus-visible{outline:2px solid #ff0000; outline-offset:4px;} /*키보드 접근 시*/
*:focus:not(:focus-visible){outline:none;} /*마우스, 터치 시*/

/* 공통 */
.sub-mn > li > a{word-break:keep-all;}

/* 레이어 팝업 */
.layer-popup-outer{display:none;position:fixed;top:0;left:0;padding:80px 50px;z-index:0;width:100%;height:100%;text-align:center;box-sizing:border-box;overflow-y:auto;-ms-overflow-style: none;scrollbar-width: none; /* Firefox */}
.layer-popup-outer::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
.layer-popup-outer.on{display:block;z-index:130;background-color:rgba(0,0,0,0.4);}
.layer-popup-outer .layer-popup-wrap{display:inline-block;position:relative;z-index:40;margin:0 20px 20px 0;padding: 50px 15px 15px;min-width:355px;background-color:#fff;vertical-align:top;box-sizing:border-box;overflow: auto;}
.layer-popup-outer .layer-popup-wrap img{max-width:100%;}
.layer-popup-outer .layer-popup-wrap .btn-box{position: absolute;top: 10px;right: 0;padding: 0 15px;width: 100%;background-color: #fff;text-align: right;box-sizing: border-box;}
.layer-popup-outer .layer-popup-wrap .btn-box .btn-layer-close{display:inline-block;margin: 0 0 4px 4px;padding:2px 10px;border:1px solid #ccc;font-size:14px;color:#333;line-height: 19px;border-radius:5px;}
.layer-popup-outer .layer-popup-wrap .btn-box .btn-layer-close:first-of-type{margin-left:0;}


@media screen and (max-width:768px) {
	/* common */
	body{font-size:14px;line-height:21px;}
	.pc-hide{display:block !important;}
	.mobile-hide{display:none !important;}

	/* 레이어 팝업 */
	.layer-popup-outer{padding:20px 10px;}
	.layer-popup-outer .layer-popup-wrap{margin:0 0 10px 0;padding:50px 10px 10px;max-width:100%;}
}


@media screen and (max-width:480px) {	
	/* 레이어 팝업 */
	.layer-popup-outer .layer-popup-wrap{min-width:260px;}
	.layer-popup-outer .layer-popup-wrap .btn-box{padding:0 10px;}
	.layer-popup-outer .layer-popup-wrap .btn-box .btn-layer-close{margin:0 0 4px 0;padding:2px 3px;font-size:12px;line-height:17px;}
}