@charset "utf-8";

.boxLTW2 {border-top: 2px solid #222;}
.boxLT {border-top: 1px solid #b5b5b5;}
.boxLB {border-bottom: 1px solid #b5b5b5;}

.highlight {display: inline-block; color: #de3232 !important;}

.openNuri {display: flex; flex-direction: column; padding: 20px 30px; border: 4px solid #ebeff5; box-sizing: border-box;}
.openNuri p {margin-bottom: 7px;}

.contentTopDesc {margin-bottom: 50px; padding: 35px 40px; font-size: 1.059em; color: #282828; background-color: #f1f5fd;}

.imgbdBox {display: flex; align-items: center; justify-content: center; padding: 70px 30px; border: 4px solid #ebeff5;}

/* 아이콘 */
.exclMark {position: relative; padding-left: 28px; color: #282828;}
.exclMark::before {content: ""; position: absolute; left: 0; top: 4px; width: 20px; height: 20px; background: url("/oasis/include/image/common/ico_excl.png") no-repeat 0 0;}
.arrMark {position: relative; padding-left: 30px; color: #282828;}
.arrMark + .arrMark {margin-top: 5px;}
.arrMark::before {content: ""; position: absolute; left: 0; top: 4px; width: 22px; height: 22px; background: url("/oasis/include/image/common/ico_arrMark.png") no-repeat 0 0;}
.arrMark + .tblWrap {margin-top: 10px;}
.tblWrap + .arrMark {margin-top: 20px;}
.arrMark + .exImgBox {margin-top: 10px;}

/* 예시 이미지 박스 */
.exImgBox {display: flex; flex-direction: column; align-items: center; text-align: center; padding: 40px 0 50px; background-color: #f1f5fd;}
.exImgBox + .exImgBox {margin-top: 20px;}
.exImgBox .txt {margin-bottom: 20px; font-size: 0.941em; color: #282828; line-height: 1.2;}
.exImgBox .img {display: flex; flex-wrap: wrap; justify-content: center;}
.exImgBox .img div {overflow: hidden; margin: 10px 20px; border-radius: 10px; box-shadow: 0 9px 21px rgba(0, 54, 101, .06);}

/* 체크 블릿아이콘 영역 */
.bulletBox {position: relative; display: flex; align-items: center; justify-content: space-between; padding: 35px 0;}
.bulletBox > .infoDiv {width: calc(100% - 320px); padding: 0 10px; box-sizing: border-box;}
.bulletBox > .infoDiv .bullet {position: relative; padding-left: 35px;}
.bulletBox > .infoDiv .bullet::before {content: ""; position: absolute; left: 0; top: 3px; width: 24px; height: 24px; background: url("/oasis/include/image/common/bul_chk.png") no-repeat 0 0;}
.bulletBox > .infoDiv .bullet + .bullet {margin-top: 20px;}
.bulletBox > .infoDiv .bullet strong {font-size: 1.176em; line-height: 1.4; color: #282828;}
.bulletBox > .infoDiv .bullet p {margin-top: 8px;}
.bulletBox > .infoDiv .bullet .dot-list.mg {margin: 20px 0;}
.bulletBox > .infoDiv .bullet .dot-list.mg li + li {margin-top: 10px;}
.bulletBox > .infoDiv .bullet .btn {margin-top: 15px;}
.bulletBox > .btnDiv {margin-right: 40px;}

.bulletBox.col {flex-direction: column; align-items: flex-start; justify-content: flex-start;}
.bulletBox.col > .infoDiv {width: 100%;}

/* 화살표 블릿아이콘 영역 */
.bulletBox.arrR {padding: 30px 10px;}
.bulletBox.arrR > .infoDiv {width: calc(100% - 300px); padding: 0;}
.bulletBox.arrR > .infoDiv .bullet {padding-left: 28px;}
.bulletBox.arrR > .infoDiv .bullet::before {top: 5px; width: 20px; height: 20px; background-image: url("/oasis/include/image/common/bul_arrR.png");}
.bulletBox.arrR > .infoDiv .bullet strong {font-size: 1.059em; line-height: 1.4; color: #636363;}
.bulletBox.arrR > .btnDiv {margin-right: 0;}

.bulletBox > .infoDiv + .grayBox {margin-top: 30px;}
.grayBox + .grayBox {margin-top: 10px;}

/* 체크 블릿아이콘 영역 - 그레이박스 */
.grayBox {position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 40px; background-color: #f1f5fd; box-sizing: border-box;}
.grayBox > .infoDiv {width: calc(100% - 210px);}
.grayBox > .infoDiv > strong {display: block; margin-bottom: 5px; font-size: 1.059em; color: #0c3c74;}
.grayBox > .btnDiv {width: 190px;}
.grayBox > .btnDiv .btn + .btn {margin-top: 10px;}
.grayBox > .btnDiv.col {display: flex; width: auto; margin-top: 10px;}
.grayBox > .btnDiv.col .btn + .btn {margin-top: 0; margin-left: 5px;}

.grayBox.col {flex-direction: column; align-items: flex-start; justify-content: flex-start;}
.grayBox.col > .infoDiv {width: 100%;}

/* 체크 블릿아이콘 영역 - 다운로드박스 */
.downBox {display: flex; align-items: center; margin: 15px 0 30px;}
.downBox > p {margin-right: 20px; color: #282828;}
.downBox > .btn {margin-right: 5px;}

/* 컨텐츠 공통 */
.titleWrap {display:flex; justify-content:center; align-items:center; margin-top:40px;}
.contentWrap {display:flex; justify-content:space-between; align-items:flex-start;}
.contentWrap * {box-sizing:border-box;}
.contentWrap.block {display:block;}
.contentWrap .rightWrap {width:1090px; min-width:1090px; min-height:400px; box-sizing:border-box;}
.contentWrap .SearchResultWrap {min-height:500px;}
input[type="radio"] {margin:0 7px 0 0;}
/* 2022.10.12 k0h 입력 서식을 시각적으로 숨기기 위해 부적절한 스타일을 적용하여 키보드 및 스크린 리더에서 요소를 조작 및 인지할 수 없으므로 제거 input[type="radio"] {display:none;}  */
input[type="radio"] + label {display:inline-block; cursor:pointer; padding:0 0 0 29px; /*background:url("/oasis/include/image/search/ico_radio_off.png") 0 0 no-repeat;*/ color:#000; z-index:10; line-height:1; padding-bottom:4px;}
/*input[type="radio"]:checked + label {background:url("/oasis/include/image/search/ico_radio_on.png") 0 0 no-repeat;}*/
.tabmenu ul {display:flex;}
.tabmenu ul li {width:16.6666%; text-align:center;}
.tabmenu ul li a {display:block; background-color:#f2f4fb; height:60px; line-height:60px; font-weight:500; border-bottom:1px solid #333; font-size:1.176em;}
.tabmenu ul li a span {margin-left:7px;}
.tabmenu ul li a img {position:relative; top:-2px;}
.tabmenu ul li.active a {background-color:#fff; border:1px solid #333; border-width:1px 1px 0 1px; color:#222;}
.colBox {display:flex; margin-top:30px; padding-bottom:40px;}
.colBox.col-3 .analysisBox {width:calc(425px - 15px); margin-right:30px;}
.colBox.col-3 .analysisBox:last-child {margin-right:0;}
.colBox.col-3 .analysisBox:nth-child(2) {width:525px;}
.colBox .analysisBox .innerBox {display:flex; justify-content:center; align-items:center; padding:0 20px; height:350px; border:1px solid #d4d4d4; border-width:0 1px 1px 1px;}
.colBox .analysisBox .innerBox #yearchart,
.colBox .analysisBox .innerBox #domainchart {width:100%;}
.alignWrap {display:flex;}
.alignWrap > .leftBox {width:49%;}
.alignWrap > .rightBox {width:49%;}
.alignWrap > .leftBox {margin-right:2%;}

/* 컨텐츠 왼쪽 토글박스 */
.toggleWrap {width:260px; min-width:260px; min-height:400px; margin-right:50px; box-sizing:border-box;}
.toggleWrap .toggleHead {position:relative; display:none; height:66px; background-color:#001d48;}
.toggleWrap .toggleHead p {line-height:66px; margin-left:15px; color:#fff; font-size:1.176em;}
.toggleWrap > .row {border-top:1px solid #d8d8d8; padding:25px 0 25px 8px;}
.toggleWrap > .row.first {border-top:0; padding:0 0 25px 8px;}
.toggleWrap > .TitSearch {padding:0 0 25px 0 !important;}
.toggleWrap > .row:last-child {border-bottom:1px solid #d8d8d8;}
.toggleWrap > .row div.title {position:relative;}
.toggleWrap > .row div.title h4 {color:#255193; font-size:1.176em;}
.toggleWrap > .row div.title a.toggle {display:block; width:30px; height:30px; background: url("/oasis/include/image/search/ico_toggle_up.jpg") no-repeat; position:absolute; right:0; top:0;}
.toggleWrap > .row div.title a.toggle.active {background: url("/oasis/include/image/search/ico_toggle_down.jpg") no-repeat;}
.toggleWrap > .row > ul {margin-top:15px;}
.toggleWrap > .row > ul li {position:relative; font-size:1em; color:#333; padding-left:10px;}
.toggleWrap > .row > ul li > div {margin:3px 0 8px 0;}
.toggleWrap > .row > ul li > div > div {position:relative; font-size:0.882em; padding-left:10px; margin-left:5px;}
.toggleWrap > .row > ul li > div > div:before {display:block; content:'-'; position:absolute; left:0;}
.toggleWrap > .row div.inputBox {display:flex; margin-top:15px;}
.toggleWrap > .row div.inputBox div {padding-left:0; width:100%; height:25px;}
.toggleWrap > .row div.inputBox div:last-child {margin-right:0;}
.toggleWrap > .row ul.list > li:before {display:block; content:''; width:2px; height:2px; background:#333; position:absolute; left:0; top:15px; transform:translateY(-50%);}
.toggleWrap > .row ul.list > li span {color:#777; margin-left:2px;}
.toggleWrap > .row ul.doublelist > li + li {margin-top:15px;}
.toggleWrap > .row ul.doublelist li:before {display:block; content:''; width:6px; height:6px; background: url("/oasis/include/image/search/ico_doublelist.png") no-repeat; position:absolute; left:0; top:15px; transform:translateY(-50%);}
.toggleWrap > .row ul.doublelist li ul {margin-top:5px;}
.toggleWrap > .row ul.doublelist li ul li:before {width:2px; height:2px; background:#333;}
.toggleWrap > .row .list .chart {margin-top:20px;}
.toggleWrap .resetBox {display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;}
.toggleWrap .resetBox h3 {font-size:1.294em;}
.toggleWrap .resetBox a.reset {display:inline-flex; justify-content:center; align-items:center; width:75px; height:30px; background-color:#444444; border-radius:3px; color:#fff; font-size:0.833em;}
.toggleWrap .resetBox a.reset span {position:relative; padding-left:16px;}
.toggleWrap .resetBox a.reset span:before {display:block; content:''; width:12px; height:12px; background: url("/oasis/include/image/common/ico_reset.png") no-repeat; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.toggleWrap .result {display:flex; align-items:center; flex-wrap:wrap;}
.toggleWrap .result span:first-child {color:#222;}
.toggleWrap .result i.arrow {display: inline-block; width: 6px; height: 11px; margin: 0 12px; background: url("/oasis/include/image/common/ico_naviArrow.png") 0 50% no-repeat;}
.toggleWrap a.del {width:18px; height:18px; background: url("/oasis/include/image/search/ico_search_del.png") no-repeat; margin-left:5px; position:relative; top:1px;}
.toggleWrap .row .pasitMore {font-weight:700; cursor:pointer; margin-top:5px; color:#222; border-bottom:1px solid #222; display:inline-block; font-size:0.824em;}

/* 컬렉션 주제·이슈 */
.generationTime {display:flex; width:100%; line-height:40px; margin-top:40px;}
.generationTime input[type="text"] {width:85px; box-sizing:border-box;}
.generationTime span {margin:0 5px;}
.contentboardWrap .title {position:relative; padding-bottom:10px;}
.contentboardWrap .title.bdb {border-bottom:2px solid #444;}
.contentboardWrap .title h4 {font-size:1.412em;}
.contentboardWrap .title.mediaTitle {border-bottom:1px solid #d8d8d8; margin-bottom:40px;}
.galleryBox .rowBox .innerBox {display:flex; flex-wrap:wrap;}
.galleryBox .rowBox .innerBox li.list {position:relative; bottom:0; transition:bottom .5s; width:calc(33.333% - 20px); margin-right:30px; margin-bottom:30px; border:1px solid #e5e5e5; box-sizing:border-box;}
.galleryBox .rowBox .innerBox li.list > a {display:block; padding:10px;}
.galleryBox .rowBox .innerBox li.list:nth-child(3n) {margin-right:0;}
.galleryBox .rowBox .innerBox li.list .text_box {padding:0 20px; margin:30px 0 20px 0; }
.galleryBox.issue .rowBox .innerBox li.list .text_box {margin:20px 0 0 0;}
.galleryBox .rowBox .innerBox li.list .text_box p.title {display:table; table-layout:fixed; width:100%;}
.galleryBox .rowBox .innerBox li.list .text_box p.title span {font-size:1.294em; font-weight:bold; color:#222; text-overflow:ellipsis; display:table-cell; white-space:nowrap; overflow:hidden;}
.galleryBox .rowBox .innerBox li.list .text_box .text {line-height:1.4em; height:2.8em; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#636363; margin:10px 0 10px 0; padding:0 3px;}
.galleryBox .rowBox .innerBox li.list .text_box .time {margin-bottom:10px; color:#777; font-size:0.941em;}
.galleryBox .rowBox .innerBox li.list .text_box .time span {position:relative; padding-left:20px; }
.galleryBox .rowBox .innerBox li.list .text_box .time span:before {display:block; content:''; width:16px; height:16px; background: url("/oasis/include/image/subcontent/ico_coll_time.png") 0 50% no-repeat; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.galleryBox .rowBox .innerBox li.list .text_box .count span {color:#de3232; margin-right:4px;}
.galleryBox .rowBox .innerBox li.list:hover {border:1px solid #222; position:relative; bottom:10px; transition:bottom .5s; box-shadow:0px 10px 20px 0px rgb(0 0 0 / 7%);}
.galleryBox .rowBox .innerBox li.list .icoBox {display:flex; justify-content:space-between; padding:0 30px 20px 30px;}
.galleryBox .rowBox .innerBox li.list .icoBox span {font-size:0.941em; color:#777;}
.galleryBox .rowBox .innerBox li.list .icoBox span img {position:relative; top:-1px; margin-right:5px;}
.galleryBox .rowBox .innerBox.col4 li.list {width:calc(25% - 20px); text-align:center;}
.galleryBox .rowBox .innerBox.col4 li.list:nth-child(3n) {margin-right:20px;}
.galleryBox .rowBox .innerBox.col4 li.list:nth-child(4n) {margin-right:0;}
.galleryBox .rowBox .innerBox.col4.media li.list {height:100%; min-height:auto;}
.galleryBox .rowBox .innerBox.col4.media li.list > a {padding:10px;}
.galleryBox .rowBox .innerBox.col4.media li.list .img_box img {width:100%; height:100%;}
.galleryBox .rowBox .innerBox.col4.media li.list .text_box {margin:15px 0 10px 0;}
.galleryBox .rowBox .innerBox.col4.media li.list .text_box .text {height:auto; margin:5px 0 20px 0; font-size:0.941em;}
.galleryBox .rowBox {display:flex; flex-wrap:wrap;}
.galleryBox .rowBox .row {width:100%; padding:30px; border-top:2px solid #444444;}
.galleryBox .rowBox .row.text {padding:30px 10px;}
.galleryBox .rowBox .row + .row {border-top:1px solid #d8d8d8;}
.galleryBox .rowBox .row:last-child {border-bottom:1px solid #aaaaaa;}
.galleryBox .rowBox .row .innerBox {display:flex;}
.galleryBox .rowBox .row .innerBox .imgBox {position:relative; border:1px solid #d8d8d8; margin-right:60px;}
.galleryBox .rowBox .row .innerBox .imgBox a {position:absolute; bottom:10px; right:10px;}
.galleryBox .rowBox .row .innerBox .textBox {margin-top:20px;}
.galleryBox .rowBox .row .innerBox .textBox .ico_url {display:inline-block; max-width:470px; width:auto; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.galleryBox .rowBox .row .innerBox .textBox .ico_url span {color:#777; font-size:1em;}
.galleryBox .rowBox .row .innerBox .textBox .ico_url span:before {display:inline-block; content:''; width:15px; height:15px; background:url("/oasis/include/image/search/ico_url.png") no-repeat; margin-right:5px; position:relative; top:2px;}
.galleryBox .rowBox .row .innerBox .textBox .resultTitle {display:flex; margin:10px 0 10px 0;}
.galleryBox .rowBox .row .innerBox .textBox .resultTitle .ico_btn {display:flex; align-items:center; height:30px; padding:0 8px; background-color:#f6f6f6; border:1px solid #d7d7d7; border-radius:3px; text-align:center;}
.galleryBox .rowBox .row .innerBox .textBox .resultTitle .ico_btn span {display:flex; align-items:center; position:relative; padding-left:20px; font-size:0.833em;}
.galleryBox .rowBox .row .innerBox .textBox .resultTitle p {font-size:1.176em; color:#222; font-weight:500; margin-left:10px;}
.galleryBox .rowBox .row .innerBox .textBox ul li {position:relative; font-size:1em; color:#636363; padding-left:10px;}
.galleryBox .rowBox .row .innerBox .textBox ul li:before {display:block; content:''; width:3px; height:3px; background:#333; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.galleryBox .rowBox .row .innerBox .textBox ul li span {position:relative; margin-right:20px; color:#222; font-weight:500;}
.galleryBox .rowBox .row .innerBox .textBox ul li span:after {display:block; content:''; width:1px; height:16px; background-color:#d8d8d8; position:absolute; right:-10px; top:50%; transform:translateY(-50%);}
.galleryBox .rowBox .row .innerBox .textBox ul li span:last-child:after {display:none;}
.contentWrap .TitSearch .inputBox {position:relative;}
.contentWrap .TitSearch .inputBox input[type="text"] {width:100%; border:1px solid #777; border-radius:3px; padding:0 15px;}
.contentWrap .TitSearch .inputBox a.search {width:20px; height:20px; background:url("/oasis/include/image/common/ico_search_bk.png") no-repeat; position:absolute; right:15px; top:50%; transform:translateY(-50%);}
.contentboardWrap .rowBox .row .innerBox .img_box {position:relative; height:180px; overflow:hidden;}
.contentboardWrap .rowBox .row .innerBox .img_box img {position:absolute; left:0; top:0; max-height:none !important;}
.contentboardWrap .rowBox .row .innerBox .img_box span.marker {display:flex; justify-content:center; align-items:center; min-width:120px; height:50px; position:absolute; right:0; bottom:0; background-color:rgba(0,0,0,.8); color:#fff; font-size:1.176em; padding:0 10px;}

/* 소셜미디어 */
.contentboardWrap .mediaTitleBox {display:flex; padding:40px; background-color:#f2f4fb; margin-bottom:50px;}
.contentboardWrap .mediaTitleBox .imgBox {display:flex; justify-content:center; align-items:center; width:180px; min-width:180px; height:180px; background-color:#fff; border:1px solid #e5e5e5; margin-right:40px;}
.contentboardWrap .mediaTitleBox .textBox span.title {font-size:1.412em; margin-bottom:5px; color:#222; font-weight:500;}
.contentboardWrap .mediaTitleBox .textBox .conBox {margin:10px 0 8px 0;}
.contentboardWrap .mediaTitleBox .tagBox {display:flex;}
.contentboardWrap .mediaTitleBox .tagBox div {padding:5px 15px; background-color:#fff; border-radius:20px; margin-right:10px; color:#222; font-size:0.941em;}
.contentboardWrap .mediaSearch {position:relative; display:flex; align-items:center; padding:0 10px 10px 10px;}
.contentboardWrap .mediaSearch .endBox {bottom:0;}
.contentboardWrap .mediaSearch .titleBox h4 {font-size:1.294em;}
.contentboardWrap .mediaSearch .iconBox img {position:relative; top:-4px; margin-right:5px;}
.contentboardWrap .mediaSearch .iconBox span {color:#30a3d1; font-weight:500; font-size:1.294em;}
.contentboardWrap .mediaSearch .inputBox {margin-bottom:3px;}
.contentboardWrap .mediaSearch .inputBox select {margin-right:5px;}
.contentboardWrap .rowBox.media .row .innerBox {align-items:center;}
.contentboardWrap .rowBox.media .row .innerBox .imgBox {display:flex; justify-content:center; align-items:center; width:140px; height:140px; min-width:140px;}
.contentboardWrap .rowBox.media .row .innerBox .textBox {margin-top:0; width:calc(100% - 180px);}
.contentboardWrap .rowBox.media .row .innerBox .textBox .tag {position:relative; margin:0 40px 0 15px;}
.contentboardWrap .rowBox.media .row .innerBox .textBox .tag:after {display:block; content:''; width:1px; height:14px; background:#d8d8d8; position:absolute; right:-25px; top:54%; transform:translateY(-50%);}
.contentboardWrap .rowBox.media .row > .conBox img {width:70%; border:1px solid #d8d8d8; border-radius:10px; margin:2% 2% 0 0;}
.contentboardWrap .rowBox.media .innerBox .textBox .titBox span.title {font-size:1.118em; color:#222; font-weight:500; padding-bottom:0;}
.contentboardWrap .rowBox .innerBox .textBox .titBox {display:flex; align-items:center; margin-bottom:10px;}
.galleryBox .rowBox .innerBox.media li.list .text_box p.title span{font-size:1.118em; font-weight:500;}
.contentboardWrap .rowBox .innerBox .textBox .time {color:#777;}
.contentboardWrap .rowBox .innerBox .textBox .time span {position:relative; padding-left:20px; font-size:0.941em;}
.contentboardWrap .rowBox .innerBox .textBox .time span:before {display:block; content:''; width:14px; height:14px; background: url("/oasis/include/image/subcontent/ico_coll_time.png") 0 50% no-repeat; background-size:14px; position:absolute; left:0; top:55%; transform:translateY(-50%);}
.contentboardWrap .rowBox .innerBox.media .textBox .time span:after {display:block; content:''; width:1px; height:17px; background:#d7d7d7; position:absolute; left:-20px; top:50%; transform:translateY(-50%);}
.contentboardWrap .rowBox .innerBox.media li.list .text_box span.title {font-size:1.118em;}

/* 소셜미디어 신규 */
.contentboardWrap .rowBox .row {}
.contentboardWrap .rowBox .row .media li.list {border:0;}
.galleryBox .rowBox .innerBox.col4.media li.list {display:flex; width:calc(20% - 24px); text-align:center;}
.galleryBox .rowBox .innerBox.col4.media li.list:nth-child(5n-1),
.galleryBox .rowBox .innerBox.col4.media li.list:nth-child(5n-2),
.galleryBox .rowBox .innerBox.col4.media li.list:nth-child(5n-3),
.galleryBox .rowBox .innerBox.col4.media li.list:nth-child(5n-4) {margin-right:30px;}
.galleryBox .rowBox .innerBox.col4.media li.list:nth-child(5n) {margin-right:0;}
.galleryBox .rowBox .innerBox.col4.media li.list .img_box {width:120px; min-width:120px; height:120px; min-height:120px; display:inline-flex; justify-content:center; align-items:center; background-color:#fff; border:2px solid #fff; overflow:hidden; box-shadow:0px 10px 10px 0px rgba(0,0,0,0.09);}
.galleryBox .rowBox .innerBox.col4.media li.list:hover .img_box {border:2px solid #000;}
.galleryBox .rowBox .innerBox.col4.media li.list .img_box img {width:100%;}
.galleryBox .rowBox .innerBox.col4.media li.list .text_box {padding:0;}
.galleryBox .rowBox .innerBox.col4.media li.list .text_box p.title {padding-bottom:0;}
.galleryBox .rowBox .innerBox.col4.media li.list .text_box .text {margin-bottom:5px;}
/* 2022.10.12 / k0h / 0는 transition의 존재하지 않는 속성값이므로 디자인 의도를 확인하여 적절한 속성값을 제공 transition:none 으로 수정  */
.galleryBox .rowBox .innerBox li.list:hover {position:relative; bottom:0; transition:none; box-shadow:none;}


/* 웹트렌드 */
.webTrandWrap .titBox {position:relative; display:flex; justify-content:center; align-items:center; background-color:#255193; text-align:center; height:60px; z-index:15;}
.webTrandWrap .titBox .help {width:28px; height:28px; background: url("/oasis/include/image/common/ico_tit_help.png") 0 50% no-repeat; position:absolute; right:30px; top:50%; transform:translateY(-50%);}
.webTrandWrap .titBox span.title {color:#fff; font-size:1.412em; font-weight:500;}
.webTrandWrap {width:100%;}
.webTrandWrap .analysisBox {width:100%;}
.webTrandWrap .analysisBox .control {position:relative; display:flex; align-items:center; background-color:#f2f4fb; height:70px; border:1px solid #d4d4d4; border-width:0 1px;}
.webTrandWrap .analysisBox .control .years,
.webTrandWrap .analysisBox .control .standard,
.webTrandWrap .analysisBox .control .standard .inputBox,
.webTrandWrap .analysisBox .control .upload {display:flex; align-items:center;}
.webTrandWrap .analysisBox .control .years {padding:0 40px 0 35px;}
.webTrandWrap .analysisBox .control .years p {margin-right:10px; color:#222; font-weight:500;}
.webTrandWrap .analysisBox .control .years input[type="text"] {width:85px; margin:0 5px;}
.webTrandWrap .analysisBox .control .years .button {display:flex; justify-content:center; align-items:center; width:40px; height:40px; box-sizing:border-box;}
.webTrandWrap .analysisBox .control .years .button.reset {background-color:#fff; border:1px solid #d4d4d4; margin-left:5px;}
.webTrandWrap .analysisBox .control .standard p {margin-right:20px; color:#222; font-weight:500;}
.webTrandWrap .analysisBox .control .standard label {margin-right:15px;}
.webTrandWrap .analysisBox .control .upload {position:absolute; right:30px;}
.webTrandWrap .analysisBox .control .upload a {display:flex; justify-content:center; align-items:center; height:40px; padding:0 10px; box-sizing:border-box; margin-right:5px; font-size:0.941em;}
.webTrandWrap .analysisBox .control .upload a:last-child {margin-right:0;}
.webTrandWrap .analysisBox .control .upload a img {margin-right:10px; position:relative; top:1px;}
.webTrandWrap .analysisBox .graphBox {position:relative; width:100%; height:500px; border:1px solid #d4d4d4; border-width:0 1px 1px 1px;}
.trendResultWrap .titBox {display:flex; align-items:center; padding:20px 0 40px 10px;}
.trendResultWrap .tabmenu {border-bottom:1px solid #333;}
.trendResultWrap .tabmenu ul li a {border-bottom:0;}
.trendResultWrap .tabmenu ul li.active a {position:relative; top:1px;}
.trendResultWrap .titBox p {color:#222; font-weight:500;}
.trendResultWrap .titBox .kindBox {display:flex; margin-left:20px;}
.trendResultWrap .titBox .kindBox span {display:flex; align-items:center; height:34px; padding:0 8px 0 15px; background-color:#fff; border:1px solid #d4d4d4; border-radius:20px; font-size:0.941em; margin-right:10px;}
.trendResultWrap .titBox .kindBox span a {position:relative; top:-1px; margin-left:8px;}
.trendResultWrap .SearchResult {position:relative; display:flex; align-items:center; padding:40px 0 40px 10px;}
.trendResultWrap .SearchResult .inputBox {position:relative; display:flex; align-items:center;}
.trendResultWrap .SearchResult .inputBox input[type="text"] {width:550px; border:1px solid #777777;}
.trendResultWrap .SearchResult .inputBox a.search {width:20px; height:20px; background:url("/oasis/include/image/common/ico_search_bk.png") no-repeat; position:absolute; right:15px; top:50%; transform:translateY(-50%);}
.trendResultWrap .SearchResult .count {margin-left:30px;}
.trendResultWrap .SearchResult .sortBox {display:flex; position:absolute; right:0;}
.trendResultWrap .SearchResult .sortBox a {display:flex; justify-content:center; align-items:center; height:40px; padding:0 10px; box-sizing:border-box; margin-right:5px; font-size:0.941em;}
.trendResultWrap .SearchResult .sortBox a.on {background-color:#f6f6f6 !important;}
.trendResultWrap .SearchResult .sortBox a .imgOff,
.trendResultWrap .SearchResult .sortBox a.on .imgOn{display:block;}
.trendResultWrap .SearchResult .sortBox a .imgOn,
.trendResultWrap .SearchResult .sortBox a.on .imgOff {display:none}
.trendResultWrap .SearchResult .sortBox a:last-child {margin-right:0;}
.trendResultWrap .SearchResult .sortBox a img {margin-right:10px; position:relative; top:1px;}
.contentboardWrap .rowBox.trend .row .innerBox {align-items:center;}
.contentboardWrap .rowBox.trend .row .innerBox .textBox {margin-top:0; width:100%;}
.contentboardWrap .rowBox.trend .row .innerBox .textBox .titBox {position:relative; padding:0;}
.contentboardWrap .rowBox.trend .row .innerBox .textBox .titBox span.title {margin-right:10px; font-size:1.176em; padding-bottom:0; font-weight:500; color:#222;}
.contentboardWrap .rowBox.trend .row .innerBox .textBox .titBox a.blank img {position:relative; top:-2px;}
.contentboardWrap .rowBox.trend .row .innerBox .textBox .time {position:absolute; right:0;}
.contentboardWrap .rowBox.trend .row .innerBox .textBox .time span {font-size:0.941em}
#trendchart {height:calc(100% - 30px); width:100%; padding:20px; min-height:470px;}
.loadingoverlay_element {width:70px !important; height:70px !important;}
.loadingSpinner {width:70px !important; height:70px !important;}
.loadingSpinner span {width:30px; height:30px; margin-right:2.5px; background:#d7d7d7; display:inline-block;}
.loadingSpinner span:nth-child(3n) {margin-right:0;}
.loadingSpinner span:nth-child(3) {background:#0046af;}
.recursive-search-keywords {position:absolute; bottom:10px;}


/* 웹트렌드 로딩 스피너 */
@-webkit-keyframes enter {
	0% {
		opacity: 0;
		top: -10px;
	}
	5% {
		opacity: 1;
		top: 0px;
	}
	50.9% {
		opacity: 1;
		top: 0px;
	}
	55.9% {
		opacity: 0;
		top: - -10px;
	}
}
@keyframes enter {
	0% {
		opacity: 0;
		top: -10px;
	}
	5% {
		opacity: 1;
		top: 0px;
	}
	50.9% {
		opacity: 1;
		top: 0px;
	}
	55.9% {
		opacity: 0;
		top: -10px;
	}
}
@-moz-keyframes enter {
	0% {
		opacity: 0;
		top: -10px;
	}
	5% {
		opacity: 1;
		top: 0px;
	}
	50.9% {
		opacity: 1;
		top: 0px;
	}
	55.9% {
		opacity: 0;
		top: - -10px;
	}
}

.loadingSpinner span {
	background: #d7d7d7;
	width: 20px;
	height: 20px;
	float: left;
	top: -10px;
	margin-right: 5px;
	margin-top: 5px;
	position: relative;
	opacity: 0;
	-webkit-animation: enter 6s infinite;
	animation: enter 6s infinite;
}
.enter {
	top: 0px;
	opacity: 1;
}
.loadingSpinner span:nth-child(1) {
	-webkit-animation-delay: 1.8s;
	-moz-animation-delay: 1.8s;
	animation-delay: 1.8s;
}
.loadingSpinner span:nth-child(2) {
	-webkit-animation-delay: 2.1s;
	-moz-animation-delay: 2.1s;
	animation-delay: 2.1s;
}
.loadingSpinner span:nth-child(3) {
	-webkit-animation-delay: 2.4s;
	-moz-animation-delay: 2.4s;
	animation-delay: 2.4s;
	background: #0046af;
}
.loadingSpinner span:nth-child(4) {
	-webkit-animation-delay: 0.9s;
	-moz-animation-delay: 0.9s;
	animation-delay: 0.9s;
}
.loadingSpinner span:nth-child(5) {
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
.loadingSpinner span:nth-child(6) {
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
.loadingSpinner span:nth-child(8) {
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.loadingSpinner span:nth-child(9) {
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.clear {
	clear: both;
}
.last {
	margin-right: 0;
}

/* 웹트렌드 활용예제 */
.trendExample .list + .list {margin-top:30px;}
.trendExample .list .titBox span {display:inline-block; color:#222; font-weight:500; font-size:1.294em; margin-bottom:3px;}
.trendExample .list .imgBox {margin:20px 0;}
.trendExample .list .imgBox img {display:block; margin:0 auto;}



/* 태그클라우드 */
.tagCloudWrap .tagOptionBox {border-top:1px solid #d8d8d8;}
.tagCloudWrap .tagOptionBox .optionBox {display:flex; align-items:center; padding:15px;}
.tagCloudWrap .tagOptionBox .optionBox .titleBox {margin-right:20px;}
.tagCloudWrap .tagOptionBox .optionBox .keywordBox span {padding:5px 15px; border:1px solid #d8d8d8; border-radius:20px;}
.tagCloudWrap .tagOptionBox .optionBox .keywordBox span a.del {display:inline-block; width:18px; height:18px; background: url("/oasis/include/image/search/ico_search_del.png") no-repeat; margin-left:5px; position:relative; top:3px;}
.tagCloudWrap .tagCloudBox {border:1px solid #d4d4d4; height:100%; margin-bottom:40px; padding:30px; box-sizing:border-box;}
.tagCloudWrap .cloudOptionBox {margin-bottom:60px;}
.tagCloudWrap .cloudOptionBox .titleBox {position:relative; border-bottom:2px solid #444;}
.tagCloudWrap .cloudOptionBox .titleBox span.stitle {display:inline-block; margin-bottom:10px;}
.tagCloudWrap .cloudOptionBox .titleBox a.toggle {display:block; width:30px; height:30px; background: url("/oasis/include/image/search/ico_toggle_up.jpg") no-repeat; position:absolute; right:0; bottom:10px;}
.tagCloudWrap .cloudOptionBox .titleBox a.toggle.active {background: url("/oasis/include/image/search/ico_toggle_down.jpg") no-repeat;}
.tagCloudWrap .cloudOptionBox .optionBox {display:flex; justify-content:center; align-items:center; border-bottom:1px solid #d8d8d8; padding:15px;}
.tagCloudWrap .cloudOptionBox .optionBox > div {display:flex; align-items:center;}
.tagCloudWrap .cloudOptionBox .optionBox span.title {margin-right:25px; color:#222;}
.tagCloudWrap .cloudOptionBox .optionBox .box {display:flex; align-items:center; margin-right:60px;}
.tagCloudWrap .cloudOptionBox .optionBox .box .btnBox {display:flex; align-items:center;}
.tagCloudWrap .cloudOptionBox .optionBox > div:last-child .box {margin-right:0;}
.tagCloudWrap .cloudOptionBox .optionBox .box input[type="text"] {width:60px; padding:0; text-align:center; margin:0 6px;}
.tagCloudWrap .cloudOptionBox .optionBox .box a {height:40px; display:flex; justify-content:center; align-items:center; border-left:0 !important;}
.tagCloudWrap .cloudOptionBox .optionBox .box a:first-child {border-radius:3px 0 0 3px; border-left:1px solid #d8d8d8 !important;}
.tagCloudWrap .cloudOptionBox .optionBox .box a:last-child {border-radius:0 3px 3px 0;}
.tagCloudWrap .cloudOptionBox .optionBox .box a.on {background-color:#f6f6f6 !important;}
.tagCloudWrap .cloudOptionBox .optionBox .graph .box a {width:110px;}
.tagCloudWrap .cloudOptionBox .optionBox .scope .box a {padding:0 15px;}
.tagCloudWrap .cloudOptionBox .optionBox .graph .box a img {margin-right:5px; position:relative; top:1px;}
.tagCloudWrap .cloudOptionBox .optionBox .scope .box a:nth-child(3) {border-radius:0 3px 3px 0;}
.tagCloudWrap .cloudOptionBox .optionBox .scope .box a:nth-child(1) img {position:relative; top:2px;}
.tagCloudWrap .cloudOptionBox .optionBox .scope .box a:nth-child(3) img {position:relative; top:2px;}
.tagCloudWrap .tabmenu ul li {width:33.333%;}
.tagCloudWrap .titBox {position:relative; display:flex; justify-content:center; align-items:center; background-color:#255193; text-align:center; height:60px;}
.tagCloudWrap .titBox .help {width:28px; height:28px; background: url("/oasis/include/image/common/ico_tit_help.png") 0 50% no-repeat; position:absolute; right:30px; top:50%; transform:translateY(-50%);}
.tagCloudWrap .titBox span.title {color:#fff; font-size:1.412em; font-weight:500;}
.tagCloudWrap .colBox.col-3 {width:100%;}
.tagCloudWrap .colBox.col-3 .analysisBox:nth-child(2) {width:calc(425px - 15px);}
.tagCloudWrap .colBox.col-3 .analysisBox:nth-child(3) {width:525px;}
.tagCloudWrap .colBox .analysisBox .innerBox .importance li {display:flex; align-items:center; margin-bottom:20px;}
.tagCloudWrap .colBox .analysisBox .innerBox .importance li span {width:150px; display:inline-block; font-weight:500; color:#222; font-size:0.941em;}
.tagCloudWrap .colBox .analysisBox .innerBox .importance li input[type="text"] {width:180px; border-radius:3px;}
.tagCloudWrap .tabmenu {margin-bottom:40px;}
.keywordBox ul {display:flex; flex-wrap:wrap; width:100%; margin-bottom:60px;}
.keywordBox ul li {width:calc(25% - 11.5px); margin-right:15px; margin-bottom:15px; border:1px solid #d7dce3;}
.keywordBox ul li:nth-child(4n) {margin-right:0;}
.keywordBox ul li .textBox {border-bottom:1px solid #d7dce3; padding:40px 30px;}
.keywordBox ul li .textBox .ctitle {display:inline-block; margin-bottom:15px;}
.keywordBox ul li .textBox p {font-size:0.941em; color:#777;}
.keywordBox ul li .textBox p span {margin-left:10px;}
.keywordBox ul li .textBox p.count {font-size:1em; color:#636363; margin-top:10px;}
.keywordBox ul li .textBox p.count span {color:#de3232;}
.keywordBox ul li .icoBox {display:flex; justify-content:space-between; padding:20px;}
.keywordBox ul li .icoBox span {font-size:0.941em; color:#777;}
.keywordBox ul li .icoBox span img {position:relative; top:-1px; margin-right:5px;}


/* 오아시스개요 */
.summaryDesc .innerBox .textBox {margin-left:30px;}
.summaryDesc .innerBox .textBox p {font-size:1.294em; font-weight:300;}
.summaryDesc .innerBox .textBox p:first-child {color:#222; font-weight:500;}
.introWrap p {word-break:keep-all;}
.introWrap p + p {margin-top:25px;}
.introWrap:after {display:block; content:''; clear:both;}
.introWrap .movieBox {float:left; margin:7px 20px 0 0;}

/* 수집현황 */
.stattitle {margin-bottom:5px;}
.stattitle span.title {font-size:1.412em; color:#222; font-weight:500;}
.statWrap .tbl tr:last-child td {color:#222; font-weight:500;}
.statWrap .tbl th, .statWrap .tbl td {padding:10px 5px;}
.statWrap #monthchart,
.statWrap #yearchart,
.statWrap #chart {width:100%; min-height:500px;}
.statWrap .summaryDesc {height:608px; margin-bottom:0; padding:40px 30px 0 30px;}
.statWrap .summaryDesc.month {height:606px;}
.statWrap .summaryDesc.year {height:822px;}
.statWrap .summaryDesc.month #monthchart {min-height:545px;}
.statWrap .summaryDesc.year #yearchart {min-height:762px;}

/* 접속현황 */
.connectWrap .tabmenu ul li {width:50%;}
.connectWrap .yearBox {display:flex; justify-content:center; align-items:center; background-color:#f2f4fb; width:100%; height:120px; margin:50px 0 40px 0;}
.connectWrap .yearBox .innerBox {display:flex; justify-content:center; align-items:center;}
.connectWrap .yearBox .innerBox h4 {font-size:2.588em; margin:0 20px;}
.connectWrap .yearBox .innerBox a.thisyear {display:flex; justify-content:center; align-items:center; width:80px; height:30px; margin-left:12px; border:1px solid #e7e7e7 !important;}


#tab_year {margin-top:40px;}

/* 자주묻는질문 */
.qnaWrap {width:100%; border-top:2px solid #666;}
.qnaWrap .innerBox {border-bottom:1px solid #e2e2e2;}
.qnaWrap .innerBox .titBox {position:relative; display:flex; align-items:center; height:60px; padding:0 115px 0 70px; cursor:pointer;}
.qnaWrap .innerBox .titBox h4 {font-size:1.176em;}
.qnaWrap .innerBox .conBox {background-color:#f8f8fa; padding:20px 20px 20px 70px; border-top:1px solid #e2e2e2;}
.qnaWrap .innerBox .conBox div {position:relative;}
.qnaWrap .innerBox .titBox .ico {position:absolute; left:20px; top:15px;}
.qnaWrap .innerBox .conBox .ico {position:absolute; left:-50px; top:0;}

/* 웹사이트 기증신청 & 기증신청 내역조회 */
.donationWrap .titBox {position:relative; background:url("/oasis/include/image/subcontent/websiteDN_bg.jpg") no-repeat; height:240px; margin:30px 0;}
.donationWrap .titBox::after {display:block; content:''; width:407px; height:198px; background:url("/oasis/include/image/subcontent/websiteDN_bg_after_type1.png") no-repeat; position:absolute; right:30px; bottom:0;}
.donationWrap .titBox.type2::after {display:block; content:''; width:457px; height:234px; background:url("/oasis/include/image/subcontent/websiteDN_bg_after_type2.png") no-repeat; position:absolute; right:30px; bottom:0;}
.donationWrap .titBox .textBox {width:590px; padding:75px 0 0 70px; box-sizing:border-box;}
.donationWrap .titBox .textBox h3 {font-family:'GmarketSansMedium', 'Sans-serif'; font-weight:bold; font-size:1.529em; color:#00283f;}
.donationWrap .titBox .textBox p {color:#00283f;}
.donationWrap .summaryDesc .innerBox {justify-content:flex-start;}
.donationWrap .applyBox {display:flex; justify-content:space-between; align-items:center; background-color:#f2f4fb; padding:50px;}
.donationWrap .applyBox ~ .summaryDesc {margin-top:40px;}
.donationWrap .applyBox .textBox p {display:flex; margin-bottom:20px;}
.donationWrap .applyBox .textBox p:last-child {margin-bottom:0;}
.donationWrap .applyBox .textBox p span {position:relative; display:inline-block; margin-right:45px; font-weight:500; color:#222;}
.donationWrap .applyBox .textBox p span.w100 {width:120px;}
.donationWrap .applyBox .textBox p span:after {display:block; content:''; width:1px; height:15px; background-color:#ddd; position:absolute; right:-25px; top:50%; transform:translateY(-50%);}
.donationWrap .applyBox .btnBox a {display:inline-flex; justify-content:center; align-items:center; width:200px; height:60px; border-radius:3px;}
.donationWrap .applyBox .btnBox.column {display:flex; flex-direction:column;}
.donationWrap .applyBox .btnBox.column a + a {margin-top:10px;}
.donationWrap .applyBox .btnBox img {margin-right:5px; position:relative; top:2px;}
.donationWrap .telBox {padding:35px 0 80px 0;}
.donationWrap .telBox h3 {font-size:1.174em; margin-bottom:5px;}
.donationWrap .telBox p span {position:relative; margin-right:40px;}
.donationWrap .telBox p span:after {display:block; content:''; width:1px; height:15px; background-color:#ddd; position:absolute; right:-20px; top:50%; transform:translateY(-50%);}
.donationWrap .telBox p span:last-child::after {display:none;}
.donationWebWrap .titBox {padding:35px 0 10px 0;}
.donationWebWrap .titBox span.title {font-size:1.412em; font-weight:500; color:#222;}
.donationWebWrap .titBox span.title img {margin-left:10px; position:relative; top:-3px;}
.donationWebWrap .infoBox {margin:20px 0 40px 0;}
.siteSearch .inputBox {display:flex; align-items:center;}
.siteSearch .inputBox select {width:140px; margin-right:10px;}
.siteSearch .inputBox input[type="text"] {margin-right:10px;}
.siteSearch .inputBox a {width:80px; min-width:80px; height:40px;}
.siteSearch .inputBox .innerBox {width:100%; display:flex; flex-wrap:wrap;}
.siteSearch .inputBox .innerBox .list {display:flex; justify-content:space-between; width:100%; margin-bottom:10px;}
.siteSearch .inputBox .innerBox .list:last-child {margin-bottom:0;}
.siteSearch .inputBox .innerBox .list .Box {display:flex; align-items:center;}
.siteSearch .inputBox .innerBox .list .Box span.tit {display:inline-block; font-weight:500; color:#222; margin-right:20px;}
.siteSearch .inputBox .innerBox .list .Box span.at {margin-right:10px;}
.siteSearch .inputBox .innerBox .list .Box input[type="radio"] + label {padding:0 0 0 25px; margin-left:20px; height:21px;}
.siteSearch .inputBox .innerBox .list .Box input.sitename {min-width:620px; width:620px;}
.siteSearch .inputBox .innerBox .list.flex-start {justify-content:flex-start;}
.siteSearch .inputBox .innerBox .list.flex-start .Box + .Box {margin-left:20px;}
.siteSearch .inputBox .innerBox .list.flex-start .Box span.tit {min-width:80px;}
.siteSearchView {padding:35px 35px 0 35px; border:1px solid #e4e4e4; margin-top:10px; height:200px; min-height:200px; overflow-y:scroll;}
.siteSearchView .tblWrap {margin-bottom:35px;}
.siteSearchView .tblWrap .tbl th,
.siteSearchView .tblWrap .tbl td {padding:0 5px; min-height:57px; height:57px; box-sizing:border-box;}
.siteSearchView a.del {display:inline-flex; justify-content:center; align-items:center; background-color:#777; color:#fff; border-radius:3px; width:60px; height:40px;}
.mydonationWrap .pageSearch {margin-top:40px;}
.mydonationWrap .pageSearch .upload {display:flex;}
.mydonationWrap .pageSearch .upload a {display:flex; justify-content:center; align-items:center; height:40px; padding:0 10px; box-sizing:border-box; margin-right:5px; font-size:0.941em;}
.mydonationWrap .pageSearch .upload a:last-child {margin-right:0;}
.mydonationWrap .pageSearch .upload a img {margin-right:10px; position:relative; top:1px;}
.mydonationWrap .pagingWrap {margin-bottom:50px;}


/* 사이트맵 */
#sitemap {display:flex; flex-wrap:wrap; justify-content:space-between; width:100%;}
#sitemap > li {width:24%; margin-bottom:20px;}
#sitemap > li > a {background:#255193; text-align:center; padding:20px 0; display:block;}
#sitemap > li > a em {color:#fff; font-size:1.176em;}
#sitemap > li .submenu {border:1px solid #d4d4d4; padding:30px;}
#sitemap > li .submenu li {position:relative; padding-left:10px;}
#sitemap > li .submenu li:before {content: ""; position: absolute; left: 0; top: 13px; width: 3px; height: 3px; background-color: #444;}
#sitemap > li .submenu li + li {margin-top:5px;}

/* 책임의 한계 */
.winWrap .innerBox {padding:40px; background-color:#f2f4fb;}




/* 신청하기 스텝 리스트 */
.applyStepList {margin-bottom: 50px;}
.applyStepList ul {display: flex; justify-content: center; text-align: center;}
.applyStepList ul li {position: relative; display: flex; flex-direction: column; align-items: center; color: #777; line-height: 1.4;}
.applyStepList ul li + li {margin-left: 80px;}
.applyStepList ul li::before {content: ""; width: 50px; height: 50px; margin-bottom: 7px; background: #fff url("/oasis/include/image/contents/ico_stepOff.png") no-repeat 50% 50%; border: 2px solid #dcdcdc; border-radius: 100%; box-sizing: border-box; position: relative; z-index: 1;}
.applyStepList ul li::after {content: ""; position: absolute; left: 50%; top: 24px; width: 140px; height: 2px; background-color: #dcdcdc;}
.applyStepList ul li:last-child:after {display: none;}
.applyStepList ul li p strong {display: block; font-size: 0.941em;}
.applyStepList ul li p span {display: block; font-size: 1.059em;}
.applyStepList ul li.on {font-weight: 500; color: #282828;}
.applyStepList ul li.on::before {background-color: #1d5493; background-image: url("/oasis/include/image/contents/ico_stepOn.png"); border-color: #1d5493;}

/* 신청하기 그레이 박스 */
.applyStepBox {display: flex; justify-content: space-between; padding: 60px; background-color: #ebeff5;}
.applyStepBox > div {width: calc(33.33% - 13px); box-shadow: 0 5px 10px rgba(0, 0, 0, .03);}
.applyStepBox > div .tit {display: flex; align-items: center; justify-content: center; text-align: center; height: 70px; padding: 0 10px; font-size: 1.412em; line-height: 1.3; color: #fff; box-sizing: border-box;}
.applyStepBox > div:nth-child(1) .tit {background-color: #4c85c6;}
.applyStepBox > div:nth-child(2) .tit {background-color: #1d5493;}
.applyStepBox > div:nth-child(3) .tit {background-color: #043064;}
.applyStepBox > div .info {min-height: 215px; padding: 20px 30px 0; background-color: #fff; box-sizing: border-box;}
.applyStepBox > div .info ul li {display: flex; align-items: center; justify-content: space-between; padding-bottom: 9px; border-bottom: 1px solid #ddd;}
.applyStepBox > div:nth-child(3) ul li {height: 92px;}
.applyStepBox > div .info ul li + li {margin-top: 10px;}
.applyStepBox > div .info ul li .btn {min-width: auto;}
.applyStepBox > div .info .ref {margin-top: 15px;}

/* 신청하기 그레이 박스 - 문의처 */
.applyStepBox.contact > div .info {min-height: 260px;}
.applyStepBox.contact > div .info ul li {flex-wrap: wrap; padding-bottom: 15px;}
.applyStepBox.contact > div .info ul li:last-child {border-bottom: 0; padding-bottom: 0;}
.applyStepBox.contact > div .info ul li + li {margin-top: 15px;}
.applyStepBox.contact > div ul li p:last-child {width: calc(100% - 90px);}
.applyStepBox.contact > div:nth-child(3) ul li {height: auto;}
.applyStepBox.contact > div:nth-child(3) ul li p:last-child {width: 100%; padding-left: 10px; margin-top: 5px; box-sizing: border-box;}
.applyStepBox.contact > div:nth-child(3) ul li p:last-child span {padding-right: 20px;}


/* ISSN 제출서류 */
.col3Box {display: flex; justify-content: space-between;}
.col3Box .boxItem {width: calc(33.33% - 14px); border: 1px solid #ccc; box-sizing: border-box;}
.col3Box .boxItem > .tit {display: flex; align-items: center; height: 70px; padding: 0 30px; font-size: 1.294em; font-weight: 500; line-height: 1.2; color: #1d5493; background-color: #f1f5fd; box-sizing: border-box;}
.col3Box .boxItem > .tit span {font-size: 0.773em; margin: 2px 0 0 10px;}
.col3Box .boxItem > .info {height: 250px; padding: 20px 30px; box-sizing: border-box;}
.col3Box .boxItem > .info > ul > li + li, .col3Box .boxItem > .info .board-write > ul > li > div .txt > ul > li + li {margin-top: 10px;}
.col3Box .boxItem > .info .board-write > ul > li > div {padding-left: 150px;}
.col3Box .boxItem > .info .board-write > ul > li > div .tit {width: 150px; justify-content: center;}
.col3Box .boxItem > .info .board-write > ul > li > div .txt p {display: block;}

.col3Box.coulmn {flex-direction: column;}
.col3Box.coulmn + .grayBox{margin-top: 20px;}
.col3Box.coulmn .boxItem {width: 100%;}
.col3Box.coulmn .boxItem + .boxItem {margin-top: 20px;}
.col3Box.coulmn .boxItem .info {height: auto; padding: 30px;}


/* 서비스안내 - 사이트소개 - 한국서지표준센터 - 센터소개 */
.introTop strong {display: block; font-size: 1.176em; color: #282828; line-height: 1.3; margin-bottom: 10px;}
.introBox {margin: 35px 0 25px; border-top: 2px solid #222;}
.introBox .itemBox {display: flex; align-items: center; justify-content: space-between; padding: 60px 50px; border-bottom: 1px solid #d5d5d5;}
.introBox .itemBox .img {width: 366px; height: 236px; border: 2px solid #e4e4e4; box-shadow: 20px 20px 27px rgba(0, 0, 0, .1);}
.introBox .itemBox .txt {width: calc(100% - 450px);}
.introBox .itemBox .txt dt {position: relative; padding-top: 12px; font-size: 1.294em; font-weight: 500; line-height: 1.3; margin-bottom: 20px;}
.introBox .itemBox .txt dt::before {content: ""; position: absolute; left: 0; top: 0; width: 25px; height: 4px; background-color: #ddd;}
.introBox .itemBox .txt dt.isbn {color: #7ba605;}
.introBox .itemBox .txt dt.isbn::before {background-color: #7ba605;}
.introBox .itemBox .txt dt.issn {color: #0967da;}
.introBox .itemBox .txt dt.issn::before {background-color: #0967da;}


/* 서비스안내 - 사이트소개 - 한국서지표준센터 - 연혁 */
.subTabWrap .subTabArea {position: relative; margin-bottom: 60px;}
.subTabWrap .subTabArea::after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background-color: #eff2f7; z-index: -1;}
.subTabWrap .subTabArea .tab {position: relative; display: flex; justify-content: center;}
.subTabWrap .subTabArea .tab li a {position: relative; display: flex; justify-content: center; text-align: center; height: 40px; padding: 0 25px; font-size: 1.176em; line-height: 1; box-sizing: border-box;}
.subTabWrap .subTabArea .tab li + li a::before {content: ""; position: absolute; left: 0; top: 2px; width: 1px; height: 17px; background-color: #ccc;}
.subTabWrap .subTabArea .tab li.on a {font-weight: 500; color: #282828; border-bottom: 4px solid #1d5493;}

.historyItem {position: relative; padding-left: 80px;}
.historyItem + .historyItem {margin-top: 8px;}
.historyItem .year {position: absolute; left: 0; top: 0; display: flex; align-items: center; color: #1d5493;}
.historyItem .year::before {content: ""; width: 3px; height: 2px; background-color: #444; margin-right: 8px;}
.historyItem .month {display: flex; justify-content: space-between;}
.historyItem .month div:nth-child(1) {color: #333;}
.historyItem .month div:nth-child(2) {width: calc(100% - 60px);}


/* 서비스안내 - 사이트소개 - 한국서지표준센터 - 한국문헌번호 편람 */
.introBox.manual {margin-bottom: 0;}
.introBox.manual .itemBox {align-items: flex-end; padding: 60px 50px;}
.introBox.manual .itemBox .img {width: 271px; height: 385px;}
.introBox.manual .itemBox .txt {width: calc(100% - 345px);}
.introBox.manual .itemBox .txt dl {margin-bottom: 25px;}
.introBox.manual .itemBox .txt dd.itemBtnWrap {display: flex; flex-wrap: wrap; justify-content: space-between;}
.introBox.manual .itemBox .txt dd.itemBtnWrap a {width: calc(50% - 10px);}
.introBox.manual .itemBox .txt dd.itemBtnWrap a:nth-child(n+3) {margin-top: 13px;}


/* 서비스안내 - 사이트소개 - 한국서지표준센터 - 한국문헌번호 사용자교육 - 사이버교육 신청 */
.introBox.edu {margin-bottom: 60px;}
.introBox.edu .itemBox {flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 40px 0 0; border-bottom: none;}
.introBox.edu .itemBox .txt {width: 100%; margin-top: 0;}
.introBox.edu .itemBox .txt .col3Box .boxItem .info {height: auto;}
.introBox.edu .itemBox .txt .col3Box .boxItem .info ul {display: flex;}
.introBox.edu .itemBox .txt .col3Box .boxItem .info ul li {font-weight: 500;}
.introBox.edu .itemBox .txt .col3Box .boxItem .info ul li + li {margin-top: 0; margin-left: 40px;}


/* 서비스안내 - 사이트소개 - 한국서지표준센터 - ISBN 소개 */
.isbnPlusBox {display: flex; justify-content: space-between;}
.isbnPlusBox .listItem {display: flex; flex-direction: column; width: calc(100% - 415px);}
.isbnPlusBox .listItem div {position: relative; border: 1px solid #ddd;}
.isbnPlusBox .listItem div + div {margin-top: 16px;}
.isbnPlusBox .listItem div strong {position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 80px; height: 100%; background-color: #f1f5fd; font-size: 1.294em;}
.isbnPlusBox .listItem div p {display: flex; align-items: center; margin-left: 100px; padding-right: 10px; height: 69px; font-weight: 500; color: #282828;}
.isbnPlusBox .imgItem {width: 375px;}

.col2Box {display: flex; justify-content: space-between; padding: 60px; background-color: #ebeff5;}
.col2Box .boxItem {width: calc(50% - 15px); background-color: #fff;}
.col2Box .boxItem .tit {display: flex; align-items: center; justify-content: center; text-align: center; height: 70px; font-size: 1.412em; font-weight: 500; line-height: 1.2; color: #fff; background-color: #1d5493; box-sizing: border-box;}
.col2Box .boxItem + .boxItem .tit {background-color: #043064;}
.col2Box .boxItem .info {padding: 20px 30px; box-sizing: border-box;}
.col2Box .boxItem .info .dot-list li + li {margin-top: 10px;}
.col2Box .boxItem .info .dot-list li a {font-size: 0.882em; color: #0000dd;}
.col2Box .boxItem .info .dot-list li sup {font-size: 12px; line-height: 1; cursor: pointer;}
.col2Box .boxItem .info .tool-list {margin-top: 25px;}
.col2Box .boxItem .info .tool-list li {position: relative; padding-left: 20px; font-size: 0.941em;}
.col2Box .boxItem .info .tool-list li + li {margin-top: 10px;}
.col2Box .boxItem .info .tool-list li span {position: absolute; left: 0; top: 2px; font-size: 12px;}


/* 서비스안내 - 사이트소개 - 한국서지표준센터 - ISSN 소개 */
.issnConArea .bdBox {margin-top: 50px;}

.exImgBox.exIssn {flex-wrap: wrap; flex-direction: row; justify-content: center; text-align: left; margin-top: 30px;}
.exImgBox.exIssn + .dot {margin-top: 50px;}
.exImgBox.exIssn .inner {margin: 10px 20px;}
.exImgBox.exIssn .inner .img div {margin: 0;}


/* 서비스안내 - 사이트소개 - 국립중앙도서관 납본 - 납본제도란 */
.introBox.napbon .itemBox {flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 40px 0 0; border-bottom: none;}
.introBox.napbon .itemBox .txt {width: 100%; margin-top: 0;}
.introBox.napbon .itemBox .txt .col3Box .boxItem .info {height: auto;}
.introBox.napbon .itemBox .txt .col3Box .boxItem .info ul {display: flex;}
.introBox.napbon .itemBox .txt .col3Box .boxItem .info ul li {font-weight: 500;}
.introBox.napbon .itemBox .txt .col3Box .boxItem .info ul li + li {margin-top: 0; margin-left: 40px;}

/* 서비스안내 - 사이트소개 - 국립중앙도서관 납본 - 납본절차 */
.imgbdBox.napbon {flex-direction: column;}
.napbonBox {width: 100%; margin-top: 35px; padding: 40px 50px; background-color: #f1f5fd; box-sizing: border-box;}
.napbonBox dl {display: flex; color: #282828;}
.napbonBox dl dt {position: relative; width: 140px; padding-left: 35px; font-weight: 500; color: #1d5493; box-sizing: border-box;}
.napbonBox dl dt::before {content: "01"; position: absolute; left: 0; top: -1px; width: 30px; height: 30px; background-color: #fff; border: 3px solid #5aa4ff; box-sizing: border-box; border-radius: 100%; display: flex; align-items: center; justify-content: center; font-size: 0.824em;}
.napbonBox dl + dl {margin-top: 30px;}
.napbonBox dl + dl dt::before {content: "02";}
.napbonBox dl dd {width: calc(100% - 140px);}

/* 서비스안내 - 사이트소개 - 국립중앙도서관 납본 - 관련법령 */
.lawWrap .dot + .bdBox {margin-top: 20px;}
.lawWrap .bdBox + .dot {margin-top: 50px;}
.lawWrap .decimal-list > li + li, .lawWrap .dot-list > li + li {margin-top: 10px;}
.lawWrap .dash-list {margin-top: 5px; padding: 10px 20px; font-size: 0.941em; background-color: #f1f5fd;}


/* 회원 - 공통 */
.memberWrap {position: relative; display: flex; align-items: center; justify-content: space-between;}
.memberWrap .titBox {margin-bottom:10px;}
.memberWrap .titBox span {color:#222; font-size:1.294em; font-weight:500;}
.memberWrap::after {content: ""; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background-color: #ddd;}
.memberWrap > div {width: 100%; display:flex; align-items:center; justify-content:space-between;}
.memberWrap > div .memAreaR,
.memberWrap > div .memAreaL {width:45%;}
.memberWrap .topItem {margin-bottom: 20px;}
.memberWrap .chkItem {margin-bottom: 20px;}
.memberWrap .infoItem {margin-bottom: 30px;}
.memberWrap .infoItem .inqItem + .inqItem {margin-top: 10px;}
.memberWrap .infoItem .inqItem input {width: 100%; height: 50px;}
.memberWrap .infoItem .inqItem input::placeholder {color: #555;}
.memberWrap .btnItem a {width: 100%; height: 56px; font-size: 1.059em;}
.memberWrap .linkItem {display: flex; justify-content: space-between; margin-top: 30px;}
.memberWrap .linkItem a {width: calc(33.33% - 8px); min-width: auto;}
.memberWrap .imgItem {margin-bottom: 20px;}
.memberWrap .resultItem {margin-bottom: 30px;}
.memberWrap .resultItem div {margin-bottom: 20px; color: #282828;}
.memberWrap .resultItem p {font-size: 0.941em;}
.memberWrap .resultItem li {font-size: 1em; color: #282828;}
.memberWrap .refItem li {color: #636363;}
.memberWrap .txtItem {margin-top: 30px; font-size: 0.941em;}


/* 회원 - 찾기 */
.memberWrap.find {padding: 50px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.memberWrap.find::after {top: 50px; height: calc(100% - 100px);}


/* 찾아오시는길 */
.locationMap {position: relative; height: 480px; margin-top: 20px;}
.locationMap .root_daum_roughmap {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.locationMap .root_daum_roughmap .wrap_map {height: calc(100% - 32px);}

.trafficWrap {border-top: 2px solid #333;}
.trafficWrap > ul > li {display: flex; align-items: center; justify-content: space-between; padding: 35px; border-bottom: 1px solid #ddd;}
.trafficWrap > ul > li .txt {width: calc(100% - 100px);}
.trafficWrap > ul > li .txt strong {color: #282828;}


@media screen and (max-width: 1079px){
	/* 컨텐츠 공통 */
	.contentWrap .rightWrap {width:100%; min-width:100%;}
	.colBox {flex-wrap:wrap;}
	.titleWrap {margin-top:35px;}
	.tooltip {position: relative; display: inline-block;}
	.tooltip-text { visibility: hidden; background-color: rgba(0,0,0,.8); color: #fff; text-align:left; border-radius: 6px; padding:10px 18px; position: absolute;
	right:0; top:130%; min-width:290px; font-size: 13px; display: block;  z-index: 1; word-wrap: break-word;}
	.tooltip-text.middle {min-width:270px;}
	.tooltip-text.short {min-width:140px;}
	.tooltip:hover .tooltip-text {visibility: visible;}

	/* 컨텐츠 탭 */
	.subTabWrap .subTabArea {margin-bottom: 50px;}
	.subTabWrap .subTabArea .tab {justify-content: flex-start; overflow: auto;}
	.subTabWrap .subTabArea .tab li a {white-space: nowrap;}
	.subTabWrap .subTabArea .tab li + li a::before {display: none;}

	.contentTopDesc {margin-bottom: 40px; padding: 30px 35px;}

	.imgbdBox {padding: 40px 20px;}

	/* 화살표 블릿아이콘 영역 */
	.bulletBox {flex-direction: column; align-items: flex-start; justify-content: flex-start;}
	.bulletBox > .infoDiv {width: 100%; padding: 0 10px;}
	.bulletBox > .btnDiv {margin: 15px 0 0 45px;}

	/* 화살표 블릿아이콘 영역 */
	.bulletBox.arrR > .infoDiv {width: 100%;}
	.bulletBox.arrR > .btnDiv {margin: 15px 0 0 28px;}

	/* 화살표 블릿아이콘 영역 - 그레이박스 */
	.grayBox {flex-direction: column; align-items: flex-start; justify-content: flex-start;}
	.grayBox > .infoDiv {width: 100%;}
	.grayBox > .btnDiv {width: auto; margin-top: 15px;}
	.grayBox > .btnDiv .btn + .btn {margin-top: 0; margin-left: 3px;}

	/* 신청하기 그레이 박스 */
	.applyStepBox {flex-direction: column; justify-content: flex-start; padding: 40px;}
	.applyStepBox > div {width: 100%;}
	.applyStepBox > div + div {margin-top: 10px;}
	.applyStepBox > div .tit {height: 60px;}
	.applyStepBox > div .info {min-height: auto; padding: 30px;}
	.applyStepBox > div:nth-child(3) ul li {height: auto;}

	/* 신청하기 그레이 박스 - 문의처 */
	.applyStepBox.contact > div .info {min-height: auto;}

	/* ISSN 제출서류 */
	.col3Box {flex-direction: column;}
	.col3Box .boxItem {width: 100%;}
	.col3Box .boxItem + .boxItem {margin-top: 10px;}
	.col3Box .boxItem > .tit {flex-direction: column; align-items: flex-start; justify-content: center; height: 60px; padding: 0 20px;}
	.col3Box .boxItem > .tit span {margin: 3px 0 0 0;}
	.col3Box .boxItem > .info {height: auto; padding: 15px 20px;}
	.col3Box .boxItem > .info > ul > li + li, .col3Box .boxItem > .info .board-write > ul > li > div .txt > ul > li + li {margin-top: 5px;}

	.col3Box.coulmn .boxItem + .boxItem {margin-top: 10px;}
	.col3Box.coulmn .boxItem .info {padding: 20px;}

	/* 서비스안내 - 사이트소개 - 한국서지표준센터 - 센터소개 */
	.introBox .itemBox {flex-direction: column; padding: 40px 30px;}
	.introBox .itemBox .txt {width: 100%; margin-top: 40px;}

	/* 서비스안내 - 사이트소개 - 한국서지표준센터 - 연혁 */
	.subTabWrap .subTabArea {margin-bottom: 50px;}

	/* 서비스안내 - 사이트소개 - 한국서지표준센터 - 한국문헌번호 편람 */
	.introBox.manual .itemBox {flex-direction: column; align-items: center; padding: 40px 30px;}
	.introBox.manual .itemBox .txt {width: 100%;}

	/* 서비스안내 - 사이트소개 - 한국서지표준센터 - ISBN 소개 */
	.isbnPlusBox {flex-direction: column;}
	.isbnPlusBox .listItem {width: 100%;}
	.isbnPlusBox .listItem div + div {margin-top: 10px;}
	.isbnPlusBox .imgItem {width: 100%; text-align: center; margin-top: 30px;}

	/* 서비스안내 - 사이트소개 - 한국서지표준센터 - ISBN 소개 */
	.col2Box {flex-direction: column; padding: 50px;}
	.col2Box .boxItem {width: 100%;}
	.col2Box .boxItem +  .boxItem {margin-top: 10px;}
	.col2Box .boxItem .tit {height: 60px;}
	.col2Box .boxItem .info {padding: 30px;}

	/* 서비스안내 - 사이트소개 - 한국서지표준센터 - ISSN 소개 */
	.issnConArea .bdBox {margin-top: 40px;}

	/* 회원 - 공통 */
	.memberWrap {flex-direction: column; justify-content: flex-start;}
	.memberWrap > div {width:100%; flex-wrap:wrap;}
	.memberWrap > div .memAreaR, .memberWrap > div .memAreaL {width:100%; margin:0 auto; max-width:520px;}
	.memberWrap::after {display: none;}
	.memberWrap > div .memAreaR {margin-top: 30px; padding-top: 30px; border-top: 1px solid #ddd;}

	/* 회원 - 로그인 */
	.memberWrap.login {align-items: center; margin-top: 0;}

	/* 찾아오시는길 */
	.locationMap {height: 400px;}

	/* 검색창 토글 토글박스 */
	.toggleWrap {display:none; position:fixed; right:0; top:0; width:60%; height:100%; box-sizing:border-box; background-color:#fff; overflow-y:scroll; z-index:1001; margin-right:0;}
	.toggleWrap .toggleHead {display:block;}
	.toggleWrap > .row {padding:15px 20px !important;}
	.toggleWrap > .row ul {margin-top:8px;}
	.toggleWrap > .row ul li + li {margin-top:5px;}
	.toggleWrap > .row div.title a.toggle {width:24px; height:24px; background-size:cover;}
	.toggleWrap > .row div.title a.toggle.active {background-size:cover;}
	.toggleWrap > .row ul.doublelist li:before {top:11px;}
	.toggleWrap .resetBox {margin-top:10px; padding:0 20px;}
	input[type="radio"] + label {padding:2px 0 6px 29px;}

	/* 소셜미디어 */
	.contentboardWrap .mediaTitleBox {padding:30px;}
	.contentboardWrap .mediaTitleBox .imgBox {margin-right:20px; min-width:200px;}

	/* 웹트렌드 */
	.webTrandWrap .analysisBox .control {flex-wrap:wrap; height:100%; padding:20px;}
	.webTrandWrap .analysisBox .control > div {width:100%; justify-content:flex-end;}
	.webTrandWrap .analysisBox .control .years {padding:0;}
	.webTrandWrap .analysisBox .control .standard {margin:10px 0;}
	.webTrandWrap .analysisBox .control .upload {position:relative; right:0;}
	.webTrandWrap .titBox,
	.tagCloudWrap .titBox {height:50px;}
	.tagCloudWrap .colBox.col-3 .analysisBox,
	.webTrandWrap .colBox.col-3 .analysisBox {width:100%; margin-right:0; margin-bottom:20px;}
	.tagCloudWrap .colBox.col-3 .analysisBox:nth-child(2),
	.tagCloudWrap .colBox.col-3 .analysisBox:nth-child(3),
	.webTrandWrap .colBox.col-3 .analysisBox:nth-child(2) {width:100%;}
	.trendResultWrap .titBox {padding:15px;}
	.trendResultWrap .SearchResult {flex-wrap:wrap;}
	.trendResultWrap .SearchResult .inputBox input[type="text"] {width:100%;}
	.trendResultWrap .SearchResult .sortBox {position:relative;}

	/* 태그클라우드 */
	.tagCloudWrap .tagCloudBox {overflow:auto;}
	.tagCloudWrap .cloudOptionBox .optionBox {flex-wrap:wrap; justify-content:flex-start;}
	.tagCloudWrap .cloudOptionBox .optionBox > div {width:50%; margin-bottom:10px;}
	.tagCloudWrap .cloudOptionBox .optionBox > div.scope {width:100%; order:3;}
	.tagCloudWrap .cloudOptionBox .optionBox > div.keywordcount {order:4;}
	.tagCloudWrap .cloudOptionBox .optionBox .box {margin-right:0;}
	.tagCloudWrap .cloudOptionBox .optionBox .box input[type="text"]:first-child {margin-left:0;}
	.tagCloudWrap .cloudOptionBox .optionBox span.title {width:100px; min-width:100px;}

	.keywordBox ul {flex-wrap:wrap;}
	.keywordBox ul li {width:calc(50% - 7.5px); margin-bottom:15px;}
	.keywordBox ul li:nth-child(2n) {margin-right:0;}

	/* 주제·이슈 컬렉션 */
	.galleryBox .rowBox .innerBox li.list {width:calc(50% - 10px); margin-right:20px; margin-bottom:20px;}
	.galleryBox .rowBox .innerBox li.list:nth-child(3n) {margin-right:20px;}
	.galleryBox .rowBox .innerBox li.list:nth-child(2n) {margin-right:0;}
	.galleryBox .rowBox .innerBox.col4 li.list {width:calc(50% - 10px); margin-right:20px; margin-bottom:20px;}
	.galleryBox .rowBox .innerBox.col4 li.list:nth-child(3n) {margin-right:20px;}
	.galleryBox .rowBox .innerBox.col4 li.list:nth-child(2n) {margin-right:0;}

	/* 소셜미디어 신규 */
	.galleryBox .rowBox .innerBox.col4.media li.list {width:calc(25% - 15px);}
	.galleryBox .rowBox .innerBox.col4.media li.list:nth-child(5n),
	.galleryBox .rowBox .innerBox.col4.media li.list:nth-child(5n-1),
	.galleryBox .rowBox .innerBox.col4.media li.list:nth-child(5n-2),
	.galleryBox .rowBox .innerBox.col4.media li.list:nth-child(5n-3),
	.galleryBox .rowBox .innerBox.col4.media li.list:nth-child(5n-4) {margin-right:0;}
	.galleryBox .rowBox .innerBox.col4.media li.list {margin-right:20px !important;}
	.galleryBox .rowBox .innerBox.col4.media li.list:nth-child(4n) {margin-right:0 !important;}

	/* 사이트맵 */
	#sitemap > li > a {padding:20px;}
	#sitemap > li > a > em {padding:15px;}

	/* 책임의 한계 */
	.winWrap .innerBox {padding:20px;}

	/* 오아시스 개요 */
	.introWrap p + p {margin-top:20px;}

	/* 접속현황 */
	.connectWrap .yearBox {height:90px; margin:25px 0 20px 0;}

	/* 자주묻는 질문 */
	.qnaWrap .innerBox .titBox {padding:15px 0 15px 70px; height:100%;}

	/* 웹사이트 기증신청 & 기증신청 내역조회 */
	.donationWrap .titBox {height:auto;}
	.donationWrap .titBox::after,
	.donationWrap .titBox.type2::after {display:none;}
	.donationWrap .titBox .textBox {width:100%; padding:40px 70px;}
	.donationWrap .applyBox {padding:25px;}
	.siteSearch .inputBox .innerBox .list {flex-wrap:wrap; justify-content:flex-start; margin-bottom:0;}
	.siteSearch .inputBox .innerBox .list .Box {flex-wrap:wrap; margin-top:10px;}
	.siteSearch .inputBox .innerBox .list .Box input.sitename {width:auto; min-width:auto;}
	.siteSearch .inputBox .innerBox .list.flex-start .Box + .Box {margin-left:0;}

}

@media screen and (max-width: 768px){
	/*컨텐츠 공통 */
	.alignWrap {flex-wrap:wrap;}
	.alignWrap > .leftBox, .alignWrap > .rightBox {width:100%;}
	.alignWrap > .leftBox {margin-right:0; margin-bottom:20px;}
	.tabmenu ul li a {height:45px; line-height:45px;}
	.titleWrap {margin-top:30px;}

	/* 컨텐츠 탭 */
	.subTabWrap .subTabArea {margin-bottom: 40px;}
	.subTabWrap .subTabArea .tab li a {height: 34px; padding: 0 20px;}
	.subTabWrap .subTabArea .tab li + li a::before {top: 2px; height: 16px;}

	.openNuri {padding: 15px; border-width: 3px;}

	.contentTopDesc {margin-bottom: 30px; padding: 20px 25px;}

	.imgbdBox {padding: 30px 15px;}

	/* 아이콘 */
	.exclMark {padding-left: 24px;}
	.exclMark::before {top: 4px; width: 18px; height: 18px; background-size: cover;}
	.arrMark {padding-left: 26px;}
	.arrMark::before {top: 3px; width: 20px; height: 20px; background-size: cover;}
	.arrMark + .tblWrap {margin-top: 5px;}
	.tblWrap + .arrMark {margin-top: 15px;}
	.arrMark + .exImgBox {margin-top: 5px;}

	/* 예시 이미지 박스 */
	.exImgBox {padding: 30px 0 40px;}
	.exImgBox + .exImgBox {margin-top: 15px;}
	.exImgBox .txt {margin-bottom: 15px;}
	.exImgBox .img div {margin: 5px 15px;}

	/* 화살표 블릿아이콘 영역 */
	.bulletBox {padding: 25px 0;}
	.bulletBox > .infoDiv .bullet {padding-left: 32px;}
	.bulletBox > .infoDiv .bullet::before {top: 2px;}
	.bulletBox > .infoDiv .bullet + .bullet {margin-top: 10px;}
	.bulletBox > .infoDiv .bullet p {margin-top: 4px;}
	.bulletBox > .infoDiv .bullet .dot-list.mg {margin: 13px 0;}
	.bulletBox > .infoDiv .bullet .dot-list.mg li + li {margin-top: 7px;}
	.bulletBox > .infoDiv .bullet .btn {margin-top: 10px;}
	.bulletBox > .btnDiv {margin: 15px 0 0 42px;}

	/* 화살표 블릿아이콘 영역 */
	.bulletBox.arrR {padding: 20px 10px;}
	.bulletBox.arrR > .infoDiv .bullet::before {top: 3px;}

	.bulletBox > .infoDiv + .grayBox {margin-top: 20px;}

	/* 화살표 블릿아이콘 영역 - 그레이박스 */
	.grayBox {padding: 25px 42px;}

	/* 화살표 블릿아이콘 영역 - 다운로드박스 */
	.downBox {flex-wrap: wrap; margin: 10px 0 18px;}
	.downBox > p {width: 100%; margin-right: 0; margin-bottom: 3px;}
	.downBox > .btn {margin: 2px 5px 2px 0;}

	/* 신청하기 스텝 리스트 */
	.applyStepList {margin-bottom: 30px;}
	.applyStepList ul li + li {margin-left: 60px;}
	.applyStepList ul li::after {width: 130px;}

	/* 신청하기 그레이 박스 */
	.applyStepBox {padding: 30px;}
	.applyStepBox > div .info {padding: 20px;}

	.col3Box .boxItem > .info .board-write > ul > li > div {padding-left: 80px;}
	.col3Box .boxItem > .info .board-write > ul > li > div .tit {width: 80px;}

	/* 서비스안내 - 사이트소개 - 한국서지표준센터 - 센터소개 */
	.introBox {margin: 30px 0 20px;}
	.introBox .itemBox {padding: 30px 20px;}
	.introBox .itemBox .img {width: 300px; height: 193px;}
	.introBox .itemBox .txt {margin-top: 30px;}
	.introBox .itemBox .txt dt {padding-top: 10px; margin-bottom: 13px;}

	/* 서비스안내 - 사이트소개 - 한국서지표준센터 - 한국문헌번호 편람 */
	.introBox.manual .itemBox {padding: 30px 20px;}
	.introBox.manual .itemBox .img {width: 211px; height: 300px;}
	.introBox.manual .itemBox .txt dl {margin-bottom: 20px;}
	.introBox.manual .itemBox .txt dd.itemBtnWrap a {width: 100%;}
	.introBox.manual .itemBox .txt dd.itemBtnWrap a:nth-child(n+2) {margin-top: 8px;}

	/* 서비스안내 - 사이트소개 - 한국서지표준센터 - 한국문헌번호 사용자교육 - 사이버교육 신청 */
	.introBox.edu {margin-bottom: 40px;}
	.introBox.edu .itemBox {padding-top: 30px;}

	/* 서비스안내 - 사이트소개 - 한국서지표준센터 - ISBN 소개 */
	.isbnPlusBox .listItem div strong {width: 60px;}
	.isbnPlusBox .listItem div p {margin-left: 60px; padding: 10px; height: auto;}
	.isbnPlusBox .imgItem {margin-top: 20px;}

	.col2Box {padding: 30px;}
	.col2Box .boxItem .info {padding: 20px;}
	.col2Box .boxItem .info .dot-list li + li {margin-top: 4px;}
	.col2Box .boxItem .info .tool-list {margin-top: 20px;}
	.col2Box .boxItem .info .tool-list li + li {margin-top: 4px;}

	/* 서비스안내 - 사이트소개 - 한국서지표준센터 - ISSN 소개 */
	.issnConArea .bdBox {margin-top: 30px;}

	.exImgBox.exIssn {margin-top: 15px;}
	.exImgBox.exIssn + .dot {margin-top: 35px;}
	.exImgBox.exIssn .inner {margin: 10px 15px;}

	/* 서비스안내 - 사이트소개 - 국립중앙도서관 납본 - 납본절차 */
	.napbonBox {margin-top: 25px; padding: 25px;}
	.napbonBox dl dt {width: 120px;}
	.napbonBox dl dt::before {top: -2px;}
	.napbonBox dl + dl {margin-top: 15px;}
	.napbonBox dl dd {width: calc(100% - 120px);}

	/* 서비스안내 - 사이트소개 - 국립중앙도서관 납본 - 관련법령 */
	.lawWrap .dot + .bdBox {margin-top: 10px;}
	.lawWrap .bdBox + .dot {margin-top: 35px;}
	.lawWrap .decimal-list > li + li, .lawWrap .dot-list > li + li {margin-top: 5px;}
	.lawWrap .dash-list {padding: 8px 15px;}

	/* 회원 - 공통 */
	.memberWrap .topItem {margin-bottom: 10px;}
	.memberWrap .chkItem {margin-bottom: 10px;}
	.memberWrap .infoItem {margin-bottom: 17px;}
	.memberWrap .infoItem .inqItem + .inqItem {margin-top: 5px;}
	.memberWrap .infoItem .inqItem input {height: 40px;}
	.memberWrap .btnItem a {height: 46px;}
	.memberWrap .linkItem {margin-top: 17px;}
	.memberWrap .linkItem a {width: calc(33.33% - 5px);}
	.memberWrap .memAreaR {margin-top: 20px; padding-top: 20px;}
	.memberWrap .imgItem {margin-bottom: 10px; width: 40px;}
	.memberWrap .resultItem {margin-bottom: 20px;}
	.memberWrap .resultItem div {margin-bottom: 10px;}
	.memberWrap .txtItem {margin-top: 20px;}

	/* 회원 - 찾기 */
	.memberWrap.find {padding: 30px 0;}

	/* 찾아오시는길 */
	.locationMap {height: 300px;}

	/* 컬렉션 주제·이슈 */
	.contentboardWrap .rowBox .row .innerBox .img_box span.marker {min-width:80px; height:40px;}

	/* 소셜미디어 */
	.rowBox.media .row .innerBox .imgBox img {width:auto;}
	.contentboardWrap .rowBox .innerBox .textBox .conBox p {word-break:break-all;}
	.contentboardWrap .rowBox.media .row > .conBox img {width:100%;}
	.contentboardWrap .mediaSearch {flex-wrap:wrap; padding:0;}
	.contentboardWrap .mediaSearch .endBox {position:relative;}
	.contentboardWrap .mediaSearch .titleBox {width:100%; margin-bottom:5px;}
	.contentboardWrap .mediaSearch .iconBox {width:100%; margin-bottom:5px;}
	.contentboardWrap .mediaSearch .inputBox {position:relative; bottom:0;}
	.contentboardWrap .mediaTitleBox {padding:20px; flex-wrap:wrap; margin-bottom:20px;}
	.contentboardWrap .mediaTitleBox .imgBox {margin-right:0; width:110px; height:110px; min-width:auto;}
	.contentboardWrap .mediaTitleBox .textBox {width:calc(95% - 110px); margin-left:5%;}
	.contentboardWrap .mediaTitleBox .tagBox {flex-wrap:wrap; margin-top:10px; width:100%;}
	.contentboardWrap .mediaTitleBox .tagBox div {margin-bottom:10px; width:calc(50% - 5px); text-align:center;}
	.contentboardWrap .mediaTitleBox .tagBox div:nth-child(2n) {margin-right:0;}
	.contentboardWrap .rowBox .innerBox .textBox .titBox {flex-wrap:wrap;}
	.contentboardWrap .rowBox .innerBox .textBox .titBox > a {display:inline-block;}
	.contentboardWrap .rowBox .innerBox .textBox .conBox {width:100%;}
	.contentboardWrap .rowBox .innerBox .textBox .time {width:100%;}
	.contentboardWrap .rowBox.media .row .innerBox {align-items:flex-start;}
	.contentboardWrap .rowBox.media .row .innerBox .imgBox {width:90px; height:90px; margin-right:0; min-width:auto;}
	.contentboardWrap .rowBox.media .row .innerBox .imgBox img {position:relative; width:100%;}
	.contentboardWrap .rowBox.media .row {padding:15px 0;}
	.contentboardWrap .rowBox.media .innerBox .textBox .titBox span.title {width:100%;}
	.contentboardWrap .rowBox.media .row .innerBox .textBox {width:calc(95% - 110px); margin-left:5%;}
	.contentboardWrap .rowBox.media .row .innerBox .textBox .tag {width:100%; margin:0;}
	.contentboardWrap .rowBox.media .row .innerBox .textBox .tag:after {display:none;}

	/* 소셜미디어 */
	.galleryBox .rowBox .innerBox.col4.media li.list {width:calc(50% - 10px);}
	.galleryBox .rowBox .innerBox.col4.media li.list:nth-child(4n),
	.galleryBox .rowBox .innerBox.col4.media li.list:nth-child(4n-1),
	.galleryBox .rowBox .innerBox.col4.media li.list:nth-child(4n-2),
	.galleryBox .rowBox .innerBox.col4.media li.list:nth-child(4n-3) {margin-right:0;}
	.galleryBox .rowBox .innerBox.col4.media li.list {margin-right:20px !important;}
	.galleryBox .rowBox .innerBox.col4.media li.list:nth-child(2n) {margin-right:0 !important;}

	/* 웹트렌드 */
	.webTrandWrap .analysisBox .control .years {flex-wrap:wrap;}
	.webTrandWrap .analysisBox .control .years p,
	.webTrandWrap .analysisBox .control .standard p {display:none;}
	.webTrandWrap .analysisBox .control .years .button {width:36px; height:36px;}
	.webTrandWrap .analysisBox .control .upload {flex-wrap:wrap;}
	.webTrandWrap .analysisBox .control .upload a {height:36px; width:100%; margin-right:0; margin-bottom:7px;}
	.webTrandWrap .analysisBox .control .upload a:last-child {margin-bottom:0;}
	.webTrandWrap .titBox,
	.tagCloudWrap .titBox {height:45px;}
	.webTrandWrap .titBox .help {width:22px; height:22px; background-size:cover;}
	.webTrandWrap .colBox {padding-bottom:0;}
	.trendResultWrap .titBox {flex-wrap:wrap; width:100%; padding:0 0 15px 0;}
	.trendResultWrap .titBox p {width:100%; margin-bottom:5px;}
	.trendResultWrap .titBox .kindBox {flex-wrap:wrap; margin-left:0;}
	.trendResultWrap .tabmenu {width:100%; overflow:auto; height:48px;}
	.trendResultWrap .tabmenu ul {width:800px;}
	.trendResultWrap .tabmenu ul li {width:16.666%; min-width:100px;}
	.trendResultWrap .SearchResult {justify-content:flex-end; padding:20px 0;}
	.trendResultWrap .SearchResult .inputBox {width:100%; order:2; margin:7px 0 35px 0;}
	.recursive-search-keywords {left:0; top:92px; max-height:25px; overflow:hidden;}
	.trendResultWrap .SearchResult .count {margin-left:0; order:1;}
	.trendResultWrap .SearchResult .sortBox {width:100%; order:3;}
	.trendResultWrap .SearchResult .sortBox a {width:33.333%; margin-right:1%;}
	.contentboardWrap .rowBox.trend .row .innerBox .textBox .time {position:relative;}

	/* 웹트렌드 활용예제 */
	.trendExample .list .titBox span {font-size:1.111em;}

	/* 태그클라우드 */
	.tagCloudWrap .tabmenu {margin-bottom:20px;}
	.tagCloudWrap .tagCloudBox {margin-bottom:20px;}
	.tagCloudWrap .cloudOptionBox .optionBox > div {width:100%; flex-wrap:wrap;}
	.tagCloudWrap .cloudOptionBox .optionBox .box input[type="text"] {text-align:left; padding-left:15px;}
	.tagCloudWrap .cloudOptionBox .optionBox span.title {display:block; width:100%; margin-bottom:5px;}
	.tagCloudWrap .cloudOptionBox .optionBox .box input[type="text"] {margin:0;}
	.tagCloudWrap .cloudOptionBox .optionBox .box .at {margin:0 5px;}
	.tagCloudWrap .cloudOptionBox .optionBox .graph .box {width:100%;}
	.tagCloudWrap .cloudOptionBox .optionBox .graph .box a {width:50%;}
	.tagCloudWrap .cloudOptionBox .optionBox .scope .box {flex-wrap:wrap; width:100%;}
	.tagCloudWrap .cloudOptionBox .optionBox .scope .box a {height:36px;}
	.tagCloudWrap .cloudOptionBox .optionBox .scope .box .btnBox,
	.tagCloudWrap .cloudOptionBox .optionBox .scope .box .inputBox {width:100%;}
	.tagCloudWrap .cloudOptionBox .optionBox .scope .box .inputBox {display:flex; justify-content:space-between; align-items:center; margin-top:10px;}
	.tagCloudWrap .cloudOptionBox .optionBox .scope .box .inputBox input[type="text"] {width:45%;}
	.tagCloudWrap .cloudOptionBox .optionBox .scope .box .btnBox a {width:33.333%;}
	.tagCloudWrap .cloudOptionBox .optionBox .deg .box {justify-content:space-between;}
	.tagCloudWrap .cloudOptionBox .optionBox .deg .box input[type="text"] {width:30%}
	.tagCloudWrap .cloudOptionBox .optionBox .keywordcount .box {width:100%;}
	.tagCloudWrap .cloudOptionBox .optionBox .keywordcount .box input[type="text"] {width:100%;}
	.tagCloudWrap .titBox .help {width:22px; height:22px; background-size:cover;}
	.tagCloudWrap .colBox {margin-top:20px;}
	.tagCloudWrap .colBox .analysisBox .innerBox {height:300px;}
	.tagCloudWrap .colBox .analysisBox .innerBox .importance li span {width:130px;}
	.tagCloudWrap .colBox .analysisBox .innerBox .importance li input[type="text"] {width:150px;}

	.keywordBox ul {margin-bottom:30px;}
	.keywordBox ul li {width:100%; margin-right:0; margin-bottom:20px;}
	.keywordBox ul li:last-child {margin-bottom:0}
	.keywordBox ul li .textBox {padding:25px 20px;}
	.keywordBox ul li .icoBox {padding:15px 20px;}

	.resultFilter {justify-content:flex-end;}
	.resultFilter .resultMode {margin-bottom:10px; order:1; display:flex; justify-content:flex-end; width:100%;}
	.resultFilter .resultSort {overflow:auto;}
	.resultFilter .resultSort {order:2;}
	.resultFilter .resultSort ul {display:flex; order:2; overflow-x:scroll;}
	.resultFilter .resultSort ul li {min-width:100px; margin-right:0; text-align:center;}
	.resultFilter .resultSort ul li:last-child {margin-right:0;}
	.resultFilter .resultSort ul li:after {display:none;}
	.resultFilter .resultSort ul li a {display:block;}
	.resultFilter .resultSort ul li a.on {border-bottom:0;}

	/* 오아시스 개요 */
	.introWrap:after {display:block; content:''; clear:both;}
	.introWrap .movieBox {float:none; margin:0 0 5px 0; width:100%;}
	.introWrap .movieBox video {width:100%;}

	/* 사이트맵 */
	#sitemap > li {width:49%;}
	#sitemap > li > a em {padding:10px;}
	#sitemap > li .submenu {padding:10px 15px;}

	/* 웹사이트 기증신청 & 기증신청 내역조회 */
	.donationWrap .titBox .textBox {padding:20px 25px;}
	.donationWrap .applyBox {flex-wrap:wrap; padding:20px;}
	.donationWrap .applyBox .textBox p {flex-wrap:wrap; margin-bottom:5px;}
	.donationWrap .applyBox .textBox p span:after {display:none;}
	.donationWrap .applyBox .btnBox {margin-top:10px;}
	.donationWrap .applyBox .btnBox a {height:40px;}
	.donationWrap .applyBox .btnBox.column {flex-direction:row;}
	.donationWrap .applyBox .btnBox.column a + a {margin-top:0; margin-left:10px;}
	.donationWrap .telBox {padding:20px 0;}
	.donationWrap .telBox p span {margin-right:20px;}
	.donationWrap .telBox p span:after {right:-10px;}
	.siteSearchView {padding:20px;}
	.siteSearch .inputBox a {height:36px; position:relative; top:2px;}
	.siteSearch .inputBox .innerBox .list .Box {display:block;}
	.siteSearch .inputBox .innerBox .list .Box span.tit {display:block; margin-bottom:5px;}
	.siteSearch .inputBox .innerBox .list .Box input[type="radio"] + label {margin-left:0; margin-right:20px;}

	.statWrap .summaryDesc,
	.statWrap .summaryDesc.month,
	.statWrap .summaryDesc.year {height:auto; padding:15px;}
	.statWrap #monthchart, .statWrap #yearchart, .statWrap #chart {min-height:auto;}

}

@media screen and (max-width: 640px){
	/* 컨텐츠 탭 */
	.subTabWrap .subTabArea {margin-bottom: 30px;}
	.subTabWrap .subTabArea .tab li a {padding: 0 10px;}
	.subTabWrap .subTabArea .tab li + li a::before {height: 14px;}

	.contentTopDesc {margin-bottom: 25px; padding: 13px 17px;}

	/* 아이콘 */
	.exclMark {padding-left: 21px;}
	.exclMark::before {top: 4px; width: 16px; height: 16px;}
	.arrMark {padding-left: 23px;}
	.arrMark::before {top: 2px; width: 18px; height: 18px;}

	/* 예시 이미지 박스 */
	.exImgBox {padding: 20px 0 25px;}
	.exImgBox + .exImgBox {margin-top: 10px;}
	.exImgBox .txt {margin-bottom: 10px;}
	.exImgBox .img div {margin: 5px 10px;}

	/* 화살표 블릿아이콘 영역 */
	.bulletBox {padding: 15px 0;}
	.bulletBox > .infoDiv {padding: 0 5px;}
	.bulletBox > .infoDiv .bullet {padding-left: 26px;}
	.bulletBox > .infoDiv .bullet::before {top: 3px; width: 20px; height: 20px; background-size: cover;}
	.bulletBox > .btnDiv {margin: 13px 0 0 31px;}

	/* 화살표 블릿아이콘 영역 */
	.bulletBox.arrR {padding: 15px 10px;}
	.bulletBox.arrR > .infoDiv .bullet {padding-left: 23px;}
	.bulletBox.arrR > .infoDiv .bullet::before {top: 2px; width: 18px; height: 18px;}
	.bulletBox.arrR > .btnDiv {margin: 13px 0 0 23px;}

	.bulletBox > .infoDiv + .grayBox {margin-top: 15px;}
	.grayBox + .grayBox {margin-top: 7px;}

	/* 화살표 블릿아이콘 영역 - 그레이박스 */
	.grayBox {padding: 20px;}
	.grayBox > .btnDiv {margin-top: 13px;}

	/* 화살표 블릿아이콘 영역 - 다운로드박스 */
	.downBox {margin: 6px 0 10px;}

	/* 신청하기 스텝 리스트 */
	.applyStepList {margin-bottom: 20px;}
	.applyStepList ul li + li {margin-left: 50px;}
	.applyStepList ul li::after {width: 110px;}

	/* 신청하기 그레이 박스 */
	.applyStepBox {padding: 20px;}
	.applyStepBox > div .tit {height: 50px;}
	.applyStepBox > div .info {padding: 15px;}

	/* 신청하기 그레이 박스 - 문의처 */
	.applyStepBox.contact > div .info ul li {padding-bottom: 10px;}
	.applyStepBox.contact > div .info ul li + li {margin-top: 10px;}
	.applyStepBox.contact > div ul li p:last-child {width: calc(100% - 70px);}
	.applyStepBox.contact > div:nth-child(3) ul li p:last-child {margin-top: 2px;}
	.applyStepBox.contact > div:nth-child(3) ul li p:last-child span {padding-right: 15px;}

	/* ISSN 제출서류 */
	.col3Box .boxItem > .tit {height: auto; min-height: 40px; padding: 7px 15px;}
	.col3Box .boxItem > .info {padding: 10px 15px;}

	/* 서비스안내 - 사이트소개 - 한국서지표준센터 - 센터소개 */
	.introBox {margin: 25px 0 15px;}
	.introBox .itemBox {padding: 25px 15px;}
	.introBox .itemBox .txt {margin-top: 25px;}
	.introBox .itemBox .txt dt {padding-top: 7px; margin-bottom: 10px;}
	.introBox .itemBox .txt dt::before {width: 20px; height: 3px;}

	/* 서비스안내 - 사이트소개 - 한국서지표준센터 - 한국문헌번호 편람 */
	.introBox.manual .itemBox {padding: 25px 15px;}
	.introBox.manual .itemBox .txt dd.itemBtnWrap a:nth-child(n+2) {margin-top: 5px;}

	/* 서비스안내 - 사이트소개 - 한국서지표준센터 - 한국문헌번호 사용자교육 - 사이버교육 신청 */
	.introBox.edu {margin-bottom: 30px;}
	.introBox.edu .itemBox {padding-top: 25px;}
	.introBox.edu .itemBox .txt .col3Box .boxItem .info ul li + li {margin-left: 30px;}

	/* 서비스안내 - 사이트소개 - 한국서지표준센터 - ISBN 소개 */
	.col2Box {padding: 20px;}
	.col2Box .boxItem .tit {height: 50px;}
	.col2Box .boxItem .info {padding: 15px;}

	/* 서비스안내 - 사이트소개 - 한국서지표준센터 - ISSN 소개 */
	.issnConArea .bdBox {margin-top: 20px;}

	.exImgBox.exIssn {margin-top: 10px;}
	.exImgBox.exIssn + .dot {margin-top: 20px;}
	.exImgBox.exIssn .inner {margin: 10px;}

	/* 서비스안내 - 사이트소개 - 국립중앙도서관 납본 - 납본절차 */
	.napbonBox {margin-top: 20px; padding: 15px;}
	.napbonBox dl {flex-direction: column;}
	.napbonBox dl dt {width: 100%; margin-bottom: 10px; padding-left: 29px;}
	.napbonBox dl dt::before {top: -1px; width: 24px; height: 24px; border-width: 2px;}
	.napbonBox dl + dl {margin-top: 15px;}
	.napbonBox dl dd {width: 100%;}

	/* 서비스안내 - 사이트소개 - 국립중앙도서관 납본 - 관련법령 */
	.lawWrap .bdBox + .dot {margin-top: 20px;}

	/* 찾아오시는길 */
	.trafficWrap > ul > li {padding: 15px;}
	.trafficWrap > ul > li .img {width: 50px;}
	.trafficWrap > ul > li .txt {width: calc(100% - 65px);}

	/* 주제·이슈 컬렉션 */
	.galleryBox .rowBox .row {padding:15px;}
	.galleryBox .rowBox .innerBox li.list {width:100%; margin-right:0; margin-bottom:20px;}
	.galleryBox .rowBox .innerBox.col4 li.list {width:100%; margin-right:0; margin-bottom:20px;}
	.galleryBox .rowBox .innerBox.col4 li.list:last-child {margin-bottom:0;}
	.galleryBox .rowBox .innerBox li.list a {display:flex; flex-wrap:wrap; justify-content:center;}
	.galleryBox .rowBox .innerBox li.list a .img_box {width:100%;}
	.galleryBox .rowBox .innerBox li.list a .img_box img {width:100%;}
	.galleryBox .rowBox .innerBox.col4.media li.list a .img_box img {width:auto;}
	.galleryBox .rowBox .innerBox li.list:hover {border:1px solid #e5e5e5; position:relative; bottom:0; box-shadow:none;}
	.galleryBox .rowBox .innerBox.col4.media li.list:hover {border:0;}
	.galleryBox .rowBox .innerBox li.list:nth-child(3n) {margin-right:0;}
	.galleryBox .rowBox .innerBox.col4 li.list:nth-child(3n) {margin-right:0;}
	.galleryBox .rowBox .innerBox li.list .text_box .text {padding:0;}


}

@media screen and (max-width: 480px){
	/* 화살표 블릿아이콘 영역 */
	.bulletBox > .infoDiv .bullet::before {top: 2px;}

	/* 체크 블릿아이콘 영역 - 그레이박스 */
	.grayBox > .btnDiv.col {flex-direction: column; margin-top: 10px;}
	.grayBox > .btnDiv.col .btn + .btn {margin-top: 5px; margin-left: 0;}

	/* 서비스안내 - 사이트소개 - 한국서지표준센터 - 연혁 */
	.historyItem {padding-left: 65px;}
	.historyItem .year::before {margin-right: 5px;}
	.historyItem .month {flex-direction: column;}
	.historyItem .month + .month {margin-top: 3px;}
	.historyItem .month div:nth-child(2) {width: 100%;}

	.donationWrap .applyBox .btnBox {width:100%;}
	.donationWrap .applyBox .btnBox a {width:100%;}
	.donationWrap .applyBox .btnBox.column {flex-wrap:wrap;}
	.donationWrap .applyBox .btnBox.column a + a {margin-left:0; margin-top:5px;}
}

@media screen and (max-width: 375px){
	/* 아이콘 */
	.exclMark::before {top: 2px;}
	.arrMark::before {top: 1px;}

	/* 서비스안내 - 사이트소개 - 국립중앙도서관 납본 - 납본절차 */
	.napbonBox dl dt {margin-bottom: 8px;}
	.napbonBox dl dt::before {top: -2px;}

	/* 찾아오시는길 */
	.locationMap {height: 250px;}
}

@media screen and (min-width: 1025px){
	[data-tooltip-text]:hover {position: relative;}
	[data-tooltip-text]:hover:after {
		background-color: #000000;
		background-color: rgba(0, 0, 0, 0.8);

		-webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
		-moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
		box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);

		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;

		color: #FFFFFF;
		font-size: 13px;
		line-height: 1.4;
		content: attr(data-tooltip-text);

		margin-bottom: 10px;
		top: 130%;
		right: 0;
		padding: 10px;
		position: absolute;
		padding: 10px 18px;
		width:auto;
		min-width: 320px;
		text-align:left;
		word-wrap: break-word;
		white-space: pre-line;

		z-index: 15;
	}

	.tooltip {position: relative; display: inline-block;}
	.tooltip-text { visibility: hidden; background-color: rgba(0,0,0,.8); color: #fff; text-align:left; border-radius: 6px; padding:10px 18px; position: absolute;
	right:0; top:130%; min-width:320px; font-size: 13px; display: block;  z-index: 1; word-wrap: break-word;}
	.tooltip-text.middle {min-width:260px;}
	.tooltip-text.short {min-width:150px;}
	.tooltip:hover .tooltip-text {visibility: visible;}

}