@charset "UTF-8";

/* 공통 */
.nHash {
	display: inline-block;
	font-size: 14px;
	color: #1978af
}

.nHash+.nHash {
	margin-left: 3px
}

.nCloseBtn {
	overflow: hidden;
	display: inline-block;
	width: 26px;
	height: 26px;
	color: transparent;
	background: url(/static/gongu/img/common/btn_close2.png) no-repeat 0 0
}

.nCloseBtn span {
	font-size: 1px;
	white-space: nowrap
}

.nHeadTit2 {
	margin-bottom: 20px;
	font-size: 22px;
	color: #222;
	font-weight: bold
}

.nHeadTit3 {
	margin-bottom: 15px;
	font-size: 18px;
	color: #222;
	font-weight: bold
}

.nLinkTxt {
	color: #1978af;
	text-decoration: underline
}

.nDefTxt {
	font-size: 18px
}

.nDefTxt+.nHeadTit2 {
	margin-top: 20px
}

@media (max-width: 767px) {
    .nHeadTit2 {
    	font-size: 20px
    }
    .nHeadTit3 {
    	font-size: 16px
    }
    .nMf16 {
    	font-size: 16px !important
    }
    .nMf14 {
    	font-size: 14px !important
    }
    .nMf12 {
    	font-size: 14px !important
    }
    .nDefTxt {
    	font-size: 16px
    }
}

/* 파일찾기 */
.nFileUpload {
	position: relative;
	max-width: 320px
}

.nFileUpload:focus {
	outline: 1p solid #000
}

.nFileUpload .fileText {
	width: calc(100% - 81px)
}

.nFileUpload .fileInp {
	position: absolute;
	z-index: -1;
	width: 100%;
	top: 0;
	bottom: 0;
	opacity: 0
}

/* 버튼 */
.nBtnWrap.btn_area_justify {
	margin: 20px 0
}

.nBtnWithWrap.btn_area_justify {
	float: right;
	margin-top: -70px
}

.nInpBtnWrap {
	width: 100%;
	max-width: 300px
}

.nInpBtnWrap>* {
	display: inline-block;
	vertical-align: middle
}

.nInpBtnWrap>input {
	width: calc(100% - 75px);
	margin-bottom: 0 !important
}

.nInpBtnWrap .layer-btn {
	height: 35px;
	line-height: 35px;
	min-width: 70px
}

.nBtnMoreWrap {
	width: 100%;
}

.nBtnMore {
	display: block;
	width: 100%;
	padding: 17px 0;
	border: 1px solid #cdcdcd;
	text-align: center;
	font-size: 22px;
	color: #666;
	background-color: #f1f1f1
}

.nBtnMore .ico-add {
	margin-bottom: 0;
	margin-right: 10px
}

.b-black.nBtnLong {
	width: 100%;
	max-width: 520px
}

@media (max-width: 768px) {
    .nBtnWithWrap.btn_area_justify {
    	float: none;
    	text-align: right;
    	margin: 10px 0 0
    }
    .nBtnMore {
  	  padding: 10px 0;
  	  font-size: 18px
    }
}

/* 저작물 활용 패키지 */
.nContentsList {
	clear: both;
	overflow: hidden;
	margin-bottom: 20px
}

.nContentsList > ul {
	border-top: 2px solid #222
}

.nContentsList > ul > li {
	position: relative;
	display: table;
	width: 100%;
	padding: 30px 0;
	border-bottom: 1px solid #cdcdcd
}

.nContentsList > ul > li > * {
	display: table-cell;
	box-sizing: border-box;
	vertical-align: middle
}

.nContentsList > ul > li .nCtgArea {
	width: 80px;
	padding: 0 10px;
	text-align: center;
}

.nContentsList > ul > li > dl {
	padding: 0 30px
}

.nContentsList > ul > li > dl dt > * {
	margin-right: 3px;
	vertical-align: middle
}

.nContentsList > ul > li > dl dt .addWrtBtn {
	margin-right: 10px
}

.nContentsList > ul > li > dl dt .nTit {
	display: inline-block;
	width: calc(100% - 98px);
	padding: 5px 0;
	font-size: 24px;
	font-weight: 500
}

.nContentsList > ul > li > dl dd.nHashArea {
	margin-top: 15px
}

.nContentsList > ul > li .nBtnArea {
	width: 166px;
	text-align: center
}

.nContentsList > ul > li .nBtnArea .nDownBtn {
	display: inline-block;
	width: auto;
	min-width: 130px;
	height: 40px;
	line-height: 40px;
	padding: 0 35px
}

@media (max-width: 768px) {
    .nContentsList > ul > li {
        display:block;
        padding-top:67px
    }
    .nContentsList > ul > li > * {
        display:block
    }
    .nContentsList > ul > li > dl {
        padding:0 15px
    }
    .nContentsList > ul > li .nCtgArea {
        position:absolute;
        top:18px;
        right:105px
    }
    .nContentsList > ul > li .nCtgArea .nCtgIco {
        display:inline-block;
        width:40px
    }
    .nContentsList > ul > li .nBtnArea {
        position:absolute;
        top:20px;
        right:15px
    }
    .nContentsList > ul > li > dl dt .nTit {
        width:100%
    }
    .nContentsList > ul > li .nBtnArea {
        width:auto
    }
    .nContentsList > ul > li .nBtnArea .nDownBtn {
        min-width:auto;
        height:37px;
        line-height:37px;
        padding:0 20px
    }
}

/* 레이어 팝업 */
.nLayerPopWrap {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background-color: rgba(0,0,0,.8)
}
.nLayerPopWrap .nLayerBox {
    overflow-y: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    max-width: 560px;
    max-height: 90%;
    padding: 40px 30px;
    border: 4px solid #000;
    background-color: #fff
}
.nLayerPopWrap .nLayerBox.nSizeL {
    max-width:760px;
}
.nLayerPopWrap .nLayerBox .nLayerCont .nLyTit1 {
    margin-bottom:40px;
    text-align:center;
    font-size:30px;
    color:#222
}
.nLayerPopWrap .nLayerBox .nLayerCont .nTxtCont {
    padding:10px 20px;
    border-top:2px solid #222;
    border-bottom:1px solid #222;
    letter-spacing:-0.5px;
    font-size:18px;
    color:#222;
    word-break:keep-all
}
.nLayerPopWrap .nLayerBox .nLayerCont .nBtnArea {
    margin-top:40px;
    text-align:center
}
.nLayerPopWrap .nLayerBox .nLayerCont .nBtnArea .btn.xl {
    min-width:210px
    ;height:63px;
    line-height:63px;
    padding:0
}
.nLayerPopWrap .nLayerBox .nLyCloseArea {
    position:absolute;
    right:20px;
    top:20px
}

.nLayerPopWrap .nLayerBox .nTxtCont + .nDlStyle {
    margin-top:-1px
}

.nLayerPopWrap .nLayerBox .schAll {
    margin-bottom:10px;
    padding-bottom:20px;
    border-bottom:2px solid #222
}
.nLayerPopWrap .nLayerBox .schAll .b-gray {
    height:35px;
    min-width:70px
}

.nLayerPopWrap .b-download {
    height:40px;
    line-height:1.5;
    min-width:126px
}


@media (max-width: 767px) {
    .nLayerPopWrap .nLayerBox {
        padding:40px 15px
    }
    .nLayerPopWrap .nLayerBox .nLayerCont .nBtnArea .btn.xl {
        min-width:100px;
        width:auto;
        padding:0 20px
    }
    .nLayerPopWrap .nLayerBox .nLayerCont .nTxtCont {
        font-size:14px
    }
}
@media (max-width: 320px) {
    .nLayerPopWrap .nLayerBox .schAll input {
        width:95px
    }
    .nLayerPopWrap .nLayerBox .schAll .b-gray {
        min-width:48px
    }
}

/* 게시판 */
.nBoadViewTop .nViewInfo {
    padding:15px 0;
    border-top:1px solid #222;
    border-bottom:1px solid #222;
    text-align:right
}
.nBoadViewTop .nViewInfo > dt {
    display:inline-block;
    margin-right:5px;
    font-size:16px;
    font-weight:500;
    color:#666
}
.nBoadViewTop .nViewInfo > dd {
    display:inline-block;
    font-size:16px;
    font-weight:bold;
    color:#222
}
.nBoadViewTop .nViewInfo > dd + dt {
    margin-left:30px
}
.nBoadViewTop .nViewTxt {
    padding:30px 0;
    line-height:28px;
    font-size:18px;
    color:#454545
}

.nInfoBoadWrap * {
    font-size:18px
}
.nInfoBoadWrap .info_tbl_style thead tr {
    line-height:120%
}
.nInfoBoadWrap .info_tbl_style thead tr th {
    height:46px
}

.nboardList.bdList {
    float:none
}
.nboardList.bdList th {
    border-bottom:1px solid #222
}

.nDlStyle label + label {
    margin-left:20px
}
.nDlStyle .nRow + .nRow {
    margin-top:5px
}
.nDlStyle dt label {
    font-weight:inherit
}
.nDlStyle dd select {
    padding-right:30px;
    min-width:200px
}
.nDlStyle.dl_style.view dt span.req {
    top:auto;
    left:auto;
    margin:-3px 0 0 -14px
}

.nThumbBoad {
    overflow:hidden;
    clear:both;
    padding-top:40px;
    border-top:2px solid #222
}
.nThumbBoad > ul {
    margin:0 -10px;
    display: flex;
    flex-flow: row wrap;
}
.nThumbBoad > ul > li {
    float:left;
    width:25%;
    margin-bottom:40px;
    padding:0 10px;
    position: relative;
}
.nThumbBoad > ul > li .nHover {
    display: none;
}

.nContBox {
    position: relative;
    display: block
}
.nContBox .nChk {
    position: absolute;
    top: 2px;
    z-index: 11
}
.nContBox .nChk input[type=checkbox]:checked + i {
    border-width: 1px;
    color: #231f20;
    background-color: #fff
}
.nContBox .nChk input[type=checkbox]:focus + i {
    border:1px dashed red
}
.nContBox .nThumb {
    position: relative;
    border: 1px solid #e1e1e1
}
.nContBox .nThumb .nImg {
    overflow: hidden
}
.nContBox .nThumb .nImg .ratioSet {
    background: url(/static/gongu/img/common/img-default.png) no-repeat center center;
}
.nContBox .nThumb .nImg .ratioSet img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.nContBox .nThumb .nImg img {
    width: 100%;
    height: 100%
}
.nContBox .nThumb .nHover {
    display: none;
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    background-color:rgba(0,0,0,.8);
}

.nContBox .nThumb .nHover .nTxtArea {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    padding: 0 10px;
    text-align: center;
    transform: translateY(-50%);
}
.nContBox .nThumb .nHover .nTxtArea .nTit {
    font-size:26px
}
.nContBox .nThumb .nHover .nTagArea {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.nThumbBoad.type2 .nContBox .nThumb .nHover .nTagArea { /* 마이페이지 - 찾아본 저작물만 해당 */
    transform: translate(0, 0);
    top: auto;
    bottom: 10px;
    left: 10px;
}
#sh-content4 .nThumbBoad .nThumb {  /* 통합겸색 - 영상 */
    position: relative;
}
#sh-content4 .nThumbBoad > ul > li:hover .nHover {
    display: block;
}
#sh-content4 .nThumbBoad > ul > li .nHover .nTagArea {
    position: absolute;
    bottom: 6px;
    left: 7px;
    z-index: 99;    
}
.nContBox .nThumb .nHover .nTagArea img {
    height: 26px
}
.nContBox .nInfo {
    display: table;
    table-layout: fixed
    ;white-space: nowrap;
    width: 100%;
    padding: 20px 17px;
    border: 1px solid #cdcdcd;
    border-top: 0
}
.nContBox .nInfo .nCtg {
    display: table-cell;
    width: 40px;
    vertical-align: middle
}
.nContBox .nInfo .nTxt {
    display: table-cell;
    height: 45px
}
.nContBox .nInfo .nCtg + .nTxt {
    padding-left: 15px
}
.nContBox .nInfo .nTxt .nTit {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 24px;
    font-size: 18px;
    color: #222;
    font-weight: 500;
    line-height: 1.3
}
.nContBox .nInfo .nTxt .nWrt {
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666;
    line-height: 1.3
}
.nContBox .nBookmark {
    display: none;
    position: absolute;
    z-index: 99;
    top: 10px;
    right: 10px
}
.nContBox:hover .nThumb .nHover, 
.nContBox:focus .nThumb .nHover,
.nContBox.nBoxHover .nThumb .nHover {
    display: block;
}
.nContBox:hover .nInfo, 
.nContBox:focus .nInfo,
.nContBox.nBoxHover .nInfo {
    border-color: #222
}
.nContBox:hover .nBookmark, 
.nContBox:focus .nBookmark,
.nContBox.nBoxHover .nBookmark {
    display: block
}

.nIcTag {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    font-size: 12px;
    color: #fff
}
.nIcTag.nTy1 {
    background-color:#d55507
}
.nIcTag.nTy2 {
    background-color:#222
}

@media (max-width: 1023px) {
    .nThumbBoad > ul > li {
        width: 33.3333%
    }
}
@media (max-width: 767px) {
    .nInfoBoadWrap * {
        font-size: 16px
    }
    .nDlStyle.dl_style dd {
        font-size: 16px
    }
    .nDlStyle.dl_style dd input + button {
        font-size: 14px
    }
    .nThumbBoad > ul > li {
        width: 50%
    }

    .nboardList.bdList colgroup {
        display: none
    }
}
@media (max-width: 376px) {
    .nThumbBoad > ul > li {
        width: 100%
    }
}

/* 통합검색 */
.nTotalSearchWrap {padding-bottom:80px}
.nTotalSearchWrap input[type=checkbox]+i {
    border-color:#000 !important;
    border-width: 1px !important;
    color: #231f20 !important;
    background-color: #fff !important;
}
.nTotalSearchWrap .totalSearchSet {overflow: visible}
.nTotalSearchWrap .totalSearchSet .schFrame {padding-right:125px}
.nTotalSearchWrap .totalSearchSet .schFrame .la-search {
    position: absolute;
    top:50%;
    left:23px;
    font-size: 36px;
    font-weight: 700;
    transform: rotate(-90deg);
    margin-top: -17px;
}
.nTotalSearchWrap .totalSearchSet .schFrame .btnOkSch {
    top:50%;
    left:auto;
    right: 10px;
    display: inline-block;
    width: 109px;
    height: 46px;
    margin-top:-23px;
    border: 1px solid #cdcdcd;
    background-color: #222222;
    color: #ffffff;
}
.nTotalSearchWrap .keywordListSet {
    display: none;
    position: absolute;
    top:calc(100% + 4px);
    left:-4px;
    z-index: 99;
    width:calc(100% + 8px);
    background: #fff;
    border: 1px solid #222222;
    padding:18px 31px 24px;
}
.nTotalSearchWrap .keywordListSet .keywordList {
    max-height: 204px;
    overflow-y: auto;
}
.nTotalSearchWrap .keywordListSet .keywordList li a {
    color: #757575;
    font-size: 18px;
}
.nTotalSearchWrap .keywordListSet .choose_word {margin-top:10px}
.nTotalSearchWrap .serchConbox {
    position:relative;
    padding-top:40px;
}
.nTotalSearchWrap .serchConbox > .col > div h3 {word-break:keep-all}
.nTotalSearchWrap .serchConbox .roResult  {
    color: #757575;
    padding: 50px 0;
    border-bottom: 1px solid #ddd;
    font-size: 22px;
    margin-bottom: 40px;
    text-align:center;
}
.nTotalSearchWrap .serchConbox .sercList:first-child {margin-top:50px}
.nTotalSearchWrap .serchConbox .sercList {
    font-size:0;
    text-align: center;
    margin:0;
}
.nTotalSearchWrap .serchConbox .sercList > li {
    display: inline-block;
    width: 33.33%;
}
.nTotalSearchWrap .serchConbox .sercList > li.on a {font-weight: 700;}
.nTotalSearchWrap .serchConbox .sercList > li > a {
    display: inline-block;
    font-size: 20px;
    padding:20px;
    color: #666666;
}
.nTotalSearchWrap .serchConbox .sercList > li > a em {
    color: #222222;
    letter-spacing: -0.4px;
}
.nTotalSearchWrap .serchConbox .ser-checkList {
    border-bottom:2px solid #222;
    padding:21px 15px;
    margin-bottom:20px;
}
.nTotalSearchWrap .serchConbox .ser-checkList > li {
    display: inline-block;
    width:calc((100% / 7) - 10px);
    vertical-align: top;
    margin:9px 0 0 5px;
}
.nTotalSearchWrap .serchConbox .ser-checkList > li label {
    text-indent:-18px;
    padding-left:18px;
}
.nTotalSearchWrap .serchConbox .ser-checkList > li input[type=checkbox],
.nTotalSearchWrap .serchConbox .ser-checkList > li input[type=checkbox]+i {
    width:15px;
    height:15px;
    text-indent: 0;
}
.nTotalSearchWrap .serchConbox .ser-checkList > li input[type=checkbox]+i {line-height: 0.3}
.nTotalSearchWrap .serchConbox .btn_area_justify.tar {position:relative;z-index:101;float:right;margin:0 0 17px}
.nTotalSearchWrap .nDtSrhLayer {
    position: relative;
    z-index: 999;
    float:left;
    margin:0 0 0 -10px;
}
.nTotalSearchWrap .nDtSrhLayer .nDtBox {
    position:relative;
    float:left;
    width:260px;
    margin:0 0 10px 10px;
    border:2px solid #000;
    background-color:#fff;
}
.nTotalSearchWrap .nDtSrhLayer .nDtBox .nTit {font-size:20px;font-weight:bold;color:#222}
.nTotalSearchWrap .nDtSrhLayer .nDtBox .nTit .nBtnTg {display:block;width:100%;padding:3px 18px;text-align:left;background-color:transparent}
.nTotalSearchWrap .nDtSrhLayer .nDtBox .nTit .nBtnTg:after {content:"";display:inline-block;overflow:hidden;width:26px;height:13px;margin:-2px 0 0 10px;vertical-align:middle;color:transparent;background:transparent url(/static/gongu/img/new/ic_arr_down.png) no-repeat 0 0}
.nTotalSearchWrap .nDtSrhLayer .nDtBox .nTit .nBtnTg.nCls:after {background:transparent url(/static/gongu/img/new/ic_arr_up.png) no-repeat 0 0}
.nTotalSearchWrap .nDtSrhLayer .nDtBox .nTit .nBtnTg span {float:left;font-size:1px;white-space:nowrap;text-indent:-100px}
.nTotalSearchWrap .nDtSrhLayer .nDtBox > ul {
    display:none;
    position: absolute;
    top:100%;
    left:-2px;
    z-index:100;
    width:calc(100% + 4px);
    padding:7px 18px 7px 12px;
    background: #fff;
    border:2px solid #000;
    border-top:none;
}
.nTotalSearchWrap .nDtSrhLayer .nDtBox > ul > li label {
    text-indent:-34px;
    padding-left:34px;
    letter-spacing: -0.32px;
}
.nTotalSearchWrap .nDtSrhLayer .nDtBox > ul > li label * {text-indent: 0;}
.nTotalSearchWrap .nDtSrhLayer .nDtBox > ul > li em {color:#1978af}
.nTotalSearchWrap .nThumbBoad {padding-top:0;border-top:0}
.nTotalSearchWrap .nThumbBoad .ratio-4x3 {
	padding-bottom: 56%;
	overflow: hidden;
}
.nTotalSearchWrap .nThumbBoad .video-js {
	width: 100%;
	height: 100%;
	position: absolute;
}
.nTotalSearchWrap .btn_area_justify a {
    line-height:44px;
}

.nTotalSearchWrap .serchConbox .resultSite {
    float:none;
    width:70%;
    margin:0 auto;
}
@media (max-width: 1024px) {
    /* .nTotalSearchWrap .totalSearchSet .schFrame {padding-right:20px} */
    .nTotalSearchWrap .totalSearchSet .schFrame .btnOkSch {right:5px}
    .nTotalSearchWrap .nDtSrhLayer {width:100%}
    .nTotalSearchWrap .nDtSrhLayer .nDtBox {max-width:calc(33.33% - 10px);}
    .nTotalSearchWrap .serchConbox {padding:0 40px}
    .nTotalSearchWrap .serchConbox .ser-checkList > li {width:calc((100% / 5) - 10px)}
}
@media (max-width: 767px) {
    .nContBox .nThumb .nHover .nTxtArea .nTit {font-size:18px}
    .nTotalSearchWrap .totalSearchSet {padding:20px 10px}    
    .nTotalSearchWrap .totalSearchSet input[type=checkbox], 
    .nTotalSearchWrap .totalSearchSet input[type=checkbox]+i,
    .nTotalSearchWrap .totalSearchSet input[type=checkbox]:checked+i {
        width:20px;
        height:20px;
    }
    .nTotalSearchWrap .totalSearchSet input[type=checkbox]:checked+i {font-size: 15px;}
    .nTotalSearchWrap .totalSearchSet .schFrame {padding:0 65px 0 5px; margin-bottom:10px;}
    .nTotalSearchWrap .totalSearchSet .schFrame .la-search {display: none}
    .nTotalSearchWrap .totalSearchSet .schFrame .btnOkSch {width: 55px}
    .nTotalSearchWrap .totalSearchSet .schFrame input {font-size:18px;}
    .nTotalSearchWrap .totalSearchSet dl dt {font-size:20px;}
    .nTotalSearchWrap .totalSearchSet dl dd ul li a {font-size:16px}
    .nTotalSearchWrap .keywordListSet {padding:10px}
    .nTotalSearchWrap .serchConbox .serchTxt .nKwdArea {font-size:22px; padding:20px 0}
    .nTotalSearchWrap .serchConbox .sercList > li > a {font-size:17px; padding:10px}
    .nTotalSearchWrap .serchConbox .sercList > li > a > span {margin-top:5px}
    .nTotalSearchWrap .serchConbox .sercList > li > a > span,    
    .nTotalSearchWrap .serchConbox .sercList > li > a > span em {display: block; line-height:150%;}
    .nTotalSearchWrap .serchConbox {padding:0 20px}
    .nTotalSearchWrap .serchConbox > .col > div h3 {font-size: 23px;}
    .nTotalSearchWrap .serchConbox .resultSite {width:100%}
    .serchConbox .col>div h3 i {font-size: 67px !important;}
    .nTotalSearchWrap .serchConbox .sercList dl {display:block}
    .nTotalSearchWrap .serchConbox .roResult {padding:30px 0; font-size: 18px; margin-bottom: 30px;}
    .nTotalSearchWrap .serchConbox .serchTxt {font-size:18px;line-height:28px; padding:0}
    .nTotalSearchWrap .serchConbox .ser-checkList {padding: 7px}
    .nTotalSearchWrap .serchConbox .ser-checkList > li {width:calc((100% / 3) - 10px);}
	.nTotalSearchWrap .nDtSrhLayer {width:100%;}
    .nTotalSearchWrap .nDtSrhLayer .nDtBox {width:100%; max-width: none;margin-bottom:5px}
	.nTotalSearchWrap .nDtSrhLayer .nDtBox .nTit {font-size:16px}
    .nTotalSearchWrap .nDtSrhLayer .nDtBox > ul {
        position: static;
        width:100%;
        border:none;
    }
	.nTotalSearchWrap .nDtSrhLayer .nDtBox > ul > li {font-size:14px}
    .nContBox .nInfo .nCtg {width:30px}
    .nContBox .nInfo {padding:15px 10px}
    .nContBox .nInfo .nTxt {padding-left:10px}
    .nTotalSearchWrap .serchConbox .btn_area_justify.tar {width:100%}
    .nTotalSearchWrap .btn_area_justify a {
        width:calc(33.33% - 6.5px);
        min-width:auto;
        line-height:38px;
    }
    .nTotalSearchWrap .serchConbox .col>div {padding:30px}
}
@media (max-width: 400px) {
    .nTotalSearchWrap .serchConbox .ser-checkList > li {width: calc((100% / 2) - 10px)}
}
/* @media (max-width: 320px) {
    .nTotalSearchWrap .serchConbox .btn_area_justify > a {min-width:135px}
} */

.visualSet.nSubBlue {background-color:#1978af}

/* tab */
.nTabWrap.tabsub {float:none;overflow:hidden;margin-bottom:30px}

@media (max-width: 875px) {
    .nTabWrap.tabsub.type2 ul li a {font-size:14px}
}
@media (max-width: 767px) {
    .nTabWrap.tabsub {display:none}
    .nTabWrapMo.tab_select > div select {height:48px}
}

/* Datepicker */
.nDatepickerArea {display:table;width:100%;max-width:410px}
.nDatepickerArea .input-group {display:table-cell;width:35% !important;vertical-align:middle}
.nDatepickerArea .nMid {display:table-cell;width:10%;text-align:center;line-height:44px;vertical-align:middle;color:#666}
.nDatepickerArea .nBtnArea {display:table-cell;width:20%}
.nDatepickerArea .nBtnArea .b-btn {width:100%}
.nDatepickerArea a.datepicker-button.default:hover,
.nDatepickerArea a.datepicker-button.default:focus {
	background-color:transparent;
}

/* 기증전시관 */
.contentSet.nWideCont {margin-top:-47px !important}
.serial_number.nSerialNumber .board_list_style {padding:0 !important}
.serial_number.nSerialNumber .board_list_style ul {border-bottom:0}
.serial_number.nSerialNumber .board_list_style .li_wrap .body dt {font-weight:500}

.contentSet.nWideCont {margin-top:-47px !important}

.nIframeStyle {overflow:hidden;border:0 none}
.view_All.nViewAll .nTitle {position:absolute;top:-50px;left:0;width:180px;height:50px;line-height:50px;font-size:18px;text-align:center;color:#fff;background-color:#000}
.view_All.nViewAll .isepSet2 {position:absolute;top:-50px}
.view_All.nViewAll .isepSet2 .isep.icon_reco {color:#df4805}
.view_All.nViewAll .isepSet2 .nBtnQ {min-width:126px;height:40px;line-height:40px;padding:0}
.view_All.nViewAll .inforViewBx {margin-top:0}

.inforViewBx.nInfoViewBox {float:none}
.inforViewBx.nInfoViewBox .fr_sns a {width: calc(100% / 7)}
.inforViewBx.nInfoViewBox h3 {margin-bottom:48px}
.inforViewBx.nInfoViewBox .checkbox {margin-bottom:33px}
.inforViewBx.nInfoViewBox .tac .btn {min-width:auto;height:52px;line-height:52px;padding:0 27px;font-size:20px}


.icon-sns_6 {width:74px;height:74px;background-image: url(/static/gongu/img/new/sns_linkedin.png)} /* 링크드인 */
.icon-sns_7 {width:74px;height:74px;background-image: url(/static/gongu/img/new/sns_pinterest.png)} /* 핀터레스트 */

@media (max-width: 767px) {
    .view_All.nViewAll .nTitle {display:none}
    .view_All.nViewAll .isepSet2 {top:-40px;text-align:right}
    .view_All.nViewAll .isepSet2 .isep.icon_reco {padding-left:28px}
    .view_All.nViewAll .isepSet2 .nBtnQ {min-width:auto;font-size:12px;padding:0 4px}
    .view_All.nViewAll .view_detail .detail_ex img {width:60px}
    .inforViewBx.nInfoViewBox .fr_sns {text-align:center}
    .inforViewBx.nInfoViewBox .fr_sns a {width: calc(100% / 4)}
    .inforViewBx.nInfoViewBox .fr_sns span {font-size:12px}
    .inforViewBx.nInfoViewBox .tac .btn {padding:0 15px;font-size:16px}
    .inforViewBx.nInfoViewBox .tac .btn .btn_down_w {font-size:16px}
}