@charset "UTF-8";

@import url("common-view.css"); /* 공통 view 페이지 */
@import url("common-write.css"); /* 공통 write 페이지 */

/* common */
select{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select::-ms-expand{display:none;}
pre{font-family:inherit;}
button{border:none;}
.view-box{padding:50px 0;border-top:1px dashed #d8d8d8;border-bottom:1px dashed #d8d8d8;}
.view-btn-box{padding:0 0 25px;}
.view-btn-box a{display:inline-block;margin:0 10px 0 0;padding:8px 20px;border:1px solid #d8d8d8;font-size:15px;line-height:20px;}
.view-btn-box a:last-of-type{margin:0;}

/* 접근성처리 */
label.focus, span.focus{outline:2px solid #ff0000;}
.bn-write-common01 .cms-multi-upload .fileUpload.has-advanced-upload .drop-box{overflow:initial;}
.bn-write-common01 .cms-multi-upload .file-input-button:focus{border:none;transition:none;outline:2px solid #ff0000;outline-offset:3px;}

.b-page-title-box{padding:0 0 25px 0;}
.b-h4-tit01{font-weight:700;font-size:24px;color:#000;line-height:34px;}
.b-form-guide{padding:9px 0 0;font-weight:500;font-size:14px;color:#de3131;line-height:24px;}
.b-all-list-num{padding:0 0 21px;display:none;/*관리자 요청으로 none처리함 04-11*/}
.b-all-list-num p{font-size:14px;font-weight:600;color:#000;line-height:19px;}

/* 체크박스 공통 */
.adm-chk{display:inline-block;margin:0 0 10px;font-size:0;}
.adm-chk label input[type="checkbox"]{display:none;}
.adm-chk label .b-checkbox{display:inline-block;position:relative;margin:0 10px 0 0;width:18px;height:18px;border:1px solid #000;background-color:#fff;cursor:pointer;text-indent:100%;white-space:nowrap;overflow:hidden;box-sizing:border-box;vertical-align:middle;}
.adm-chk label .b-text{font-weight:400;font-size:16px;color:#111;line-height:1;vertical-align:middle;}
.adm-chk label input[type="checkbox"]:checked + .b-checkbox{border-color:transparent;}
.adm-chk label input[type="checkbox"]:checked + .b-checkbox:after{content:'';position:absolute;top:50%;left:50%;width:18px;height:18px;background:#0663c3 url(/_res/songeui/_share/img/board/ico-check.png) no-repeat top 5px right 4px;transform:translate(-50%, -50%);}

.article-chk{position:absolute;top:0;left:0;z-index:10;line-height:1;}
.article-chk label input[type="checkbox"]{display:none;}
.article-chk label .b-checkbox{display:inline-block;position:relative;width:16px;height:16px;border:1px solid #000;background-color:#fff;cursor:pointer;text-indent:100%;white-space:nowrap;overflow:hidden;box-sizing:border-box;}
.article-chk label input[type="checkbox"]:not([disabled]):checked + .b-checkbox{border-color:transparent;}
.article-chk label input[type="checkbox"]:not([disabled]):checked + .b-checkbox:after{content:'';position:absolute;top:50%;left:50%;width:18px;height:18px;background:#0663c3 url(/_res/songeui/_share/img/board/ico-check.png) no-repeat top 5px right 4px;transform:translate(-50%, -50%);}
.article-chk input[disabled] + .b-checkbox{background-color:#fff;}

/* bn-list-common01 공통 */
.bn-list-common01 .adm-chk label{display:inline-block;font-size:0;}

/* .b-category01 공통 */
.b-category01{padding:0 0 60px;}
.b-category01 .tab-box{padding:0;}
span.b-cate{display:inline-block;margin:0 0 0 2px;padding:6px 10px;border-radius:24px;background-color:#edf0f5;font-weight:700;font-size:12px;color:#4f6f85;line-height:1;} 
    
    
    
/*팝업*/
.b-popup-wrap{display:none;position:fixed;top:50%;left:50%;z-index:120;width:95%;height:100%;max-width:670px;max-height:60%;border-radius:3px;transform:translate(-50%, -50%);}
.b-popup-wrap.open{display:block;}
.b-popup-box{height:100%;text-align:left;box-sizing:border-box;}
.b-popup-box .b-title-box{padding:26px 50px 26px 28px;border:1px solid #999;border-bottom:1px solid #ddd;background-color:#fff;box-shadow:4px 6px 14px 0 rgba(0, 0, 0, .2);border-radius:5px 5px 0 0;}
.b-popup-box .b-title-box p{font-size:24px;font-weight:700;color:#111;line-height:29px;}
.b-popup-box .b-con-box{display:flex;flex-wrap:wrap;padding:31px 40px 30px;max-height:calc(100% - 82px);height:100%;border:1px solid #999;border-top:none;background-color:#fff;line-height:1;box-shadow:4px 6px 14px 0 rgba(0, 0, 0, .2);box-sizing:border-box;overflow-y:auto;border-radius: 0 0 5px 5px}
.b-popup-box .b-con-box > div{width:100%;}
.b-popup-box .b-con-box .b-con-list > ul > li{padding:15px 12px;border-bottom:1px solid #e9e9e9;}
.b-popup-box .b-con-box .b-con-list > ul > li p{display:inline-block;width:166px;font-size:16px;font-weight:600;color:#111;line-height:26px;vertical-align:middle;}
.b-popup-box .b-con-box .b-con-list > ul > li span{display:inline-block;width:calc(100% - 166px);font-size:16px;color:#555;line-height:26px;word-break:break-all;vertical-align:middle;}
.b-popup-box .b-con-box .b-close-popup{display:block;margin:30px auto 0;cursor:pointer;align-self:end;}
.b-popup-box .b-con-box .b-close-popup span{display:inline-block;padding:18px 0;width:190px;border-radius:3px;background-color:#fff;border:1px solid #d9c3b2;font-size:15px;font-weight:700;color:#a06a3d;line-height:1;box-sizing:border-box;}
/*.b-popup-box .b-con-box .b-close-popup span::before{content:'';display:inline-block;margin:-2px 7px 0 0;width:16px;height:17px;background:url(/_res/songeui/_share/img/board/img-popup-close-w.png)no-repeat 0 0/100%;vertical-align:middle;}*/
.b-popup-box > .b-close-popup{position:absolute;top:24px;right:20px;width:34px;height:34px;background:url(/_res/songeui/_share/img/board/img-popup-close.png) no-repeat 50% 50%;}

    


/* 검색영역 01 */

.bn-alert{margin-bottom:70px;}
.bn-search01{text-align:center;}
.bn-search01 form{display:inline-block;}
.bn-search01 .b-search-wrap{display: flex;position:relative;padding:0 0 18px;border-bottom:2px solid #000;font-size:0;text-align: left;}
.bn-search01 .b-sel-box{display:inline-block;position:relative;margin:0 34px 0 0;text-align:left;vertical-align:middle;box-sizing: border-box;}
.bn-search01 .b-sel-box select{display:block;padding:0 12px 0 0;width:60px;border:none;background:url(../img/board/ico-search-arrow.png) no-repeat 100% 50%;font-size:16px;font-weight:500;line-height:1;color:#000;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}

.bn-search01 form input{display:inline-block;margin:-2px 0 0;padding:0 30px 0 0;width:100%;border:0;font-size:16px;font-weight:500;line-height:1;color:#000;box-sizing:border-box;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.bn-search01 form input::placeholder{font-size:16px;font-weight:500;line-height:1;color:#999;}
.bn-search01 form .b-sel-box ~ input{min-width:424px;margin-right:30px;padding:0;}
.bn-search01 .b-sel-btn{position:absolute;top:-6px;right:0;width:24px;height:24px;background:url(../img/board/ico-search-btn.png) no-repeat 0 0/100%;text-indent:-9999px;white-space:nowrap;overflow:hidden;box-sizing:border-box;cursor: pointer;}
.bn-search01 .b-sel-label span{display:block;position:absolute;width:0;height:0;font-size:0;line-height:0;text-indent:-9999px;}

/* .b-paging01 type01 */
.b-paging01.type01 .b-paging-wrap ul{padding:60px 0 0;text-align:center;font-size:0;}
.b-paging01.type01 .b-paging-wrap ul li{display:inline-block;margin:0 14px;vertical-align:middle;font-size:0;}
.b-paging01.type01 .b-paging-wrap ul li.first{margin:0 28px 0 0;}
.b-paging01.type01 .b-paging-wrap ul li.prev{margin:0 26px 0 0;}
.b-paging01.type01 .b-paging-wrap ul li.next{margin:0 0 0 26px;}
.b-paging01.type01 .b-paging-wrap ul li.last{margin:0 0 0 28px;}
.b-paging01.type01 .b-paging-wrap ul li a{display:block;position:relative;font-size:13px;font-weight:400;color:#999;line-height:1;box-sizing:border-box;}
.b-paging01.type01 .b-paging-wrap ul li.first a{width:12px;height:11px;background:url(../img/board/btn-first-page.png) no-repeat center;}
.b-paging01.type01 .b-paging-wrap ul li.prev a{width:7px;height:11px;background:url(../img/board/btn-prev-page.png) no-repeat center;}
.b-paging01.type01 .b-paging-wrap ul li.next a{width:7px;height:11px;background:url(../img/board/btn-next-page.png) no-repeat center;}
.b-paging01.type01 .b-paging-wrap ul li.last a{width:12px;height:11px;background:url(../img/board/btn-last-page.png) no-repeat center;}
.b-paging01.type01 .b-paging-wrap ul li a.active span{display:inline-block;position:relative;font-weight:800;color:#a06a3c;}
.b-paging01.type01 .b-paging-wrap ul li a.active span::after{content:'';position:absolute;left:50%;bottom:-10px;width:10px;height:2px;background-color:#a06a3c;transform:translateX(-50%);}

/* button common */
.b-btn01 ul li button{background:none;cursor:pointer;}
.b-btn01::after{content:'';display:block;clear:both;}

/* .b-btn01 type01 */
.b-btn01.type01{padding:40px 0 0 0;font-size:0;}
.b-btn01.type01 > div{text-align:right;}
.b-btn01.type01 > div.b-btn-admin{text-align:right}
.b-btn01.type01 > div:not(:only-child):not(.b-btn-admin){float:left;}
.b-btn01.type01 div ul li{display:inline-block;margin:0 10px 0 0;min-width:148px;border:1px solid #ccc;border-radius:3px;vertical-align:top;box-sizing:border-box;}
.b-btn01.type01 div ul li:last-of-type{margin-right:0;}
.b-btn01.type01 div ul li a,
.b-btn01.type01 div ul li button{display:block;padding:17px 15px;width:100%;font-size:15px;font-weight:600;line-height:20px;text-align:center;box-sizing:border-box;}
.b-btn01.type01 div ul li a.active,
.b-btn01.type01 div ul li button.active{border-color:#a06a3c;background-color:#a06a3c;color:#fff;}
.b-btn01.type01 div ul li a:hover,
.b-btn01.type01 div ul li button:hover{border-color:#a06a3c;background-color:#a06a3c;color:#fff;}

/*셀렉트박스*/
.b-select-box{padding:0 0 15px;}
.b-select-box::after{content:'';display:block;clear:both;}
.b-select-box .b-left-box{float:left;font-size:0;}
.b-select-box .b-left-box .b-sel-box{margin:0 0 0 6px;}
.b-select-box .b-left-box .b-sel-box select{min-width:118px; max-width:250px;}
.b-select-box .b-left-box .b-sel-box:first-of-type{margin:0;}
.b-select-box .b-left-box .b-sel-box:only-of-type{margin:0;}
.b-select-box .b-left-box .b-all-list-num{display:inline-block;margin-left:20px;padding:0;vertical-align:middle;}
.b-select-box .b-left-box .b-all-list-num:only-of-type{margin:0;padding:10px 0 0;}
.b-select-box .b-right-box{float:right;font-size:0;text-align:right;}
.b-select-box .b-right-box .mark-p{display:inline-block;padding:0 20px 0 16px;font-size:14px;line-height:19px;vertical-align:middle;}
.b-select-box .b-right-box .b-sel-box{margin:0 0 0 6px;}
.b-select-box .b-right-box .b-sel-box:first-of-type{margin:0;}
.b-select-box .b-right-box .b-sel-box:only-of-type{margin:0;}
.b-select-box .b-sel-box{display:inline-block;text-align:left;vertical-align:middle;box-sizing:border-box;}
.b-select-box .b-sel-box select{position:relative;padding:12px 25px 13px 12px;min-width:76px;/*max-width:118px;*/border:1px solid #ccc;border-radius:3px;background:url(../img/board/ico-search-arrow.png) no-repeat center right 8px/13px 7px;font-size:15px;font-weight:500;line-height:1;color:#000;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}

@media screen and (max-width:1024px){
	.bn-alert{margin-bottom:30px;}
	/* common */
	.b-page-title-box{padding:0 0 15px 0;}
	.b-form-guide{padding:5px 0 0;}

	.b-h4-tit01{font-size:20px;line-height:30px;}
	.b-all-list-num{padding:0 0 10px;}
	.b-all-list-num p{font-size:13px;line-height:18px;}
	
	/*팝업*/
	.b-popup-wrap{max-height:70%;}
	.b-popup-wrap .b-popup-box .b-title-box{padding:20px 50px 20px 28px;}
	.b-popup-wrap .b-popup-box .b-con-box{padding:15px 20px;max-height:calc(100% - 70px);}
	.b-popup-wrap .b-popup-box .b-con-box .b-con-list > ul > li p{width:100%;}
	.b-popup-wrap .b-popup-box .b-con-box .b-con-list > ul > li span{width:100%;}
	.b-popup-wrap .b-popup-box .b-con-box .b-close-popup{margin-top:15px;}
	.b-popup-wrap .b-popup-box > .b-close-popup{top:26px;}

	/* 체크박스 공통 */
	.adm-chk{line-height:1;}
	.adm-chk label .b-checkbox{width:14px;height:14px;}
	.adm-chk label .b-text{font-size:14px;}
	.adm-chk label input[type="checkbox"]:checked + span:after{width:14px;height:14px;background-position:top 5px right 3px;background-size:7px;}

	.article-chk{transform:unset;}
	.article-chk label .b-checkbox{width:14px;height:14px;}
	.article-chk label input[type="checkbox"]:not([disabled]):checked + span:after{width:14px;height:14px;background-position:top 5px right 3px;background-size:7px;}

	.bn-list-common01 table tbody td.b-link a.b-insta{width:18px;height:18px;}
	.bn-list-common01 table tbody td.b-link a.b-facebook{width: 9px;height:18px;}
	.bn-list-common01 table tbody td.b-link a.b-twitter{width: 22px;height:18px;}
	.bn-list-common01 table tbody td.b-link a.b-youtube{width: 25px;height:18px;}
	.bn-list-common01 table tbody td.b-link a.b-blog{width: 17px;height:18px;}
	.bn-list-common01 table tbody td.b-link a.b-other{padding:3px 6px;}

	.bn-list-common01.bn-common table tbody tr td{display:none;}
	.bn-list-common01.bn-common table tbody tr td.b-td-title{display:block;}
	.bn-list-common01.bn-common .b-col-title{width:100%;}
	.bn-list-common01.bn-common .b-col:not(.b-col-title){display:none;width:0;}

	.bn-list-common01.bn-common-cate table tbody tr td{display:none;}
	.bn-list-common01.bn-common-cate table tbody tr td.b-td-title{display:block;}
	.bn-list-common01.bn-common-cate .b-col-title{width:100%;}
	.bn-list-common01.bn-common-cate .b-col-date{display:none;width:0;}
	.bn-list-common01.bn-common-cate .b-col-expand{display:none;width:0;}
	.bn-list-common01.bn-common-cate .b-col{display:none;width:0;}

	/* .b-category01 모바일 공통*/
	.b-category01{padding:0 0 30px 0;}

	/* 검색영역 01 */
	.bn-search01{text-align:unset;}
	.bn-search01 form{width:100%;}
	.bn-search01 .b-search-wrap{padding:0 0 15px;}
	.bn-search01 .b-sel-box{margin:0 20px 0 0;min-width:20%;width:auto;z-index:20;}
	.bn-search01 .b-sel-box select{width:100%;font-size:14px;}
	.bn-search01 form input{padding:0 24px 0 0;font-size:14px;}
	.bn-search01 form input::placeholder{font-size:14px;}
	.bn-search01 form .b-sel-box ~ input{min-width:unset;width:80%;}
	.bn-search01 .b-sel-btn{top:-2px;width:18px;height:18px;}

	/* .b-btn01 type01 */
	.b-btn01.type01{padding:30px 0 0 0;}
	.b-btn01.type01 div ul li{min-width:100px;}
	.b-btn01.type01 div ul li a,
	.b-btn01.type01 div ul li button{padding:12px 10px;font-size:14px;}

	/*셀렉트박스*/
	.b-select-box{padding:0 0 10px;}
	.b-select-box .b-left-box .b-sel-box{}
	.b-select-box .b-left-box .b-sel-box select{min-width:100px;}
	.b-select-box .b-left-box .b-all-list-num{ margin: 8px 0 0 2px;}
	.b-select-box .b-left-box .b-all-list-num:only-of-type{padding:5px 0 0;}
	.b-select-box .b-right-box .mark-p{padding:0 12px 0 16px;font-size:13px;line-height:18px;}
	.b-select-box .b-sel-box{}
	.b-select-box .b-right-box .mark-p{display:none}
	.b-select-box .b-sel-box select{padding:8px 20px 8px 6px;min-width:70px;max-width:110px;background-position:center right 6px;background-size:10px 5px;font-size:13px;}
}

@media screen and (max-width:768px){
	/* common */
	.view-box{padding:20px 0;}
	.view-btn-box{padding:0 0 20px;}
	.view-btn-box a{padding:5px 15px;font-size:14px;line-height:19px;}
	
	/*팝업*/
	.b-popup-wrap .b-popup-box .b-title-box{padding:15px 40px 15px 20px;}
	.b-popup-wrap .b-popup-box .b-title-box p{font-size:20px;line-height:25px;}
	.b-popup-wrap .b-popup-box .b-con-box{padding:10px 20px;max-height:calc(100% - 56px);}
	.b-popup-wrap .b-popup-box .b-con-box .b-con-list > ul > li{padding:10px;}
	.b-popup-wrap .b-popup-box .b-con-box .b-con-list > ul > li p{font-size:14px;line-height:24px;}
	.b-popup-wrap .b-popup-box .b-con-box .b-con-list > ul > li span{font-size:14px;line-height:24px;}

	.b-popup-wrap .b-popup-box .b-con-box .b-close-popup span{padding:10px 0;min-width:92px;font-size:13px;}
	.b-popup-wrap .b-popup-box .b-con-box .b-close-popup span::before{margin:-4px 4px 0 0;width:13px;height:13px;}
	.b-popup-wrap .b-popup-box > .b-close-popup{position:absolute;top:20px;right:20px;width:13px;height:13px;}

	/* bn-list-common01 공통 */
	.bn-list-common01 .b-title-box .b-m-con .b-file{display:inline-block;width:16px;height:18px;background:url(../img/board/ico-file02.gif) no-repeat 0 0;vertical-align:middle;text-indent:-9999px;overflow:hidden;}
	.bn-list-common01 .b-title-box .b-m-con .b-answer{position:relative;display:inline-block;padding:2px 5px;margin:3px 0 0 9px;font-size:13px;line-height:18px;vertical-align:middle;}
	.bn-list-common01.bn-common table tbody tr td:not(.b-no-post):nth-of-type(1){display:none;}
	.bn-list-common01.bn-common table tbody tr td:nth-of-type(3){display:none;}
	.bn-list-common01.bn-common table tbody tr td:nth-of-type(4){display:none;}
	.bn-list-common01.bn-common table tbody tr td:nth-of-type(5){display:none;}
	.bn-list-common01.bn-common table tbody tr td:nth-of-type(6){display:none;}
	.bn-list-common01.bn-common table tbody tr td:nth-of-type(7){display:none;}
	.bn-list-common01.bn-common table tbody tr td:nth-of-type(8){display:none;}
	.bn-list-common01.bn-common .b-col-title{width:100%;}
	.bn-list-common01.bn-common .b-col-date{display:none;width:0;}
	.bn-list-common01.bn-common .b-col-expand{display:none;width:0;}
	.bn-list-common01.bn-common .b-col{display:none;width:0;}

	.bn-list-common01.bn-common-cate table tbody tr td:nth-of-type(1){display:none;}
	.bn-list-common01.bn-common-cate table tbody tr td:nth-of-type(2){display:none;}
	.bn-list-common01.bn-common-cate table tbody tr td:nth-of-type(4){display:none;}
	.bn-list-common01.bn-common-cate table tbody tr td:nth-of-type(5){display:none;}
	.bn-list-common01.bn-common-cate table tbody tr td:nth-of-type(6){display:none;}
	.bn-list-common01.bn-common-cate table tbody tr td:nth-of-type(7){display:none;}
	.bn-list-common01.bn-common-cate table tbody tr td:nth-of-type(8){display:none;}
	.bn-list-common01.bn-common-cate .b-col-title{width:100%;}
	.bn-list-common01.bn-common-cate .b-col-date{display:none;width:0;}
	.bn-list-common01.bn-common-cate .b-col-expand{display:none;width:0;}
	.bn-list-common01.bn-common-cate .b-col{display:none;width:0;}

	/* .b-paging01 type01 */
	.b-paging01.type01 .b-paging-wrap ul{padding:30px 0 0;}
	.b-paging01.type01 .b-paging-wrap ul li{margin:0 10px 7px;}
	.b-paging01.type01 .b-paging-wrap ul li.first{margin:0 20px 0 0;}
	.b-paging01.type01 .b-paging-wrap ul li.prev{margin:0 18px 0 0;}
	.b-paging01.type01 .b-paging-wrap ul li.next{margin:0 0 0 18px;}
	.b-paging01.type01 .b-paging-wrap ul li.last{margin:0 0 0 20px;}
	.b-paging01.type01 .b-paging-wrap ul li.pager{margin-bottom:10px;}
	.b-paging01.type01 .b-paging-wrap ul li a{font-size:12px;}
	.b-paging01.type01 .b-paging-wrap ul li.first a{width:10px;height:9px;}
	.b-paging01.type01 .b-paging-wrap ul li.prev a{width:5px;height:9px;}
	.b-paging01.type01 .b-paging-wrap ul li.next a{width:5px;height:9px;}
	.b-paging01.type01 .b-paging-wrap ul li.last a{width:10px;height:9px;}
	.b-paging01.type01 .b-paging-wrap ul li a.active span::after{bottom:-4px;width:8px;}

	/* .b-btn01 type01 */
	.b-btn01.type01{padding:20px 0 0;}
	.b-btn01.type01 > div:not(:only-child):not(.b-btn-admin){float:none;}
	.b-btn01.type01 div ul li{margin:0 0 5px 0;width:100%;}
	.b-btn01.type01 div ul li a,
	.b-btn01.type01 div ul li button{padding:8px;}

	/*셀렉트박스*/
	.b-select-box{padding:0 0 5px;}
	.b-select-box .b-left-box{margin:0 0 5px;}
	.b-select-box .b-left-box .b-all-list-num:only-of-type{padding:0;}
	.b-select-box .b-right-box .b-sel-box:nth-of-type(n){margin-bottom:5px;}
}

@media screen and (max-width:480px){
	/*셀렉트박스*/
	.b-select-box .b-right-box .mark-p{display:none;margin:0;padding:0 0 5px 12px;}
}