@charset "utf-8";

button{font-family:'notokrRegular';}

.totalSearch *{box-sizing:border-box;}
.totalSearch .inner{width:1506px;margin:0 auto;position:relative;}

.totalSearch .searchForm, .totalSearch .detailBox{background:#3d52bb;}
.totalSearch .searchForm .inner, .totalSearch .detailBox .inner{width:964px;margin:0 auto;}

.totalSearch .searchForm{padding:82px 0;}
.totalSearch .searchForm .result{position:relative;}
.searchForm .result{vertical-align:middle;}
.searchForm .result *{vertical-align:middle;}
.searchForm .formCheck{position:relative;}
.searchForm .formCheck input[type="checkbox"]{position:absolute;top:3px;left:0;opacity:0;-webkit-appearance:none;}
.searchForm .formCheck label{font-size:17px;color:#fff;line-height:30px;display:inline-block;position:relative;padding-left:40px;}
.searchForm .formCheck label::before{display:inline-block;position:absolute;left:0;top:3px;width:23px;height:23px;border:1px solid #fff;border-radius:5px;background:#fff;content:'';box-sizing:border-box;}
.searchForm .formCheck input[type="checkbox"]:checked + label::before{background:url(images/checkbox.png) no-repeat;border:none;}
.searchForm .formCheck input[type="checkbox"]:focus + label::before{border:1px solid #4d4d4d;}
.searchForm .formCheck input[type="checkbox"]:focus:checked + label::before{background:url(images/checkbox.png) no-repeat;border:none;}
.searchForm .formInput{display:inline-block;position:relative;background:#fff;border-radius:20px;width:625px;height:62px;}
.searchForm .formInput input[type="text"]{height:62px;width:calc(100% - 80px);margin-left:20px;border:0;font-size:19px;}
.searchForm .formInput input[type="text"]::-webkit-input-placeholder,
.searchForm .formInput input[type="text"]:-ms-input-placeholder,
.searchForm .formInput input[type="text"]::placeholder{font-size:19px;color:#999;}
.searchForm .formInput .btnSearch{background:url(images/btnSearch.png) center no-repeat transparent;background-size:28px 26px;width:40px;height:36px;text-indent:-9999px;position:absolute;right:20px;top:12px;-webkit-appearance:none;border:0;}

.totalSearch .searchForm .inner{display:flex;justify-content:space-between;align-items:center;}

.btnDetailSearch{color:#fff;font-size:22px;background:transparent;border:0;position:relative;padding-right:64px;height:44px;}
.btnDetailSearch::before{position:absolute;right:0;top:50%;margin-top:-22px;content:'';display:block;width:44px;height:44px;background:#fff url(images/btnDetailSearch.png) center no-repeat;background-size:19px 9px;border-radius:100%;}
.btnDetailSearch.active::before{background-image:url(images/btnDetailSearchActive.png);}


.totalSearch .detailBox{display:none;padding:40px 0;border-top:1px dashed #6475c9;}
.totalSearch .detailBox.active{display:block;}
.detailBox .half{display:flex;}
.detailBox .half>li{width:50%;display:flex;}
.detailBox .full{display:flex;align-items:center;margin-top:20px;position:relative;}
.detailBox em{color:#fff;font-style:normal;font-size:17px;margin-right:44px;}

.detailBox .formRadio{position:relative;}
.detailBox .formRadio>span{padding-right:26px;}
.detailBox .formRadio input[type="radio"]{position:absolute;top:3px;left:0;opacity:0;-webkit-appearance:none;}
.detailBox .formRadio label{font-size:16px;color:#fff;line-height:20px;display:inline-block;position:relative;padding-left:30px;}
.detailBox .formRadio label::before{display:inline-block;position:absolute;left:0;top:1px;width:20px;height:20px;border:1px solid #d9d9d9;border-radius:2px;background:#fff;content:'';box-sizing:border-box;}
.detailBox .formRadio input[type="radio"]:checked + label::before{background:url(images/radio.png) no-repeat;border:none;}
.detailBox .formRadio input[type="radio"]:focus + label::before{border:1px solid #4d4d4d;}
.detailBox .formRadio input[type="radio"]:focus:checked + label::before{background:url(images/radio.png) no-repeat;border:none;}

.detailBox .dateInp{display:inline-block;vertical-align:middle;}
.detailBox .dateInp .inp{display:inline-block;position:relative;border:1px solid #d9d9d9;width:150px;font-size:16px;color:#666;border-radius:2px;background-color:#fff;}
.detailBox .dateInp .inp input{padding-right:35px;background:#fff url(images/calendar.png) right 13px center no-repeat;background-size:25px 22px;height:38px;line-height:38px;width:100%;border:0;display:block;z-index:3;position:relative;}
.detailBox .behind{display:inline-block;vertical-align:middle;color:#fff;line-height:1;padding:0 7px;font-size:16px;}
.detailBox .dateBtn{display:inline-block;vertical-align:middle;margin-left:12px;overflow:hidden;}
.detailBox .dateBtn button{float:left;width:74px;height:41px;background:#596bc4;border:0;color:#fff;margin-right:5px;border-radius:2px;font-size:16px;transition:all .3s;}
.detailBox .dateBtn button.active{background:#9a368f;}

.detailBox .btnDetailIn{border:0;position:absolute;right:0;bottom:0;width:120px;height:41px;background:#c12a7c;color:#fff;font-size:16px;border-radius:2px;}

.totalSearch .sectionWrap{position:relative;}
.totalSearch .section{position:relative;margin-top:75px;}
.totalSearch .title{font-size:25px;color:#222;font-weight:normal;position:relative;line-height:30px;}
.totalSearch .floatR .title{margin-bottom:20px;}
.totalSearch .bul.title{padding-left:34px;border-bottom:1px solid #bababa;padding-bottom:12px;}
.totalSearch .bul.title::before{position:absolute;content:'';width:22px;height:22px;border-radius:0 11px 11px 0;background:#3d52bb;left:0;top:3px;}
.bul.title>span{font-size:18px;}
.sortWrap{}
.sortWrap select{display:inline-block;min-width:80px;height:36px;border:1px solid #e0dede;padding:5px 10px;box-sizing:border-box;vertical-align:middle;font-size:15px;}
.sortWrap .btnSearch{border:none;background:#112240;color:#fff;font-size:15px;text-align:center;display:inline-block;height:36px;width:60px;vertical-align:middle;}
.totalSearch .detailPage .textType{border-top:0;}
.totalSearch .detailPage .sortWrap{position:absolute;right:0;top:0;}
.totalSearch .btnMore{font-size:16px;color:#555;position:absolute;right:0;top:0;}
.totalSearch .section .list{margin:30px 34px 0;padding-bottom:34px;border-bottom:1px dashed #d9d9d9;}
.section .list li~li{margin-top:12px;}

.section .dataT{margin:40px 34px 0;}
.section .dataT table{width:100%;border-top:2px solid #3760a8;table-layout:fixed;}
.section .dataT th{font-size:18px;color:#000;font-weight:normal;border-bottom:1px solid #808080;border-left:1px solid #d9d9d9;padding:10px 20px;}
.section .dataT td{font-size:16px;color:#666;border-top:1px solid #d9d9d9;border-left:1px solid #d9d9d9;padding:10px 20px;text-align:center;}
.section .dataT th:first-of-type, .section .dataT td:first-of-type{border-left:0;}
.section .dataT tr:last-child td{border-bottom:1px solid #808080;}
.section .dataT .tL{text-align:left;}

.section .dataT .w17{width:17%;}
.section .dataT .w16{width:16%;}
.section .dataT .w13{width:13%;}


.cardType{overflow:hidden;margin:40px 0;}
.cardType>li{width:calc(100% / 2 - 15px);}
.cardType>li:nth-child(odd){float:left;}
.cardType>li:nth-child(even){float:right;}
.cardType>li>a{display:block;border:1px solid #ddd;border-radius:20px;padding:30px;}
.txtWrap span{display:block;}
.txtWrap .cate{font-size:16px;color:#555;font-family:'notokrMedium';}
.txtWrap .tit{/*margin-top:26px;*/font-size:21px;color:#000;line-height:28px;}
.txtWrap .tit img{vertical-align:middle;margin-top:-5px;margin-right:10px;}
.txtWrap .txt{margin-top:24px;font-size:17px;color:#666;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; }
.txtWrap .date, .txtWrap .url{margin-top:10px;font-size:17px;color:#555;}
.cardType .txtWrap .tit{height:58px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

.textType .thum.blog{background:#fff;width:146px;height:146px;}

.textType{/*border-top:1px dashed #d9d9d9;*/margin-bottom:75px;}
.textType>li{margin-top:40px;padding:0 30px 40px;border-bottom:1px dashed #d9d9d9;}
.textType>li>a{overflow:hidden;}
.textType .thum{display:block;position:relative;float:left;width:206px;height:206px;margin-right:25px;background:#f5f5f5;}
.textType .thum img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

.totalSearch .searchBott{background:#f8f8f8;padding:0 45px;}
.totalSearch .searchBott>div{padding:15px 0;}
.totalSearch .searchBott .tit{font-size:18px;color:#222;}
.searchBott .recomm, .searchBott .recomm ul, .searchBott .mykeyword, .searchBott .mykeyword ol{display:flex;align-items:center;}
.searchBott .tit{padding-left:60px;}
.searchBott .recomm .tit{background:url(images/icoRecomm.png) no-repeat;background-size:31px 30px;line-height:30px;margin-right:42px;}
.searchBott .recomm li{margin-right:35px;}
.searchBott .recomm li a{color:#666;font-size:17px;}
.searchBott .mykeyword{border-top:1px dashed #d4d4d4;}
.searchBott .mykeyword ol{counter-reset:number;}
.searchBott .mykeyword .tit{position:relative;padding-right:42px;background:url(images/icoMykeyword.png) no-repeat;background-size:35px 28px;line-height:30px;}
.searchBott .mykeyword .tit::after{position:absolute;content:'';width:1px;height:16px;background:#4d4d4d;top:50%;margin-top:-8px;right:20px;}
.searchBott .mykeyword li{counter-increment:number;}
.searchBott .mykeyword li a{color:#666;font-size:17px;display:block;position:relative;padding:0 30px 0 27px;}
.searchBott .mykeyword li a::before{display:block;content:counter(number,decimal);position:absolute;top:50%;margin-top:-10px;left:0;width:20px;height:20px;/*box-sizing:border-box;*/border:1px solid #626262;font-size:16px;line-height:18px;text-align:center;}
.searchBott li a{display:block;}

.totalSearch .content{overflow:hidden;margin-top:54px;}
.totalSearch .floatL{float:left;width:calc(100% - 356px);}
.totalSearch .floatR{float:right;width:306px;margin-bottom:70px;}
.totalSearch .tabMenu{display:flex;align-items:center;justify-content:center;}
.totalSearch .tabMenu span{display:block;text-align:center;color:#999;}
.totalSearch .tabMenu li{width:10%;position:relative;}
.totalSearch .tabMenu li~li::before{position:absolute;content:'';width:2px;height:25px;top:50%;margin-top:-12px;left:0;background:#e5e5e5;}
.totalSearch .tabMenu li.active::before{display:none;}
.totalSearch .tabMenu li a{text-align:center;display:block;font-size:17px;color:#999;background:#f1f1f1;line-height:22px;padding:20px 0;}
.totalSearch .tabMenu li.active a{background:#3d52bb;color:#fff;}
.totalSearch .tabMenu li.active span{color:#fff;}

.relatedSite{margin-top:50px;}
.relatedSite li{border:1px solid #e0e0e0;border-radius:20px;}
.relatedSite li~li{margin-top:40px;}
.relatedSite li a{display:flex;min-height:110px;justify-content:flex-start;}
.relatedSite .img{display:flex;align-items:center;justify-content:center;flex-grow:1;width:222px;flex-shrink:0;}
.relatedSite .img img{width:180px;}
.relatedSite .tit{display:flex;flex-grow:1;flex-shrink:0;align-items:center;position:relative;padding:0 40px;}
.relatedSite .tit::before{position:absolute;content:'';width:1px;height:70px;background:#e0e0e0;left:0;top:50%;margin-top:-35px;}
.relatedSite .tit>span{position:relative;padding:0 20px;background:#3d52bb;font-size:18px;font-family:'NanumSquare';color:#fff;line-height:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:3px;/*border-radius:3px 0 0 3px;*/}
.relatedSite .tit>span::after{content:'';position:absolute;right:-14px;top:0;width:0;height:0;border-top:23px solid transparent;border-left:15px solid #3d52bb;border-bottom: 23px solid transparent;}
.relatedSite .txt{display:flex;flex-wrap:wrap;flex-grow:8;align-items:center;padding-right:60px;}
.relatedSite .txt>span{font-size:17px;color:#666;line-height:1.4;}

.shortLink{margin-top:50px;}
.shortLink li{padding-bottom:65px;}
.shortLink li:last-child{padding-bottom:0;}
.shortLink li~li{padding-top:65px;border-top:1px dashed #d9d9d9;}
.shortLink span{font-size:17px;display:inline-block;color:#000;}
.shortLink .txt{margin-bottom:50px;}
.shortLink .txt .btn{width:115px;height:34px;line-height:34px;color:#fff;background:#5e5e5e;border-radius:17px;text-align:center;margin-right:15px;}
.shortLink .url{color:#777;margin-left:15px;}


.totalSearch .tabBox{display:table;table-layout:fixed;position:relative;width:100%;height:284px;}
.totalSearch .tabBox .boxItem{display:table-cell;}
.totalSearch .tabBox .boxItem>a{display:block;background:#f1f1f1;color:#999;font-size:15px;border-left:1px solid #e5e5e5;text-align:center;line-height:41px;}
.totalSearch .tabBox .boxItem:first-child>a{border-left:0;}
.totalSearch .tabBox .boxItem.active>a{border-left:0;background:#3d52bb;color:#fff;}
.tabBox .ranking{display:none;position:absolute;left:0;right:0;height:100%;counter-reset:number;border:1px solid #3d52bb;height:calc(100% - 41px);padding:30px 24px;}
.tabBox .ranking li{counter-increment:number;}
.tabBox .ranking li~li{margin-top:15px;}
.tabBox .ranking li a{display:block;position:relative;padding-left:30px;font-size:15px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tabBox .ranking li a::before{display:block;content:counter(number,decimal);position:absolute;top:50%;left:0;margin-top:-8px;color:#333;line-height:15px;}

.topicRank{position:relative;}
.topicRank .btnGroup{position:absolute;top:1px;right:0;width:62px;overflow:hidden;}
.topicRank .btnGroup button{border:1px solid #e5e5e5;width:28px;height:28px;border-radius:5px;text-indent:-9999px;float:left;}
.topicRank .btnGroup .prev{background:#fff url(images/btnPrev.png) center no-repeat;background-size:6px 11px;margin-right:6px;}
.topicRank .btnGroup .next{background:#fff url(images/btnNext.png) center no-repeat;background-size:6px 11px;}
.tabBox .boxItem.active .ranking{display:block;}
.totalSearch .tabBox.hide{display:none;}

.popularRank{margin-top:70px;}
.totalSearch .popularRank .tabBox{height:482px;}
.popularRank .tabBox .ranking li{position:relative;}
.popularRank .tabBox .ranking li a{width:calc(100% - 45px);}
.popularRank .tabBox .ranking .state{position:absolute;right:0;top:0;}
.popularRank .tabBox .ranking .state *{vertical-align:middle;}

.resultWrap{text-align:center;font-size:25px;margin-bottom:15px;line-height:30px;margin-top:-5px;}
.resultWrap span{color:#c12a7c;font-family:'notokrMedium';}

.searchHelp{margin-bottom:70px;}
.searchHelp.section{font-size:17px;margin-top:50px;}

.section .dataT2{margin:20px 0 20px;}
.section .dataT2 table{width:100%;border-top:2px solid #3760a8;table-layout:fixed;}
.section .dataT2 th{font-size:18px;color:#000;font-weight:normal;border-bottom:1px solid #808080;border-left:1px solid #d9d9d9;padding:10px 20px;}
.section .dataT2 thead th{background:#f8f8f8;}
.section .dataT2 tbody th{font-size:16px;border-bottom:1px solid #d9d9d9;border-right:1px solid #d9d9d9;}
.section .dataT2 td{font-size:16px;color:#666;border-top:1px solid #d9d9d9;border-left:1px solid #d9d9d9;padding:10px 20px;text-align:center;}
.section .dataT2 th:first-of-type, .section .dataT2 td:first-of-type{border-left:0;}
.section .dataT2 tr:last-child td, .section .dataT2 tr:last-child th{border-bottom:1px solid #808080;}


.blue{color:#0059d1;}
.wine{color:#c12a7c;}
.notokrM{font-family:'notokrMedium';}
.keword{color:#0059d1;}

.txtWrap span.keword{display:inline-block;font-family:'notokrMedium';}

.totalSearch .searchHelp .title{margin-top:30px;}

.searchHelp .bulLi{margin-bottom:10px;}

.bulLi>li{position:relative;display:block;padding-left:15px;word-break:keep-all;margin-top:10px;}
.bulLi>li::before{position:absolute;top:10px;left:0px;content:'';width:3px;height:3px;background:#666;border-radius:100%;}

.noResult{border:1px solid #d9d9d9;padding:70px 120px;}
.flexBox{display:flex;align-items:center;}
.flexBox .img{margin-right:50px;}
.flexBox .txt strong{font-size:24px;color:#000;font-weight:normal;font-family:'notokrMedium';}

.detailPage .txtWrap .cate, .detailPage .txtWrap .date, .txtWrap .url{font-size:15px;}
.detailPage .txtWrap .tit, .detailPage .txtWrap .txt, .detailPage .txtWrap .date, .txtWrap .url{margin-top:10px;}

.paging{margin-top:40px;margin-bottom:70px;text-align:center;font-size:0;}
.paging>span{display:inline-block;vertical-align:top;}
.paging>span>span{display:inline-block;vertical-align:top;}
.paging .btn>a{display:block;text-indent:-9999px;width:40px;height:40px;border:1px solid #6f7782;box-sizing:border-box;}
.paging .num{margin:0 20px;}
.paging .num>a, .paging .num>strong{display:inline-block;width:40px;height:40px;line-height:40px;font-size:15px;}
.paging .num>strong{background:#6e7884;color:#fff;font-weight:normal;font-family:'notokrMedium';}
.paging .btn>a.first{background:url(images/bdBtnFirst.png) center no-repeat;background-size:10px 12px;}
.paging .btn>a.prev{background:url(images/bdBtnPrev.png) center no-repeat;background-size:6px 12px;border-left:0;}
.paging .btn>a.next{background:url(images/bdBtnNext.png) center no-repeat;background-size:6px 12px;}
.paging .btn>a.last{background:url(images/bdBtnLast.png) center no-repeat;background-size:10px 12px; /*border-left:0;*/}

/* 검색어 자동입력 */
.autoWordWrap{background:#fff;/*border:1px solid #3d52bb;*/position:absolute;left:20px;top:62px;width:calc(100% - 40px);z-index:5;-webkit-box-shadow:0 12px 40px 0 rgba(0, 0, 0, 0.2);box-shadow:0 12px 40px 0 rgba(0, 0, 0, 0.2);border-top:1px solid #dfdfdf;padding:18px 10px 18px 20px;}
.autoWordWrap>ul{overflow:hidden;overflow-y:auto;height:240px;}
.autoWordWrap li{margin-bottom:10px;}
.autoWordWrap li a{font-size:15px;}
.autoWordWrap li a strong{color:#0059d1;font-weight:normal;font-family:'notokrMedium';}
/* // 검색어 자동입력 */


@media all and (max-width : 1506px){
  .totalSearch .content, .totalSearch .searchBott{padding-left:30px;padding-right:30px;}
  .totalSearch .inner{width:auto;}
}

@media all and (max-width : 1400px){
  .totalSearch .tabMenu li a{font-size:15px;}
  .noResult{padding:70px;}
}

@media all and (max-width : 1280px){
  .totalSearch .floatL{width:calc(100% - 316px);}
  .totalSearch .floatR{width:286px;}
  .tabBox .ranking{padding:30px 20px;}
}

@media all and (max-width : 1200px){
  .totalSearch .tabMenu li a{letter-spacing:-1px;}
}

@media all and (max-width : 1180px){
  .totalSearch .floatL{width:calc(100% - 236px);}
  .totalSearch .floatR{width:206px;}
}

@media all and (max-width : 1086px){
  .totalSearch .floatR, .totalSearch .floatL{float:none;width:100%;}
  .totalSearch .floatR{margin-bottom:30px;}
  .relatedSite .img{width:162px;}
  .relatedSite .txt>span{font-size:15px;}
  .relatedSite .tit{padding:0 30px;}
  .relatedSite .txt{padding-right:30px;}
  .relatedSite .tit>span{padding:0 15px;}
  .noResult{margin-bottom:50px;}
}

@media all and (max-width : 1024px){
  .totalSearch .searchForm .inner, .totalSearch .detailBox .inner{width:100%;padding:0 30px;}
  .totalSearch .searchForm{padding:60px 0;}
  .totalSearch .searchForm .inner{flex-wrap:wrap;}
  .searchForm .formInput{width:100%;margin:10px 0;}
  .searchForm .formCheck label{font-size:16px;padding-left:30px;}
  .btnDetailSearch{margin-left:auto;font-size:18px;padding-right:50px;}
  .btnDetailSearch::before{width:36px;height:36px;margin-top:-18px;}
  .detailBox .btnDetailIn{position:static;float:right;margin-top:30px;}
  .totalSearch .detailBox{padding-bottom:100px;}
}

@media all and (max-width : 960px){
  .totalSearch .tabMenu{flex-wrap:wrap;}
  .totalSearch .tabMenu li{width:20%;}
  .totalSearch .tabMenu li~li::before{display:none;}
  .totalSearch .tabMenu li>a{border-right:1px solid #e5e5e5;}
  .totalSearch .tabMenu li:nth-child(5)>a, .totalSearch .tabMenu li:nth-child(10)>a{border-right:0;}
  .totalSearch .tabMenu li:nth-child(1)>a, .totalSearch .tabMenu li:nth-child(2)>a, .totalSearch .tabMenu li:nth-child(3)>a, .totalSearch .tabMenu li:nth-child(4)>a, .totalSearch .tabMenu li:nth-child(5)>a{border-bottom:1px solid #e5e5e5;}
  .detailBox em{font-size:16px;margin-right:30px;}
  .detailBox .formRadio label{font-size:15px;}
  .detailBox .formRadio label::before{top:0;}
  .detailBox .formRadio>span{padding-right:20px;}

  .searchBott .tit{padding-left:46px;}
  .totalSearch .searchBott>div{flex-wrap:wrap;}
}

@media all and (max-width : 850px){
  .detailBox .half, .detailBox .full{flex-wrap:wrap;}
  .detailBox .half>li{flex-wrap:wrap;}
  .detailBox em{width:100%;}
  .detailBox .dateInp{display:block;}
  .noResult{padding:50px;}
}

@media all and (max-width : 737px){
  .totalSearch .content, .totalSearch .searchBott{padding-left:20px;padding-right:20px;}
  .relatedSite, .popularRank{margin-top:30px;}
  .relatedSite li~li{margin-top:20px;}
  .shortLink li{padding-bottom:30px;}
  .shortLink li~li{padding-top:30px;}
  .relatedSite .tit>span, .section .dataT th{font-size:16px;}
  .totalSearch .title{font-size:20px;}
  .shortLink .txt{margin-bottom:20px;}
  .totalSearch .section{margin-top:30px;}
  .shortLink span{font-size:15px;}
  .totalSearch .section .list, .section .dataT{margin:20px 0 0;}
  .section, .totalSearch .btnMore, .section .dataT td{font-size:15px;}
  .cardType{margin:30px 0;}
  .cardType>li{width:calc(100% / 2 - 10px);}
  .cardType>li>a{padding:20px;}
  .textType{margin-bottom:30px;}
  .txtWrap .tit{font-size:18px;margin-top:16px;}
  .txtWrap .txt, .txtWrap .date, .txtWrap .url{margin-top:16px;}
  .txtWrap .cate, .txtWrap .date, .txtWrap .txt, .txtWrap .url{font-size:15px;}
  .textType>li{margin:20px 0;padding:0 0 20px;min-height:226px;}

  .detailBox .dateInp{width:100%;display:flex;flex-wrap:wrap;align-items:center;}
  .detailBox .dateInp .inp{width:48%;}
  .detailBox .behind{text-align:center;width:4%;padding:0;}
  .detailBox .dateBtn{width:100%;margin:10px 0 0 0;display:flex;justify-content:space-between;}
  .detailBox .dateBtn button{width:24%;margin:0;}
  .detailBox .btnDetailIn{float:none;width:100%;}
  .totalSearch .detailBox{padding-bottom:40px;}

  .searchForm .formInput input[type="text"], .searchForm .formInput{height:50px;font-size:16px;}
  .searchForm .formInput{border-radius:12px;}
  .searchForm .formInput .btnSearch{top:6px;}

  .totalSearch .searchForm{padding:40px 0;}
  .totalSearch .searchForm .inner, .totalSearch .detailBox .inner{padding:0 20px;}

  .totalSearch .searchBott .tit{font-size:17px;padding-left:40px;}
  .searchBott .mykeyword .tit::after{display:none;}
  .searchBott .recomm li a, .searchBott .mykeyword li a{font-size:15px;}
  .searchBott .mykeyword li a::before{font-size:15px;width:18px;height:18px;}
  .searchBott .recomm ul, .searchBott .mykeyword, .searchBott .mykeyword ol{width:100%;margin-top:10px;flex-wrap:wrap;}
  .totalSearch .searchBott>div.recomm{padding-bottom:0;}

  .relatedSite li a{flex-wrap:wrap;padding:20px;}
  .relatedSite .img{width:100%;}
  .relatedSite .tit{padding:0;margin:20px 0;}
  .relatedSite .tit::before{display:none;}
  .relatedSite .txt{padding-right:0;}

  .resultWrap{font-size:20px;}

  .searchHelp.section{font-size:15px;margin-top:30px;}


  .noResult{padding:40px 20px;}
  .flexBox{flex-wrap:wrap;}
  .flexBox .img{display:inline-block;margin:0 auto 20px;}
  .flexBox .txt strong{display:block;text-align:center;font-size:20px;}


  .autoWordWrap{top:50px;left:12px;width:calc(100% - 24px);}
  .autoWordWrap li{margin-bottom:6px;}

  .paging .num{margin:0 10px;}
  .paging .btn>a{width:36px;height:36px;}
  .paging .num>a, .paging .num>strong{width:36px;height:36px;line-height:36px;}
  .paging .btn>a.prev, .paging .btn>a.last{border-left:1px solid #6f7782;margin-left:2px;}

  .sortWrap select{padding:0 5px;min-width:0;}
  .sortWrap select, .sortWrap .btnSearch{font-size:14px;}


  /* 업무/직원 */
  .section .dataT table colgroup, .section .dataT table thead{display:none;}
  .section .dataT table tbody tr{padding:14px 0;display:block;overflow:hidden;position:relative;border-bottom:1px solid #ddd;}
  .section .dataT table tbody tr td{display:none;padding:0;border:0;}
  .section .dataT table tbody tr td.part::before{content:"부서 ";color:#333;margin-right:.5rem;font-family:'notokrMedium';}
  .section .dataT table tbody tr td.position::before{content:"직위 ";color:#333;margin-right:.5rem;font-family:'notokrMedium';}
  .section .dataT table tbody tr td.empName::before{content:"이름 ";color:#333;margin-right:.5rem;font-family:'notokrMedium';}
  .section .dataT table tbody tr td.contact::before{content:"전화 ";color:#333;margin-right:.5rem;font-family:'notokrMedium';}
  .section .dataT table tbody tr td.work::before{content:"담당업무 ";color:#333;margin-right:.5rem;font-family:'notokrMedium';}

  .section .dataT table tbody tr td.part, .section .dataT table tbody tr td.position, .section .dataT table tbody tr td.empName, .section .dataT table tbody tr td.contact, .section .dataT table tbody tr td.work{display:block;float:left;text-align:left;margin-right:16px;}
  .section .dataT tr:last-child td{border:0;}
}

@media all and (max-width : 600px){
  .totalSearch .detailPage .sortWrap{position:static;margin-top:20px;text-align:right;}
}

@media all and (max-width : 460px){
  .totalSearch .tabMenu li{width:50%;}
  .totalSearch .tabMenu li:nth-child(1)>a, .totalSearch .tabMenu li:nth-child(2)>a, .totalSearch .tabMenu li:nth-child(3)>a, .totalSearch .tabMenu li:nth-child(4)>a, .totalSearch .tabMenu li:nth-child(5)>a{border-right:0;}
  .totalSearch .tabMenu li:nth-child(1)>a, .totalSearch .tabMenu li:nth-child(2)>a, .totalSearch .tabMenu li:nth-child(3)>a, .totalSearch .tabMenu li:nth-child(4)>a, .totalSearch .tabMenu li:nth-child(5)>a{border-bottom:0;}
  .totalSearch .tabMenu li>a{padding:10px 0;border-bottom:1px solid #e5e5e5;line-height:20px;}
  .totalSearch .tabMenu li:nth-child(odd)>a{border-right:1px solid #e5e5e5;}
  .totalSearch .tabMenu li:nth-child(9)>a, .totalSearch .tabMenu li:nth-child(10)>a{border-bottom:0;}
  .textType .thum{display:block;width:100%;float:none;margin-right:0;height:auto;margin-bottom:20px;}
  .textType .thum img{position:static;transform:none;}
}

/* footer */
footer{background:#333;padding-bottom:80px;}
footer .inner{width:1560px;margin:0 auto;}
.footer{overflow:hidden;}
.footer .left{float:left;}
.footer .left ul{display:flex;margin:20px 0 15px;}
.footer .left li~li{padding-left:40px;position:relative;}
.footer .left li::before{content:'';width:1px;height:14px;background:#484848;position:absolute;top:50%;left:20px;margin-top:-7px;}
.footer .left li:first-child::before{display:none;}
.footer .left a{color:#adadad;font-size:16px;}
.footer .right{float:right;display:flex;align-items:center;margin-top:16px;}
.footer .right li~li{margin-left:26px;}
.footer *{color:#adadad;font-size:15px;}
.footer address{font-style:normal;display:inline-block;margin-right:18px;}

@media all and (max-width : 1506px){
  .footer{padding:0 30px;}
}

@media all and (max-width : 1086px){
  .footer .left li~li{padding-left:30px;}
  .footer .left li::before{left:15px;}
  .footer address{display:block;}
}

@media all and (max-width : 737px){
  .footer{padding:0 20px;}
  .footer .right li~li{margin-left:20px;}
  .footer .left li~li{padding-left:20px;}
  .footer .left li::before{left:10px;}
  .footer .left{text-align:center;}
  .footer .left ul, .footer .right{flex-wrap:wrap;justify-content:center;}
  .footer .left, .footer .right{float:none;}
}
/* //footer */


/* search help 페이지 디자인 수정 2023-11-02 */
.searchHelp .info{margin-top:10px;}
.searchHelp .operatorLi{display:flex;justify-content:space-between;margin-top:20px;margin-bottom:50px;}
.searchHelp .operatorLi li{width:31%;background:#f6f6f8;padding:30px;}
.searchHelp .operatorLi li i img{width:82px;height:64px;}
.searchHelp .operatorLi .tit{margin-top:10px;font-size:20px;font-family:'notokrBold';font-weight:normal;color:#3d52bb;}
.searchHelp .operatorLi .titSub{margin:10px 0 0;padding-bottom:10px;display:block;font-family:'notokrMedium';color:#333;box-sizing:border-box;}
.searchHelp .operatorLi .txt{margin:20px 0 30px;font-size:16px;}

@media all and (max-width : 737px){
  .searchHelp .operatorLi li{padding:20px;width:32%;}
  .searchHelp .operatorLi .txt{font-size:15px;margin-top:10px;margin-bottom:20px;}
}

@media all and (max-width : 480px){
  .searchHelp .operatorLi{flex-wrap:wrap;}
  .searchHelp .operatorLi li{width:100%;}
  .searchHelp .operatorLi li~li{margin-top:10px;}
}
/* // search help 페이지 디자인 수정 2023-11-02 */


/* 이미지 게시판 추가 2024-05-29 */
.textType .thum.culture{width:212px;height:210px;overflow:hidden;margin-right:32px;}
.textType .thum.culture img{position:static;transform:none;}
.txtWrap.culture{display:block;min-height:210px;padding-top:20px;}
.txtWrap.culture .cate{display:inline-block;background:#3d52bb;color:#fff;padding:0 20px 0 10px;line-height:32px;border-radius:0 16px 16px 0;}
.txtWrap.culture .info{margin-top:10px;}
.txtWrap .info{font-size:17px;color:#666;}
.txtWrap .info strong{font-weight:normal;font-family:'notokrMedium';color:#333;display:inline-block;padding-right:5px;}
@media all and (max-width : 737px){
  .detailPage .txtWrap.culture{padding-top:0;}
  .txtWrap .info{font-size:15px;}
}
@media all and (max-width : 460px){
  .textType .thum.culture{width:100%;height:auto;margin-right:0;text-align:center;}
}
/* // 이미지 게시판 추가 2024-05-29 */
