@charset "utf-8";
:root {
   --green: #28a745; /* 또는 원하는 녹색 값 */
}

/* ************************ PC ************************ */

/*************** 공용  ******************/
/* 레이어 */
.layer {display:none;}
.layer.on {display:block;}

input[type='checkbox'] {position:absolute; left:-9999px;}
input[type="date"]::-webkit-calendar-picker-indicator {background: url(/resources/images/ebi/main/ico/ico-calender.svg) no-repeat center center; background-size: 20px 20px; color: transparent; opacity: 1;}
/*input[type="date"]::-moz-calendar-picker-indicator {background: url(/resources/images/ebi/main/ico/ico-calender.svg) no-repeat center center; background-size: 20px 20px; color: transparent; opacity: 1;}*/
input[type="date"] {position: relative; padding-left: 15px; padding-right: 15px;}
textarea {padding:12px 10px!important;}
/*input[type="date"]::after {content: ''; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 24px; height: 24px; background: url(/resources/images/ebi/common/i-calendar.png) no-repeat center center; background-size: contain;}*/

/* 탭ver3 */
.tabVer3 { position:relative;}
.tabVer3 .swiper-slide {position:relative; text-align:center;}
.tabVer3 .scrollable {width:100%; white-space:nowrap; overflow-x:auto; display:flex; justify-content:space-between; -ms-overflow-style: none; gap:10px;}
.tabVer3 .scrollable::-webkit-scrollbar {display: none;}
.tabVer3 .scrollable li {display:inline-block; padding:10px 20px; cursor:pointer; border-bottom:1px solid #fff; width:100%; text-align:center; border:1px solid var(--border1); font-weight:500; user-select: none; border-radius:10px; transform: var(--textRotate);}
.tabVer3 .scrollable li.on {color:#fff; background:var(--blue); }

.warn {color:var(--red); display:inline-block; transform: var(--textRotate); font-size:15px;}
.warn.blue {color:var(--blue);}

/* 파일업로드 type2 */
.upload-container {border:2px dashed var(--lightgary2); padding:20px; text-align:center;
cursor:pointer;}
.upload-container.dragover {border-color:#000; background-color:#f0f0f0;}
.file-list {list-style-type:none; padding:0;}
.file-list li {margin: 10px 0; display:flex; justify-content:space-between; align-items:center;
background-color:#f9f9f9; padding:10px; border-radius:5px; font-size:15px;}
.file-list li button {background-color: #ff4d4d; color:white; border:none; padding:5px 10px;
cursor:pointer; border-radius: 3px;}
.file-list li button:hover {background-color: #ff0000;}

/* 검색리스트영역 */
.listWrap .listInfo {font-size:14px; color:#000; font-weight: 500; transform: var(--textRotate); line-height:1;}
.listWrap ul.list {border-top:1px solid #000; border-bottom:1px solid #000; margin-top:10px; } 
.listWrap ul.list li {padding:15px 0; transform: var(--textRotate)}
.listWrap ul.list li.tit {display:flex; border-bottom:1px solid #000; font-size:14px; color:#000; font-weight: 500; transform: var(--textRotate); padding:10px 0; text-align:center; background: #fff !important;}
.listWrap ul.list li.empty {display:flex; justify-content:center; align-items:center; padding:30px 0;}
.listWrap ul.list li:nth-child(n+3) {border-top:1px solid var(--lightgary2); }

/* 게시판 페이징 - pc용 */
.page_box {position:relative; text-align:center; border:1px solid transparent;}
.page_box .pc.pagination {display:inline-block; /*margin:80px 0 0 !important;*/}
.page_box .pc.pagination>li>a {text-align:center; color:#333; border:1px solid #ddd; height:40px; line-height:1; display: flex; align-items: center; justify-content: center;}
/* .board_ebi .page_box .pc.pagination>li>a.active {color:#111; background:#fff !important; border:1px solid #dedede; font-weight:normal;} */
.page_box .pc.pagination>li>a.active {color:#fff; background:#000!important; border:1px solid #ddd;  font-weight:normal;}
.page_box .pc.pagination .first,
.page_box .pc.pagination .prev,
.page_box .pc.pagination .next,
.page_box .pc.pagination .last {color:#333; background-color:#fff;}
.page_box .pc.pagination .first:hover,
.page_box .pc.pagination .prev:hover,
.page_box .pc.pagination .next:hover,
.page_box .pc.pagination .last:hover {background:#f0f0f0}
/*.board_ebi .page_box .pc.pagination .prev {margin-right:10px;}
.board_ebi .page_box .pc.pagination .next {margin-left:10px;}*/
.pc.pagination .write {display:inline-block; height:40px; line-height:1; margin-left:5px; padding:12px 15px; /*font-family:"NotoSansKR";*/ color:#fff;}
.page_box .pc.pagination .write:hover {background:#333; color:#fff !important;}
.pagination >li:first-child >a, .pagination>li:last-child>a {border-radius:0;}

.page_box {width:100%; margin-top:30px; line-height:1; font-size:14px; font-weight:normal; text-align:center;}
.page_box .pc {display:inline-block;}
.page_box .pc li {float:left; margin-left:-1px;}
.page_box .pc li a {display:block; padding:12px 15px; border:1px solid rgba(0,0,0,.15); background:#fff; color:#000;}
.page_box .pc li a:hover {background:#f0f0f0;}
.page_box .pc li a.active {background:#333; color:#fff; border-color:#333;}
/*.board_ebi .page_box .pc li a.prev {margin-right:10px;}
.board_ebi .page_box .pc li a.next {margin-left:10px;}*/

/*************** 자료실  ******************/

/*** 자료실 - 자료실 ***/

/* 검색영역 */
.sub .search_wrap {background:#f9fafc; border:1px solid #dbdce7; border-radius:20px; padding:40px 0px 40px 0px; overflow:hidden; box-shadow: rgba(0, 0, 0, 0.15) 6.95px 7.95px 13.6px;}
/*.sub .search_wrap>.tabWrap {display:flex; gap:5px; padding:0 30px;}*/
/*.sub .search_wrap .tabWrap a.tabBtn {display:inline-block; color:#666; font-size:18px; padding:10px 25px; background:#fff; border:1px solid #dbdce7; border-radius:2rem; line-height:1; font-weight:500; transform:rotate(0.03deg); transition:none;}*/
/*.sub .search_wrap .tabWrap a.tabBtn.on {color:var(--blue); border:1px solid var(--blue); padding:10px 35px 10px 20px; background:#fff url(/resources/images/ebi/common/i-check_Blue.png) no-repeat 86% center;}*/
/* 통합 검색 영역 */
.sub .search_wrap .tabWrap div.tabBtn {display:inline-block; font-size:20px; padding:10px 50px; background:#fff; line-height:1; font-weight:500; transform:rotate(0.03deg); transition:none;}
.sub .search_wrap .tabInner {margin-top:10px;}
.sub .search_wrap .total-search {display:flex; gap:10px; padding:0 30px;}
.sub .search_wrap .total-search .inputWrap {width:calc(100% - 60px); }
.sub .search_wrap .total-search .inputWrap input {width:100%; height:50px; border:1px solid #dbdce7; padding-left:48px;  background:#f9fafc url(/resources/images/ebi/common/i-search_Gray.png) no-repeat 20px center; border-radius:7px;}
.sub .search_wrap .total-search .inputWrap input::placeholder {font-size:15px; color:#666;}
.sub .search_wrap .total-search .tagLayer {width:50px; height:50px; background:#333; border-radius:7px; background:#333 url(/resources/images/ebi/main/ico/ico-tag-btn.svg) center / 54px no-repeat; text-indent:-9999px;}
.sub .search_wrap .total-search .tagLayer.on {background:var(--blue) url(/resources/images/ebi/gis/i-tag-on.svg) center / 21px no-repeat;}
.sub .search_wrap .total-searchWrap .layer.tagLayer {position:relative; background:#e4e4e4; padding:20px; margin:10px 30px 0;border-radius:7px;}
.sub .search_wrap .total-searchWrap .layer.tagLayer:before {content:""; display:block; position:absolute; right:17px; top:-16px; width: 0; height: 0; border-bottom: 8px solid #e4e4e4; border-top: 8px solid transparent; border-left:8px solid transparent; border-right:8px solid transparent;}
.sub .search_wrap .total-searchWrap .layer.tagLayer .tit {color:#000; font-size:16px; font-weight:500; transform:rotate(0.03deg); line-height:1;}
.sub .search_wrap .total-searchWrap .layer.tagLayer .layer-inner {height:110px; overflow-y:auto;}
.sub .search_wrap .total-searchWrap .layer.tagLayer .layer-inner .tagForm {margin-top:10px;}
.sub .search_wrap .total-searchWrap .layer.tagLayer .layer-inner .flex {gap:10px;}
.sub .search_wrap .total-searchWrap .layer.tagLayer .layer-inner .tagForm input {position:absolute; left:-9999px;}
.sub .search_wrap .total-searchWrap .layer.tagLayer .layer-inner .tagForm label {padding: 10px 20px;
font-size: 15px; color:#000; border-radius: 2rem;transform: var(--textRotate); font-weight: 500; display: block; line-height: 1.1; background:#fff;}
.sub .search_wrap .total-searchWrap .layer.tagLayer .layer-inner .tagForm label.yellow {background:#ffcc00;}
.sub .search_wrap .total-searchWrap .selectWrap {display:flex; justify-content:space-between; gap: 10px; margin-top:10px; padding:0 50px;}
.sub .search_wrap .total-searchWrap .selectWrap .formWrap {}
.sub .search_wrap .total-searchWrap .selectWrap .formWrap ul {display:grid; grid-template-columns:repeat(4,1fr); min-width:790px; width:58%; gap:10px;}
.sub .search_wrap .total-searchWrap .selectWrap .formWrap ul li {width:100%; margin-right:10px;}
.sub .search_wrap .total-searchWrap .selectWrap .formWrap ul li select {border:1px solid #dbdce7; width:100%; font-size:15px; color:#666; font-weight:500; transform:var(--textRotate); padding: 0 40px 0 20px;
height: 50px;}
.sub .search_wrap .total-searchWrap .selectWrap button {height:50px; line-height:50px; text-align:center; color:#fff; padding: 0 30px 0 50px; font-weight:600; transform:var(--textRotate); background:#003894 url(/resources/images/ebi/common/i-searchW.png) no-repeat 25px center; border-radius:7px;}
.sub .search_wrap .total-searchWrap .selectWrap .resetBtn {background-color:#777777; background-image:url(/resources/images/ebi/common/i-resetW.png); }
.sub .search_wrap .total-searchWrap .mapWrap {margin-top:20px;}
.sub .search_wrap .total-searchWrap .mapWrap .tabWrap {padding:0 30px 42px;}
.sub .search_wrap .total-searchWrap .mapWrap .mapSearch {position:relative; color:#e57c00; transform:var(--textRotate); font-size:18px; font-weight:500; padding-left:20px;}
.sub .search_wrap .total-searchWrap .mapWrap .mapSearch.open {display:none;}
.sub .search_wrap .total-searchWrap .mapWrap .mapSearch.open:before {content:""; display:block; width:13px; height:2px; background:#e57c00; position:absolute; top:12px; left:0;}
.sub .search_wrap .total-searchWrap .mapWrap .mapSearch.open:after {content:""; display:block; width:2px; height:13px; background:#e57c00; position:absolute; top:7px; left:5px;}
.sub .search_wrap .total-searchWrap .mapWrap .mapSearch.open.on {display:block;}
.sub .search_wrap .total-searchWrap .mapWrap .mapSearch.close {display:none;}
.sub .search_wrap .total-searchWrap .mapWrap .mapSearch.close.on {display:block;}
.sub .search_wrap .total-searchWrap .mapWrap .mapSearch.close:before {content:""; display:block; width:12px; height:2px; background:#e57c00; position:absolute; top:12px; left:0;}

.sub .search_wrap .total-searchWrap .mapWrap .tabMap>img.map {object-fit:cover; width:100%; height:100%;}
.sub .search_wrap .total-searchWrap .mapWrap .tabMap.on {display:block;}
.sub .search_wrap .total-searchWrap .mapWrap .tabMap {display:none; width:100%; max-height:565px; position:relative;}
.sub .search_wrap .total-searchWrap .mapWrap .tabMap .size_control {display:flex; flex-direction:column; align-items:center; position:absolute; bottom:20px; left:20px; background:#fff; border:1px solid #6f8aa5; width:40px; height:67px; border-radius:10px; box-shadow: rgba(0, 0, 0, 0.35) 4px 10px 17px;}
.sub .search_wrap .total-searchWrap .mapWrap .tabMap .size_control button {width:100%; height:50%; position:relative; text-indent:-9999px;}

.sub .search_wrap .total-searchWrap .mapWrap .tabMap .size_control button.plusBtn:before {content:""; position:absolute; width:12px; height:2px; background:#4d5978; left:50%; top:50%; transform:translate(-50%,-50%);}
.sub .search_wrap .total-searchWrap .mapWrap .tabMap .size_control button.plusBtn:after {content:""; position:absolute; width:2px; height:12px; background:#4d5978; left:50%; top:50%; transform:translate(-50%,-50%);}
.sub .search_wrap .total-searchWrap .mapWrap .tabMap .size_control button.minusBtn {border-top:1px solid #d8d9dd;}
.sub .search_wrap .total-searchWrap .mapWrap .tabMap .size_control button.minusBtn:after {content:""; position:absolute; width:12px; height:2px; background:#4d5978; left:50%; top:50%; transform:translate(-50%,-50%);}
.sub .search_wrap .total-searchWrap .mapWrap .tabMap .select_list {position:absolute; bottom:20px; right:20px; background:#fff; border:1px solid rgba(0,0,0,0.3); border-radius:10px; overflow:hidden; padding-bottom:10px; box-shadow: rgba(0, 0, 0, 0.35) 4px 10px 17px;}
.sub .search_wrap .total-searchWrap .mapWrap .tabMap .select_list .top {display:flex; background:#e6ebf7; padding:20px; gap:10px;}
.sub .search_wrap .total-searchWrap .mapWrap .tabMap .select_list .top p {font-size:14px; color:#666; font-weight:500; transform:var(--textRotate);} 
.sub .search_wrap .total-searchWrap .mapWrap .tabMap .select_list .top .selectBtn {font-size:14px; width:97px; height:40px; text-align:center; font-weight:500; color:#fff; transform:var(--textRotate); background:var(--blue) url(/resources/images/ebi/common/i-grid.png) 80% 48% / 13px no-repeat; border-radius:7px; padding-right:20px;}
.sub .search_wrap .total-searchWrap .mapWrap .tabMap .select_list .info {display:flex; justify-content:space-between; padding:6px 20px; align-items:center; border-bottom:1px solid #dbdce7;}
.sub .search_wrap .total-searchWrap .mapWrap .tabMap .select_list .info dl {display:flex; justify-content:space-between; font-size:14px; color:#000; font-weight: 500; transform: var(--textRotate); width: calc(100% - 84px);}
.sub .search_wrap .total-searchWrap .mapWrap .tabMap .select_list .info .resetBtn {width:74px; height:30px; border-radius:2rem; text-align:center; background:#eaebf3 url(/resources/images/ebi/gis/aside/i-reset.png) 88% center / 20px no-repeat; color:#4c65a6; font-size:13px; transform:var(--textRotate); font-weight:500; padding-right:13px; border:1px solid #dbdce7;}
.sub .search_wrap .total-searchWrap .mapWrap .tabMap .select_list .scrollWrap {padding-right:10px;}
.sub .search_wrap .total-searchWrap .mapWrap .tabMap .select_list ul {height:222px; width:100%; overflow-y:auto; overflow-x:hidden; margin-top:10px;}
.sub .search_wrap .total-searchWrap .mapWrap .tabMap .select_list ul li {padding:9px 15px 9px 20px; font-size:14px; transform:var(--textRotate); font-weight:500; display:flex; justify-content:space-between; gap:20px; position:relative; align-items:center;}
.sub .search_wrap .total-searchWrap .mapWrap .tabMap .select_list ul li a.deleteBtn {background:url(/resources/images/ebi/common/i-deleteX.png) center / 10px no-repeat; text-indent:-9999px; width: 10px;
    height: 10px;}
.sub .search_wrap .total-searchWrap .mapWrap .tabMap .select_list ul li+li {border-top:1px solid #dbdce7;}
/*.sub .search_wrap .total-searchWrap .mapWrap .tabMap .select_list ul li+li:before {content:""; display:block; position:absolute; top:0; width:336.2px; height:1px; background:#dbdce7; left:0; }*/
.sub .search_wrap .total-searchWrap .mapWrap .tabMap .select_list ul li:first-child {padding-top:0px;}

.sub .catalogWrap {padding:0 30px 30px;}
.sub .catalogWrap .catalog {text-align:right;}
.sub .catalogWrap .catalog .dividWrap {display:flex; gap:15px; text-align:left;}
.sub .catalogWrap .catalog .dividWrap p {background:var(--blue); color:#fff; padding:15px; font-weight:500; transform:var(--textRotate); width: 101%;}
.sub .catalogWrap .catalog .dividWrap > div {width:calc(100% / 3); border:1px solid var(--lightgary2); border-radius:10px; overflow:hidden; background:#fff;}
.sub .catalogWrap .catalog .dividWrap .middle, .sub .catalogWrap .catalog .dividWrap .small{display:none;}
.sub .catalogWrap .catalog .dividWrap > div .inner {padding:0px 10px 0px 0; background:#fff;}
.sub .catalogWrap .catalog .dividWrap > div ul {height:315px; overflow-y:auto;}
.sub .catalogWrap .catalog .dividWrap > div ul li {cursor:pointer; background:#fff; border-top:1px solid var(--lightgary2); padding:10px 15px; color:#000; font-weight:500; transform:var(--textRotate);}
.sub .catalogWrap .catalog .dividWrap > div ul li.on {background:var(--lightgary5);}
.sub .catalogWrap .catalog .dividWrap > div ul li:first-child { border-top:0;}
.sub .catalogWrap .catalog .dividWrap > div ul li:last-child {}
.sub .catalogWrap .catalog .search_btn {display:inline-block; text-align:center; background:#09a7b3; border-radius:10px; color:#fff; transform:var(--textRotate); font-weight:500; padding:15px; width:25%; min-width:100px; font-size:20px; margin-top:30px;}


.sub .listWrap {margin-top:50px;}
.sub .listWrap ul.list li {}
.sub .listWrap ul.list li > a {display:flex; align-items:center; width:100%; font-size:15px; font-weight:500;}
.sub .listWrap ul.list li:hover {background:#f5f5f5;}
.sub .listWrap ul.list li .num {padding:0 5px; width:5%; text-align:center; color:#000;}
.sub .listWrap ul.list li .divid {padding:0 5px; width:21%; }
.sub .listWrap ul.list li .divid dt {color:#000; padding-bottom:5px;}
.sub .listWrap ul.list li .divid dd span {position:relative;}
.sub .listWrap ul.list li .divid dd span+span {padding-left:15px;}
.sub .listWrap ul.list li .divid dd span+span:before {content:">"; position:absolute; left:4px;}
.sub .listWrap ul.list li .name {padding:0 5px 0 30px; width:46%; }
.sub .listWrap ul.list li .name dt {color:#000; padding-bottom:5px;}
.sub .listWrap ul.list li .hashtag {padding:0 5px; width:30%; color:var(--blue);}
.sub .listWrap ul.list li.tit .hashtag {color:#000;}
.sub .listWrap ul.list li .hashtag span+span {padding-left:5px;}
.sub .listWrap ul.list li .hashtag span:before {content:"#";}
.sub .listWrap ul.list li .source {padding:0 5px; width:14%; text-align:center; color:#000;}
.sub .listWrap ul.list li .date {padding: 0 5px;width: 14%;text-align: center;color: #000;}


/*** 자료실 - 용어사전 ***/
.sub .dictionary .searchWrap {flex-direction:column; background:#f9fafc; padding:20px 30px; border:1px solid var(--lightgary2); border-radius:1rem;}
.sub .dictionary .searchWrap .mouseClick {}
.sub .dictionary .searchWrap .mouseClick .langType {padding:0 0 10px; display:flex; gap:10px;}
.sub .dictionary .searchWrap .mouseClick .langType .btnClick {width:calc(100% - 100px); display:flex; gap:5px; flex-wrap:wrap;}
/* .sub .dictionary .searchWrap .mouseClick .langType .btnClick button {width:calc((100% - 65px) / 14); height:50px; border:1px solid var(--lightgary2); background:#fff;border-radius:7px;} */
.sub .dictionary .searchWrap .mouseClick .langType .btnClick button {width:50px; height:50px; border:1px solid var(--lightgary2); background:#fff;border-radius:7px;}
.sub .dictionary .searchWrap .mouseClick .langType .btnClick button:hover {background:#f5f5f5;}
.sub .dictionary .searchWrap .mouseClick .langType .btnClick button:active {box-shadow:5px 5px 10px rgba(0,0,0,.05) inset;}
.sub .dictionary .searchWrap .keyboard {width:100%; display:flex; gap:10px; align-items:center; }
.sub .dictionary .searchWrap  label {width:90px; line-height:50px; color:#000; font-size:18px; font-weight:500; transform:var(--textRotate); display: inline-block;}
.sub .dictionary .searchWrap .keyboard {width:100%;}
.sub .dictionary .searchWrap .keyboard input {width:calc(100% - 360px); height:50px; border:1px solid var(--lightgary2); border-radius:7px;}
.sub .dictionary .searchWrap .keyboard input::placeholder {font-size:15px; color:#666;}
.sub .dictionary .searchWrap .keyboard button {height:50px; width:120px; border-radius:7px; color:#fff; transform:var(--textRotate); font-size:15px; font-weight:500;}
.sub .dictionary .searchWrap .searchBtn {background:#09a7b3 url(/resources/images/ebi/common/i-searchW.png) no-repeat 18px center; padding-left:45px;}
.sub .dictionary .searchWrap .resetBtn {background:var(--blue) url(/resources/images/ebi/common/i-resetW.png) no-repeat 25px center; padding-left:20px;}
.sub .dictionary .listWrap li.tit {display:flex; align-items:center; padding:0; background:#f9fafc!important;}
.sub .dictionary .listWrap li p {padding:13px 15px;}
.sub .dictionary .listWrap li a {display:flex; align-items:center; font-size:15px; color:#000;}
.sub .dictionary .listWrap li .num button.edit {display:none;}
.sub .dictionary .listWrap li .terms.kor {width:20%; text-align:center;}
.sub .dictionary .listWrap li .terms.eng {width:20%; text-align:center;}
.sub .dictionary .listWrap li .explan {width:55%;}
.sub .dictionary .listWrap .btnWrap.edit {display:none;}

/*.sub .dictionary .listWrap .terms {width:26%; border-right:1px solid var(--lightgary2); }
.sub .dictionary .listWrap .explan {width:74%;}
.sub .dictionary .listWrap dl {display:flex; font-size:15px; transform:var(--textRotate); color:#000;}
.sub .dictionary .listWrap dl+dl {border-top:1px solid var(--lightgary2);}
.sub .dictionary .listWrap dl dt, .sub .dictionary .listWrap dl dd {padding:15px 20px; }
.sub .dictionary .listWrap dl dt {font-weight:500;}
.sub .dictionary .listWrap dl dd {}*/



/*** 뷰페이지 ***/
.view-typeA .top {display:flex; justify-content:space-between; align-items:flex-end;  border-bottom:2px solid #5b6689; padding-bottom:20px;}
.view-typeA .top h4 {position:relative; font-size:30px; color:var(--blue); padding-left:20px; font-weight:700; transform:var(--textRotate); line-height:1; }
.view-typeA .top h4:before {content:""; display:block; position:absolute; border-radius:50%;border:4px solid var(--blue); left:0; top:6px; width:16px; height:16px;}
.view-typeA .top .views {line-height:1; font-size:15px; transform:var(--textRotate);}
/* .view-typeA .file-data h5, .view-typeA .pre-data h5 {background:var(--blue); font-weight:500; color:#fff; padding:20px 30px; font-size:15px; margin-top:20px; border:1px solid var(--lightgary2); border-bottom:0;} */
.view-typeA .file-data h5, .view-typeA .pre-data h5 {font-weight:500; padding:20px 0; font-size:18px;color:#000;}
.view-typeA .file-data .info {display:grid; grid-template-columns:repeat(2,1fr); border:1px solid var(--lightgary2); border-bottom:0; border-left:0;}
.view-typeA .file-data.grid_1-1fr .info {grid-template-columns:repeat(1,1fr);}
.view-typeA .file-data.grid_3-1fr .info {grid-template-columns:repeat(3,1fr);}
.view-typeA .file-data .info dl {display:flex; width:100%; border-bottom:1px solid var(--lightgary2);}
.view-typeA .file-data .info dl dt {text-align:center; width:200px; color:#36498e; background:#f9fafc; padding:12px 0; font-weight:500; border-left:1px solid var(--lightgary2);}
.view-typeA .file-data .info dl dd {padding:12px 0; transform:var(--textRotate); padding-left:20px; border-left:1px solid var(--lightgary2); width: calc(100% - 200px);}
.view-typeA .file-data .info dl.divid dd span {position:relative;}
.view-typeA .file-data .info dl.divid dd span+span {padding-left:15px;}
.view-typeA .file-data .info dl.divid dd span+span:before {content:">"; position:absolute; left:4px;}
.view-typeA .file-data .info dl.data_type dd span {position:relative;}
.view-typeA .file-data .info dl.data_type dd span+span {padding-left:8px;}
.view-typeA .file-data .info dl.data_type dd span+span:before {content:","; position:absolute; left:0px;}
.view-typeA .file-data .info dl.keyword dd span {position:relative; padding-left:15px;}
.view-typeA .file-data .info dl.keyword dd span:before {content:"#"; position:absolute; left:4px;}
.view-typeA .file-data .info dl.download dd a+a {padding-left:15px;}
.view-typeA .file-data .info dl.download dd a {color:var(--blue); text-decoration:underline; text-underline-offset:5px; text-decoration-thickness:1px;}
.view-typeA .file-data .info dl.download dd a:hover {color:#999;}
.view-typeA .file-data .info dl dd a+a {padding-left:15px;}
.view-typeA .file-data .info dl dd a {color:var(--blue); text-decoration:underline; text-underline-offset:5px; text-decoration-thickness:1px;}
.view-typeA .file-data .info dl dd a:hover {color:#999;}
.view-typeA .answer .attach {padding:10px 20px; border:1px solid var(--lightgary2); margin-bottom:20px; background:#f9fafc; }
.view-typeA .answer .attach span {display:inline-block; text-indent:-9999px; padding-left:20px; }
.view-typeA .attach a {display:inline-block; padding-left:20px; background:url(/resources/images/ebi/common/i-attach.png) 0px 3px / 15px no-repeat; font-size:15px; word-break:break-all;}
.view-typeA .answer.regist .attach {padding:0; border:0; background:#fff; margin-bottom:0; border-bottom:1px solid var(--lightgary2); }

.view-typeA .attach a:hover {text-decoration:underline!important;}

.view-typeA .answer .attach a+a {margin-top:5px;}
.view-typeA .file-data .info dl.selectWrap dt {width:150px;}
.view-typeA .file-data .info dl.selectWrap dd select {width:100%; max-width:200px; padding:0px 10px;}
.view-typeA .file-data .info dl.selectWrap dd {width:calc(100% - 150px);}


.view-typeA .dataWrap {border:1px solid var(--lightgary2); padding:30px;}
.view-typeA .dataWrap img {width:100%;}
.view-typeA .btnWrap {text-align:center; margin-top:30px;}
.view-typeA .btnWrap a+a {margin-left:10px;}
.view-typeA .btnWrap .listBtn {display:inline-block; width:135px; background:#09a7b3 url(/resources/images/ebi/common/i-list.png) 20% center / 14px no-repeat; ; color:#fff; transform:var(--textRotate); font-weight:500; font-size:15px; border-radius:7px; text-align:center; padding:13px 0 13px 20px;}
.view-typeA .btnWrap .answerBtn {display:inline-block; width:135px; background:var(--blue); color:#fff; transform:var(--textRotate); font-weight:500; font-size:15px; border-radius:7px; text-align:center; padding:13px 0;}
.view-typeA .btnWrap .deleteBtn {display:inline-block; width:135px; background:var(--red); color:#fff; transform:var(--textRotate); font-weight:500; font-size:15px; border-radius:7px; text-align:center; padding:13px 0;}
.view-typeA .btnWrap .correctBtn {display:inline-block; width:135px; background:#999; color:#fff; transform:var(--textRotate); font-weight:500; font-size:15px; border-radius:7px; text-align:center; padding:13px 0;}
.view-typeA .btnWrap .saveBtn {display:inline-block; width:135px; background:var(--blue); color:#fff; transform:var(--textRotate); font-weight:500; font-size:15px; border-radius:7px; text-align:center; padding:13px 0;}
.view-typeA .file-data .attach dd {display:flex; align-items:center; position :relative;}
.view-typeA .file-data .attach dd .btn_upload {display :inline-block;text-align :center;
padding:5px 20px; font-size :14px; color :#fff; background :var(--blue); border-radius :2rem; cursor: pointer; margin-right :10px;}
input[type=file]::file-selector-button {display : none;}
.sub .view-typeA .file-data .info dl:nth-child(n+7) {grid-column:1/3;}
.view-typeA input[type="radio"] {appearance: auto;}
.view-typeA .register .file-data .info dl dd input[type="radio"] {width:auto;}
.view-typeA .register .file-data .info dl.radioWrap {align-items:center;}
.view-typeA .register .file-data .info dl.radioWrap dt {padding-top:20px; height:100%; width:150px;}
.view-typeA .register .file-data .info dl.radioWrap dd {height:100%; padding-top:20px; width:calc(100% - 150px);}
.view-typeA .register .file-data .info dl.radioWrap dd span+input[type="radio"] {margin-left:10px;}
.view-typeA .register.inquiry .file-data .info {display:grid; grid-template-columns:repeat(3,1fr);}
.view-typeA .register .file-data .info .grid-column_1-3 {grid-column:1/3}
.view-typeA .register .file-data .info .grid-column_1-4 {grid-column:1/4}
.view-typeA .register.faq .file-data .info {display:grid; grid-template-columns:repeat(3,1fr);}
.view-typeA .register.faq .file-data .info .grid-column_1-4 {grid-column:1/4}


.view-typeB .file-data:first-of-type {}
.view-typeB .file-data .top {display:flex; justify-content:space-between; align-items:flex-end; color:#000; padding-bottom:15px; border-bottom:1px solid var(--lightgary2);}
.view-typeB .file-data .top h5 {font-size:20px; font-weight:500; transform:var(--textRotate);}
.view-typeB .file-data .top .info span {font-size:15px;}
.view-typeB .file-data .top .info span+span {margin-left:20px;}
.view-typeB .file-data .cont {padding:30px 0 50px; border-bottom:1px solid var(--lightgary2); color:#000;}
.view-typeB .file-data:first-of-type {padding-top:30px;}
.view-typeB .btnWrap {text-align:center; margin-top:30px;}
.view-typeB .btnWrap a+a {margin-left:10px;}
.view-typeB .btnWrap .listBtn {display:inline-block; width:135px; background:#09a7b3 url(/resources/images/ebi/common/i-list.png) 20% center / 14px no-repeat; ; color:#fff; transform:var(--textRotate); font-weight:500; font-size:15px; border-radius:7px; text-align:center; padding:13px 0 13px 20px;}
.view-typeB .btnWrap .answerBtn {display:inline-block; width:135px; background:var(--blue); color:#fff; transform:var(--textRotate); font-weight:500; font-size:15px; border-radius:7px; text-align:center; padding:13px 0;}
.view-typeB .btnWrap .deleteBtn {display:inline-block; width:135px; background:var(--red); color:#fff; transform:var(--textRotate); font-weight:500; font-size:15px; border-radius:7px; text-align:center; padding:13px 0;}
.view-typeB .btnWrap .correctBtn {display:inline-block; width:135px; background:#999; color:#fff; transform:var(--textRotate); font-weight:500; font-size:15px; border-radius:7px; text-align:center; padding:13px 0;}
.view-typeB .attach {padding:10px 20px; border:1px solid var(--lightgary2); margin-top:20px; background:#f9fafc; }
.view-typeB .attach span {display:inline-block; text-indent:-9999px; padding-left:20px; }
.view-typeB .attach a {display:inline-block; padding-left:20px; background:url(/resources/images/ebi/common/i-attach.png) 0px 3px / 15px no-repeat; font-size:15px; word-break:break-all;}
.view-typeB .attach a:hover {text-decoration:underline!important;}
.view-typeB .attach div+div {margin-top:5px;}

.view-typeC .top {border-bottom:2px solid #5b6689; padding-bottom:20px;}
.view-typeC .top h4 {position:relative; font-size:30px; color:var(--blue); padding-left:20px; font-weight:700; transform:var(--textRotate); line-height:1;}
.view-typeC .top h4:before {content: ""; display:block; position:absolute; border-radius:50%;
border:4px solid var(--blue); left:0; top:6px; width:16px; height:16px;}
.view-typeC .file-data .info {border-bottom:1px solid var(--lightgary2);}
.view-typeC .file-data .info dl {display:flex;}
.view-typeC .file-data .info dl+dl {border-top:1px solid var(--lightgary2);}
.view-typeC .file-data .info dl dt {background:#f9fafc; padding:15px 20px; color:#36498e; transform:var(--textRotate); width:200px; text-align:center; font-weight:500;}
.view-typeC .file-data .info dl dd {color:#000; padding:15px 30px; transform:var(--textRotate); width:calc(100% - 200px);}
.view-typeC .file-data .info dl.cont dt {padding:30px;}
.view-typeC .file-data .info dl.cont dd {padding:30px;}
.view-typeC .btnWrap {text-align:center; margin-top:30px;}
.view-typeC .btnWrap a+a {margin-left:10px;}
.view-typeC .btnWrap .listBtn {display:inline-block; width:135px; background:#09a7b3 url(/resources/images/ebi/common/i-list.png) 20% center / 14px no-repeat; ; color:#fff; transform:var(--textRotate); font-weight:500; font-size:15px; border-radius:7px; text-align:center; padding:13px 0 13px 20px;}
.view-typeC .btnWrap .editBtn {display:inline-block; width:135px; background:var(--blue2); color:#fff; transform:var(--textRotate); font-weight:500; font-size:15px; border-radius:7px; text-align:center; padding:13px 0;}
.view-typeC .btnWrap .deleteBtn {display:inline-block; width:135px; background:var(--red); color:#fff; transform:var(--textRotate); font-weight:500; font-size:15px; border-radius:7px; text-align:center; padding:13px 0;}
.view-typeC .btnWrap .correctBtn {display:inline-block; width:135px; background:#999; color:#fff; transform:var(--textRotate); font-weight:500; font-size:15px; border-radius:7px; text-align:center; padding:13px 0;}


/*** 등록페이지 ***/
.view-typeA .register .file-data .info {grid-template-columns:repeat(1,1fr);}
.view-typeA .register .file-data .info dl dt {padding-top:20px;}
.view-typeA .register .file-data .info dl dd {padding:12px 20px;}
.view-typeA .register .file-data .info dl dd input {width:100%; color:#000;}
.view-typeA .register .file-data .info dl dd input[type="file"] {width:auto;}
.view-typeA .file-data .info dl.attach dd {display:grid; grid-template-columns:87px auto; gap:5px;}
.view-typeA .file-data .info dl.attach.type2 dt {padding-top:32px;}
.view-typeA .file-data .info dl.attach.type2 dd {display:block;}
.view-typeA .register .file-data .info dl dd textarea {border-radius:5px; padding:10px 12px; color:#000; height:300px;}
.view-typeA .register.edit .file-data .info dl dd textarea {height:500px;}

/*************** 서비스소개  ******************/
/*** 입지정보도 소개 ***/
.intro article h4 {color:var(--blue); transform: var(--textRotate); font-size:18px; font-weight:700;}
.intro article:nth-child(1) .boxWrap {display:flex; gap:40px;}
.intro article:nth-child(1) .boxWrap dl {margin-top:10px; width:50%; padding:45px 50px; border-radius:1rem; color:#fff; transform:var(--textRotate); padding-right:200px;}
.intro article:nth-child(1) .boxWrap dl:nth-of-type(1) {background:var(--blue) url(/resources/images/ebi/intro/intro-bg01.png) 92% 45px / 44px no-repeat;}
.intro article:nth-child(1) .boxWrap dl:nth-of-type(2) {background:#09a7b3 url(/resources/images/ebi/intro/intro-bg02.png) 92% 45px / 36px no-repeat;}
.intro article:nth-child(1) .boxWrap dl dt {font-weight:700; font-size:30px;}
.intro article:nth-child(1) .boxWrap dl dd {margin-top:15px;}
.intro article:nth-child(2) {margin-top:70px; padding-left:65px; background:url(/resources/images/ebi/intro/intro-bg03.png) left top / 44px no-repeat;}
.intro article:nth-child(2) p {color:#000; transform: var(--textRotate); font-size:15px; line-height:1.8; margin-top:5px;}
.intro article:nth-child(2) ul {display:flex; margin-top:10px; color:#000; gap:15px;}
.intro article:nth-child(2) ul li {border:1px solid var(--lightgary2); background:var(--hoverBgc); border-radius:2rem; padding:5px 20px 5px 30px; font-size:15px; transform: var(--textRotate); position:relative;}
.intro article:nth-child(2) ul li:before {content:""; display:block; width:4px; height:4px; background:#000; border-radius:50%; position:absolute; top:13px; left:18px; }


/*** 해상풍력 동향 - 국내 해상풍력 뉴스 ***/
.service .searchWrap {display:flex; gap:10px; margin-top:40px;} 
.service .searchWrap select {border: 1px solid #dbdce7; width:190px; font-size: 15px;
color: #666; font-weight: 500; transform: var(--textRotate); padding: 0 40px 0 20px; height: 50px;}
.service .searchWrap input {width:calc(100% - 345.96px); height: 50px; border: 1px solid #dbdce7; background: #fff; border-radius: 7px;}
.service .searchWrap .search_btn {height: 50px; line-height:50px; text-align:center; color: #fff; padding: 0 30px 0 50px; font-weight: 600; transform: var(--textRotate); background: #09a7b3 url(/resources/images/ebi/common/i-searchW.png) no-repeat 25px center; border-radius: 7px;}
.service .listWrap {margin-top:30px;}
.service .listWrap .listInfo {font-size:14px; color:#000; font-weight: 500; transform: var(--textRotate);}
.service .listWrap ul li {display:flex; gap:10px; padding:15px 0 15px 0; color:#000; font-size:15px; font-weight:500; align-items:center;}
.service .listWrap ul li span.num {width:5%;}
.service .listWrap ul li a.cont {display:flex; gap:20px;}
.service .listWrap ul li a.cont img.thum {max-width:120px; aspect-ratio:1.6/1; object-fit:cover; border-radius:10px;}
.service .listWrap ul li .num {width:5%; text-align:center;}
.service .listWrap ul li .cont {width:80%;}
.service .listWrap ul li .cont dl {padding-right:200px; display: flex; align-items: center;}
.service .listWrap ul li .cont dl dt {overflow: hidden; white-space: normal; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; word-break:break-all; line-height: 1; font-size:16px;}
.service .listWrap ul li .cont dl dd {color:#666; margin-top:10px; font-weight:400; overflow: hidden;
white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; word-break: keep-all;}
.service .listWrap ul li .date {width:10%; text-align:center;}
.service .listWrap ul li .views {width:5%; text-align:center;}
.service .state {}
.service .state-downBtn {padding:30px 0 0; display:flex; gap:10px; justify-content:end;}
.service .state-downBtn a {padding:12px 20px 12px 50px; line-height:1.3; background:var(--green) url(../images/ebi/common/file-down.svg)20px center /20px no-repeat; color:#fff; border-radius:7px; font-size:14px;}
.service .state-downBtn a+a {background-color:var(--blue);}
/* .service .state-downBtn a:hover {background-color:var(--blue); color:#fff;} */

/*** 해상풍력 동향 - 국내 해상풍력 뉴스 뷰페이지 ***/
.news .view-typeA .info {display:grid; grid-template-columns: 75% 25%;}
.news .view-typeA .info dl {display:flex; border: 1px solid var(--lightgary2); border-bottom: 0;
border-left: 0;}
.news .view-typeA .info dl dt {width:120px; text-align: center;
color: #36498e; background: #f9fafc; padding: 12px 0; font-weight: 500; border-left: 1px solid var(--lightgary2);}
.news .view-typeA .info dl:nth-of-type(2) dt {border-left:0;}
.news .view-typeA .info dl dd {width:calc(100% - 120px); padding: 12px 0; transform: var(--textRotate); padding-left: 20px; border-left: 1px solid var(--lightgary2);}
.news .view-typeA .cont {grid-template-columns:1fr; border-top:0; border-right:0; padding:40px 0; border-top:1px solid var(--lightgary2); border-bottom:1px solid var(--lightgary2); color:#000;}
.news .view-typeA .cont img {max-width:100%;}

/*************** 고객지원  ******************/
/* 고객지원 - 검색영역 */
.searchWrap {display:flex; gap:10px; background: #f9fafc; border: 1px solid #dbdce7;
border-radius: 20px; padding: 30px; overflow:hidden; box-shadow: rgba(0, 0, 0, 0.15) 6.95px 7.95px 13.6px;}
.searchWrap select {border: 1px solid #dbdce7; width:190px; font-size: 15px;
color: #666; font-weight: 500; transform: var(--textRotate); padding: 0 40px 0 20px; height: 50px; border-radius:7px;}
.searchWrap input {width:calc(100% - 345.96px); height: 50px; border: 1px solid #dbdce7; background: #fff; border-radius: 7px;}
.searchWrap .searchBtn {height: 50px; line-height:50px; text-align:center; color: #fff; padding: 0 30px 0 50px; font-weight: 600; transform: var(--textRotate); background: #09a7b3 url(/resources/images/ebi/common/i-searchW.png) no-repeat 25px center; border-radius: 7px;}
.searchWrap input[type="date"] {width:200px; padding:0 20px}


/*** 공지사항 ***/
.notice .listWrap {margin-top:50px;}
.notice .listWrap .list li {display:flex; gap:10px; font-size:15px; color:#000; font-weight:500;}
.notice .listWrap .list li .num {width:5%; text-align:center;}
.notice .listWrap .list li .title {width:82%; padding-right:100px; overflow: hidden; white-space: normal;
text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;word-break: break-all;}
.notice .listWrap .list li .title:hover {color:var(--blue);}
.notice .listWrap .list li .date {width:12%; text-align:center;}
.notice .listWrap .list li .views {width:5%; text-align:center; }

/*** 사용자가이드 ***/
.guide article:nth-child(1) {display:flex; }
.guide article:nth-child(1) dl {width:50%; font-weight:500; transform: var(--textRotate); padding-left:80px;}
.guide article:nth-child(1) dl:nth-of-type(1) {background:url(/resources/images/ebi/common/customer-bg01.png) left top / 59px no-repeat; padding-right:140px;}
.guide article:nth-child(1) dl:nth-of-type(2) {background:url(/resources/images/ebi/common/customer-bg02.png) left top / 67px no-repeat;}
.guide article:nth-child(1) dl dt {color:var(--blue); font-size:18px; font-weight:600; }
.guide article:nth-child(1) dl dd {color:#000; font-weight:400; margin-top:10px; font-size:15px; line-height:1.8;}
.guide article:nth-child(1) dl dd ul li {position:relative; padding-left:14px;}
.guide article:nth-child(1) dl dd ul li:before {content:""; position:absolute; width:3px; height:3px; background:var(--blue); left:5px; top:12px;}

.guide article:nth-child(2) {margin-top:45px; padding:50px 70px 70px 70px; border:1px solid var(--lightgary2); border-radius:1.5rem; background:#f5f5f5;}
.guide article:nth-child(2) h4 {color:#000; font-size:18px; font-weight:600; transform: var(--textRotate);}
.guide article:nth-child(2) .videoWrap {margin-top:20px; border-radius:1.5rem; overflow:hidden; position: relative; background:#000; aspect-ratio:16/9;}
.videoWrap {width:100%; height:100%;}
.videoWrap img {width: 100%; height: 100%; object-fit:cover}
.videoWrap .play-button {position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,0.5) url('/resources/images/ebi/customer/video_play-btn.png') center center / 126px no-repeat; cursor: pointer;}
.videoWrap video {display:none; width: 100%;height: 100%;}

/*** FAQ ***/
/* .faq .searchWrap {margin-top:30px;} */
/* .faq .listWrap {margin-top:50px;} */
/* .faq .listWrap ul.list li {padding:0;} */
/* .faq .listWrap .list li p {padding:15px 0;} */
/* .faq .listWrap .list li a {padding:15px 0;} */
/* .faq .listWrap .list li .surface {font-weight:500; font-size:15px; color:#000;} */
/* .faq .listWrap .list li .num {width:5%; text-align:center;} */
/* .faq .listWrap .list li.tit .type {color:#000;} */
/* .faq .listWrap .list li .type {width:10%; text-align:center; color:#666;} */
/* .faq .listWrap .list li .title {width:65%;} */
/* .faq .listWrap .list li .date {width:10%; text-align:center;} */
/* .faq .listWrap .list li .preview {width:10%; text-align:center; padding-right:20px;  } */
/* .faq .listWrap .list li .surface {display:flex;} */
/* .faq .listWrap .list li .surface a.title:hover {color:var(--blue);} */
/* .faq .listWrap .list li .surface .preview {position:relative;} */
/* .faq .listWrap .list li .surface .preview img {position:absolute; width:15px; top:21px; right:30px; transition:all 0.3s;} */
/* .faq .listWrap .list li .surface .preview.on img {transform:rotate(180deg);} */
/* .faq .listWrap .list li .hide {display:none; padding: 20px 30px; border-top:1px dashed var(--lightgary2); color:#000; background:#f5f5f5;} */
/* .faq .listWrap .list li .hide.on {display:block;} */
/* .faq .listWrap .list li .hide dt {font-weight:500; border-bottom:1px solid var(--border3); padding-bottom:10px; color:var(--blue); font-weight:600;} */
/* .faq .listWrap .list li .hide dt span {color:#000; font-weight:500;} */
/* .faq .listWrap .list li .hide dd {font-weight:500; padding:20px 30px 10px; color:var(--blue2); font-weight:600; background:url(/resources/images/ebi/customer/i-enter.png) 5px 20px / 16px no-repeat; } */
/* .faq .listWrap .list li .hide dd span {color:#000; font-weight:400;} */
.faq .listWrap {margin-top:50px;}
.faq .listWrap .list li {display:flex; gap:10px; font-size:15px; color:#000; font-weight:500;}
.faq .listWrap .list li .num {width:5%; text-align:center;}
.faq .listWrap .list li .title {width:82%; padding-right:100px; overflow: hidden; white-space: normal;
text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;word-break: break-all;}
.faq .listWrap .list li .title:hover {color:var(--blue);}
.faq .listWrap .list li .date {width:12%; text-align:center;}
.faq .listWrap .list li .views {width:5%; text-align:center; }
.listWrap .btnWrap {text-align:right; margin-top:30px;}
.listWrap .btnWrap a+a {margin-left:5px;}
.listWrap .btnWrap .registBtn {display:inline-block; width:135px; background:var(--blue2) url(/resources/images/ebi/common/i-register.png) 20% center / 16px no-repeat; ; color:#fff; transform:var(--textRotate); font-weight:500; font-size:15px; border-radius:7px; text-align:center; padding:13px 0 13px 20px;}
.listWrap .btnWrap .editBtn {display:inline-block; width:135px; background:var(--orange); color:#fff; transform:var(--textRotate); font-weight:500; font-size:15px; border-radius:7px; text-align:center; padding:13px 0;}
.listWrap .btnWrap .saveBtn {display:inline-block; width:135px; background:var(--blue) url(/resources/images/ebi/common/i-register.png) 20% center / 16px no-repeat; ; color:#fff; transform:var(--textRotate); font-weight:500; font-size:15px; border-radius:7px; text-align:center; padding:13px 0 13px 20px;}
.listWrap .btnWrap .cancelBtn {display:inline-block; width:135px; background:#666; color:#fff; transform:var(--textRotate); font-weight:500; font-size:15px; border-radius:7px; text-align:center; padding:13px 0 13px 0px;}
/*** FAQ 뷰페이지 ***/
.faq .view-typeA .file-data .info {margin-top:20px;}
.faq .view-typeA .file-data .info dl:nth-child(n+3) {grid-column:1/3;}
.faq .view-typeA .file-data .info.answer dt {padding:30px;}
.faq .view-typeA .file-data .info.answer dd {padding:30px;}


/*** 문의 ***/
.inquiry .searchWrap input {width:calc(100% - 145.96px); height: 50px; border: 1px solid #dbdce7; background: #fff; border-radius: 7px;}
.inquiry .listWrap {margin-top:50px;}
.inquiry .listWrap .list li {display:flex; align-items:center; font-size:15px; font-weight:500; color:#000; padding:10px 0;}
.inquiry .listWrap .list li .num {width:5%; text-align:center;}
.inquiry .listWrap .list li .title {width:67%; }
.inquiry .listWrap .list li .title.lock-on {padding-left:20px; background:url(/resources/images/ebi/common/lock_on.png) left 48% / 14px no-repeat; overflow: hidden;
white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; word-break: break-all;}
.inquiry .listWrap .list li .title:hover {color:var(--blue);}
.inquiry .listWrap .list li .writer {width:10%; text-align:center;}
.inquiry .listWrap .list li .date {width:10%; text-align:center;} 
.inquiry .listWrap .list li .answer {width:8%; text-align:center; color:#fff;}
.inquiry .listWrap .list li.tit .answer {color:#000;}
.inquiry .listWrap .list li .answer span {display:inline-block; border:1px solid var(--lightgary2); width:80px; height:30px; border-radius:5px; line-height:30px;}
.inquiry .listWrap .list li .answer span.wait {background:#999;}
.inquiry .listWrap .list li .answer span.complete {background:var(--blue);}
.inquiry .listWrap .list li .answer span.vitto {background:var(--orange);}

/*** 문의 뷰페이지 ***/
.inquiry .view-typeA .file-data {margin-top:30px;}
.inquiry .view-typeA .file-data h5 {transform:var(--textRotate);}
.inquiry .view-typeA .file-data .info dl:first-of-type, .inquiry .view-typeA .file-data .info dl:last-of-type {grid-column:1/4;}
.inquiry .view-typeA .file-data .info:nth-of-type(1) dl.cont {grid-column:1/4;}
.inquiry .view-typeA .file-data .info dl.cont dt, .inquiry .view-typeA .file-data .info dl.cont dd {padding:30px;}
.inquiry span.answerBtn {display:inline-block; border:1px solid var(--lightgary2); width:80px; height:30px; border-radius:5px; line-height:30px; text-align:center; color:#fff;}
.inquiry span.wait {background:#999;}
.inquiry span.complete {background:var(--blue);}
.inquiry span.vitto {background:var(--orange);}
.inquiry .view-typeA dl dd {position:relative;}
.inquiry .view-typeA span.answerBtn {position:absolute; left:20px; top:8px;}
.inquiry .view-typeA .file-data .info dl dt {width:130px;}
.inquiry .view-typeA .file-data .info dl dd {width:calc(100% - 130px);}
.inquiry .view-typeA .file-data.answer .info dl dd {width:100%;}
.inquiry .view-typeA .file-data.answer.regist .info dl dd {padding:12px 20px; width:calc(100% - 130px);}
.inquiry .view-typeA .file-data.answer.regist .info dl dt {width:130px;}
.inquiry .view-typeA .file-data.answer .info dl dd textarea {height:200px;}
/*************** 마이페이지  ******************/

/*** 마이페이지 - 활동기록 ***/

.record h4 {position: relative; font-size: 30px; color: var(--blue); padding:0 0 25px 20px; font-weight:700;transform:var(--textRotate); line-height:1; border-bottom: 2px solid #5b6689;}
.record h4:before {content:""; display: block; position:absolute; border-radius:50%; border: 4px solid var(--blue); left:0; top:6px; width:16px; height:16px;}
.record .searchWrap {display:block; margin-top:30px;}
.record .searchWrap label {color: #000; font-size:18px; font-weight:500; transform:var(--textRotate);
display:inline-block; width:50px; text-align:center;} 
.record .searchWrap > div {display:flex; align-items:center; gap:10px;}
.record .searchWrap > div+div {margin-top:10px;}
.record .searchWrap .selectWrap select {width:200px;}
.record .searchWrap .inputWrap input {width:calc(100% - 205.96px);}
.record .searchWrap .selectWrap > div {display:flex; align-items:center; gap:10px;}
.record .searchWrap .selectWrap > div+div {margin-left:50px;}
.record .listWrap {margin-top:50px;}
.record .listWrap li {display:flex; color:#000; font-size:15px; font-weight:500;}
.record .listWrap li .num {width:5%; text-align:center;}
.record .listWrap li .types {width:10%; text-align:center;}
.record .listWrap li .title {width:73%; }
.record .listWrap li a.title {padding-left:100px;}
.record .listWrap li a.title:hover {color:var(--blue);}
.record .listWrap li .date {width:12%; text-align:center;}


/*** 회원정보 수정/탈퇴 ***/
.mypage .modify .contents-inner {padding:50px 0 30px;}
.mypage .modify h4 {font-size:30px; color: var(--blue); font-weight:700; text-align:center; transform:var(--textRotate);}
.mypage .info-modi {border-top:2px solid var(--blue); border-bottom:2px solid var(--blue); width:70%; margin:20px auto 30px;}
.mypage .info-modi dl {display:flex; color:#000; align-items:center; width:100%;}
.mypage .info-modi dl+dl {border-top:1px solid #ddd;}
.mypage .info-modi dl dt {width:200px; padding:15px 0; text-align:center; background:#f9fafc; transform:var(--textRotate); font-weight:500;}
.mypage .info-modi dl dd {padding:15px 20px; transform:var(--textRotate);}
.mypage .btnWrap {width:50%; margin:0 auto; display:flex; gap:10px; justify-content:center; align-items: center;}
.modify .btnWrap .secessBtn {display:inline-block; width:135px; background:#999; color:#fff; transform:var(--textRotate); font-weight:500; font-size:15px; border-radius:7px; text-align:center; padding:13px 0;}
.modify .btnWrap .secessBtn.blue {background:var(--blue);}
.modify .btnWrap .passwordBtn {display:inline-block; width:135px; background:var(--blue3); color:#fff; transform:var(--textRotate); font-weight:500; font-size:15px; border-radius:7px; text-align:center; padding:13px 0;}
.modify .btnWrap .passwordBtn.blue {background:var(--blue);}
.modify .btnWrap .info-modiBtn {display:inline-block; width:135px; background:var(--blue); color:#fff; transform:var(--textRotate); font-weight:500; font-size:15px; border-radius:7px; text-align:center; padding:13px 0;}
.mypage .info-modi dl.inputWrap dt {display:flex; align-items:center; justify-content:center; height:70px;}
.mypage .info-modi dl.inputWrap dd {display:flex; width:calc(100% - 200px);}
.mypage .info-modi dl.inputWrap dd input {width:80%; max-width:500px;}
dl.teleWrap dt, dl.emailWrap dt {display:flex; align-items:center; justify-content:center; height:70px;}
dl.teleWrap dd select {width: calc(100% / 3 - 6px); padding:0 10px;}
dl.teleWrap dd input {width: calc(100% / 3 - 14px);}
dl.emailWrap dd select {width:130px; padding:0 10px;}


/*************** 로그인 / 회원가입  ******************/

html input[disabled] {background-color: #ededed !important;}
/* 로그인 */
.login-wrap { margin: 0 auto; text-align: center; padding: 0;
   width: 50%; }
.login-wrap .contents-wrap {display:flex; padding-top:10vh; flex-direction:column; min-height:calc(100vh - 250px);}
.login-wrap .id_pw-Find.contents-wrap, .login-wrap.termsWrap .contents-wrap {padding:10vh 0;}
.login-wrap h3 { margin: 0; font-size: 32px; font-weight: 600; text-align: center; color: #000; margin-bottom : 45px; }
.login-wrap .form-group { text-align: center; }
.login-wrap .form-group>* { margin-bottom: 25px;
   padding: 0; }
.login-wrap .form-group .btn-wrap { }
.login-wrap .form-group label { display : none; }
.login-wrap .form-group input { border: 1px solid #ddd; border-radius: 5px; height: 60px; padding: 6px 25px; font-size: 20px; font-weight : 500; line-height: 1; color: #666; background-color: #fff; background-image: none; width: 100%; -webkit-appearance: none;
   -moz-appearance: none; appearance: none; }
.login-wrap .btn-wrap a { display: inline-block; width: 100%; color: #fff !important; background-color: var(--blue); line-height: 1; border-radius: 5px; font-size: 20px; padding: 17px 10px; text-align: center; font-weight : 500; text-transform : uppercase; transform : rotate(0.03deg); transition:0.3s;}
.login-wrap .btn-wrap a:hover { display:inline-block; width:100%; color:#fff !important; background-color:#333; line-height:1; border-radius:5px; font-size:20px; padding:17px 10px; text-align:center; font-weight:500; text-transform:uppercase; transform:rotate(0.03deg); }
.login-wrap .info {display:flex; padding:30px 0 50px; text-align: left; font-size: 13px !important; }
.login-wrap .info>div{width: 50%; text-align:center; }
.login-wrap .info>div:first-child { border-right: 1px solid #ddd;
   padding-right: 20px; }
.login-wrap .info>div:last-child { padding-left: 40px; }
.login-wrap .info span { display: inline-block; width: 100%;
   padding-left: 15px; color: #666; margin-bottom: 5px; position: relative; font-size : 18px;}
.login-wrap .info span:before { position: absolute; top: 8px;
   left: 0; display: block; content: ""; width: 5px; height: 5px;
   border-radius: 50%; background: #ddd; }
.login-wrap .info>div a {display:inline-block; font-size: 18px; color: #000; margin-left: 15px; padding-bottom: 2px; border-bottom: 1px solid #000;  transform:var(--textRotate);}


/* 아이디-비밀번호 찾기 */
.radio-tab {display: none;}
.radio-tab.on {display: block;}
.login-wrap input[type="radio"] {appearance:auto;}
.login-wrap .id_pw-Find input, .login-wrap .id_pw-Find select {height:50px; color:#000;}
.login-wrap .id_pw-Find .formWrap .tabItem {min-width:58%;}
.login-wrap .id_pw-Find .formWrap .tabWrap {display:flex;}
.login-wrap .id_pw-Find .formWrap .tabWrap .tabBtn {display:block; width:50%; padding:15px; background:#ddd; border-radius:10px 10px 0 0; font-weight:500; transform:var(--textRotate); font-size:20px;}
.login-wrap .id_pw-Find .formWrap .tabWrap .tabBtn.on {color:#fff; border:1px solid var(--blue); border-bottom:0; background:var(--blue);}
.login-wrap .id_pw-Find .formWrap .tabInner {text-align:left; padding:50px; background:#f9fafc; border: 1px solid #dbdce7; border-top:0; border-radius:0 0 10px 10px; display: flex; justify-content: center;}
.login-wrap .id_pw-Find .formWrap p.tit {font-size:20px; color:var(--blue); transform:var(--textRotate); font-weight:600;}
.login-wrap .id_pw-Find .formWrap .radioBtnWrap {margin-top:20px;}
.login-wrap .id_pw-Find .formWrap .radioBtnWrap span {display:inline-block; font-size:18px; transform:var(--textRotate); color:#000; }
.login-wrap .id_pw-Find .formWrap .radioBtnWrap span+input {margin-left:30px;}
.login-wrap .id_pw-Find .formWrap .radio-tab {margin-top:10px;}
.login-wrap .id_pw-Find .formWrap .inputWrap input {width:100%;}
.login-wrap .id_pw-Find .formWrap .inputWrap+.inputWrap {margin-top:15px;}
.login-wrap .id_pw-Find .formWrap .inputWrap.tel {display:flex; align-items:center; text-align:center;}
.login-wrap .id_pw-Find .formWrap .inputWrap.tel select {width:calc((100% - 30px)/3); padding:0 10px;}
.login-wrap .id_pw-Find .formWrap .inputWrap.tel span{width:15px;}
.login-wrap .id_pw-Find .formWrap .inputWrap.tel input {width:calc((100% - 30px)/3);}
.login-wrap .id_pw-Find .formWrap .btn-wrap {margin-top:15px;}
.login-wrap .id_pw-Find .formWrap .btn-wrap a {font-size:18px; background:#09a7b3;}
.login-wrap .id_pw-Find .formWrap .certiWrap {display:none; position:relative; padding:15px 0 10px; gap:10px;}
.login-wrap .id_pw-Find .formWrap .certiWrap.on {display:flex;}
.login-wrap .id_pw-Find .formWrap .certiWrap input {height:45px; width: calc(100% - 180px);}
.login-wrap .id_pw-Find .formWrap .certiWrap button {height:45px; width:80px; border-radius:7px; text-align:center; font-size:15px; transform:var(--textRotate); font-weight:500; }
.login-wrap .id_pw-Find .formWrap .certiWrap button.btnBlue {background:var(--blue); color:#fff;}
.login-wrap .id_pw-Find .formWrap .certiWrap button.btnLineblue {border:2px solid var(--blue); background:#fff; color:#000;}
.login-wrap .id_pw-Find .formWrap .certiWrap .warn {display:none; position:absolute; font-size:15px; color:var(--red); font-weight:400; bottom:-17px; transform:var(--textRotate);}
.login-wrap .id_pw-Find .formWrap .certiWrap .warn.on {display:inline-block;}
.login-wrap .id_pw-Find .formWrap .tabItem.pw_Tab p.tit {margin-bottom:30px;}
/* 비밀번호 변경 & 회원가입 */
.login-wrap .info-modi {border-top:2px solid var(--blue); border-bottom:2px solid var(--blue); width:100%; text-align:left;}
.login-wrap .info-modi dl {display:grid; grid-template-columns: 200px auto; color:#000; align-items:center; position:relative;}
.login-wrap .info-modi dl+dl {border-top:1px solid #ddd;}
.login-wrap .info-modi dl dt {display:flex; width:200px; text-align:center; background:#f9fafc; transform:var(--textRotate); padding:15px 0; font-weight:500; align-items: center; justify-content: center; height:100%; font-size:18px;}
.login-wrap .info-modi dl dd {padding:15px 20px; transform:var(--textRotate);}
.login-wrap .new-pw .info-modi dl dd {padding:30px 20px;}
.login-wrap .info-modi dl dd.input-double input {display:block; height:50px; min-width:500px;}
.login-wrap .info-modi dl dd.input-double input+input {margin-top:10px;}
.login-wrap .join .btnWrap {width:50%; margin:30px auto 0; display:flex; gap:10px; justify-content:center;}
.login-wrap .join .btnWrap a { display: inline-block; width: 100%; color: #fff !important; background-color: var(--blue); line-height: 1; border-radius: 5px; font-size: 18px; padding: 17px 10px; text-align: center; font-weight : 500; text-transform : uppercase; transform : rotate(0.03deg); transition:0.3s;}
.login-wrap .join .btnWrap a:hover { background-color:#333; }
/*.login-wrap .join .new-pw .inputWrap {position:}*/
.login-wrap .join .new-pw .warn {display:none; margin-top:5px;}
.login-wrap .join .new-pw .warn.on {display:block;}

.login-wrap .join input, .login-wrap .join select, .login-wrap .join button {height:45px;}
.login-wrap .join h4 {text-align:left; color:var(--blue); font-size:20px; transform:var(--textRotate); font-weight:500; padding-bottom:15px;}
.login-wrap .join.contents-wrap {padding:10vh 0;}
.login-wrap .join .info-modi .nameWrap input {min-width:200px; width:30%;}
.login-wrap .join .info-modi .idWrap input {min-width:380px; width:35%;}
.login-wrap .join .info-modi .idWrap .btnLineblue {width:80px; border:2px solid var(--blue); border-radius:5px; margin-left:5px; font-weight:500;}
.login-wrap .join .info-modi .idWrap .warn {display:none; padding-left:5px;}
.login-wrap .join .info-modi .idWrap .warn.on {display:inline-block;}
.login-wrap .join .info-modi .pwWrap dd input {display:block; width:35%; min-width:500px;}
.login-wrap .join .info-modi .pwWrap dd input+input {margin-top:10px;}
.login-wrap .join .info-modi .emailWrap .certiWrap {margin-top:10px;}
.login-wrap .join .info-modi .emailWrap .certiWrap input {min-width:300px; width:25%;}
.login-wrap .join .info-modi .emailWrap .certiWrap button {width:80px; margin-left:5px; border-radius:5px; font-weight:500;}
.login-wrap .join .info-modi .emailWrap .certiWrap .btnBlue {background:var(--blue); color:#fff; }
.login-wrap .join .info-modi .emailWrap .certiWrap .btnLineblue {border:2px solid var(--blue);}
.login-wrap .join .info-modi .emailWrap .certiWrap .warn {display:none; margin-top:5px;}
.login-wrap .join .info-modi .emailWrap .certiWrap .warn.on {display:block;}

.login-wrap.join-wrap {width:100%;}
.login-wrap .termsWrap {margin-top:60px; text-align:left;}
.login-wrap .termsWrap h4 {color:#000; font-size:20px; }
.login-wrap .termsWrap label {font-size:16px; transform:var(--textRotate); display:inline-block; }
.login-wrap .termsWrap .top {border-top:2px solid #ddd;}
.login-wrap .termsWrap .bottom {border-top:1px solid #ddd; border-bottom:2px solid #ddd;}
.login-wrap .termsWrap .top .check_wrap {padding:20px 20px; color:#000;}
.login-wrap .termsWrap .bottom {padding:15px 0; background:#f5f5f5;}
.login-wrap .termsWrap .bottom .check_wrap {display:flex; justify-content:space-between; padding:10px 20px; color:#000;}
.check_wrap input[type='checkbox']+label { padding: 3px 30px; padding-left: 30px; background: url(/resources/images/ebi/common/term_check.webp) left top 6px no-repeat; cursor: pointer;}
.check_wrap input[type='checkbox']:checked+label {background-image: url(/resources/images/ebi/common/term_check-on.webp);}
.login-wrap .termsWrap .check_wrap a {padding-right:20px; background:url(/resources/images/ebi/common/i-arrow_right.png) right 6px / 8px no-repeat; }

.login-wrap.termsWrap {width:100%;} 
.login-wrap.termsWrap h3 {font-size:24px;}
.login-wrap.termsWrap .tabWrap {display:flex; transform: translateX(1px);}
.login-wrap.termsWrap .tabWrap .tabBtn {display:inline-block; width:50%; font-weight:500; color:#000; transform:var(--textRotate); padding:12px 0; font-size:18px; background:#ededed;}
.login-wrap.termsWrap .tabWrap .tabBtn.on {background:var(--blue); color:#fff;}
.login-wrap.termsWrap .tabInner .tabItem {background:#f9fafc; text-align:left; padding:50px; transform:var(--textRotate); border: 1px solid var(--border1);}

.termsWrap .agree_box, .termsWrap .privacy_box { border-radius : 10px; height : auto; overflow : hidden; }
.termsWrap .agree_box .agree_wrap, .termsWrap .privacy_box .private_wrap { height : auto; overflow-y : auto; }
.termsWrap .agree_box .agree_wrap h2:nth-of-type(1) { margin-top :0;}


/* 이용약관 */
.terms-inner h4 { margin : 20px 0 10px ; font-weight : 600; font-size : 17px; }
.terms-inner p, .terms-inner ul {font-size:15px;}
.terms-inner .table_wrap p.mobile { color : #ff0000; }
.terms-inner .table_wrap p.annot { margin-top : 10px; }
.terms-inner table { border-top : 3px solid #5c5c5c; margin-bottom : 15px; }
.terms-inner table tr {border-bottom : 1px solid #e2e5f1; }
.terms-inner table th, .terms-inner table td { padding : 10px 10px; border-right : 1px solid #e2e5f1; font-size : 16px; text-align : center; }
.terms-inner table thead tr th { text-align : center; }
.terms-inner table thead tr th:last-child, .terms-inner table thead tr td:last-child, .terms-inner table tbody tr td:last-child { border-right : none; }
.terms-inner table thead, .terms-inner table th { background : #f5f5f5; }
.terms-inner table td { text-align : center; }


/* ************************ 태블릿 이하(~1024) ************************ */
@media screen and (max-width: 1024px) {

.listWrap ul.list li {padding:15px 20px;}
.listWrap ul.list li.tit {display:none;}

/* 게시판 페이징-모바일용 */
/*.page_box {position:relative; margin-top:30px; text-align:center;}*/
.page_box .mobile label {display:none;}
.page_box .mobile {display:inline-block; margin:0; padding:0;}
.page_box .mobile>li {float:left; height:100%;}
.page_box .mobile>li:last-child {padding-right:0;}


/*
.board_ebi .page_box .mobile .prev,
.board_ebi .page_box .mobile .next {display:block;border:1px solid #dedede; background:#fff !important; color:#333 !important; padding:12px 15px; border-right:0;}
*/
.page_box .mobile .prev {display:block; min-width:34px; height:40px; background:url(/resources/images/ebi/common/list-prev.png) no-repeat 50% #fff !important; border:1px solid #dedede; border-radius:0; border-right:0;}
.page_box .mobile .next {display:block; min-width:34px; height:40px; background:url(/resources/images/ebi/common/list-next.png) no-repeat 50% #fff !important; border:1px solid #dedede; border-radius:0; border-right:0;}
.page_box .mobile .write:hover {background:#000; color:#fff !important;}
.page_box .mobile .form-control  {border:1px solid #dedede; border-radius:0;}
.page_box .mobile .dropdown-toggle:hover {border-radius:0 !important;}
.page_box .mobile .btn-default  {border:0; height:32px !important;}
.mobile select#page {border-radius:0 !important; height:40px !important; border:1px solid #dedede!important; min-width:50px;}
.page_box .mobile select {padding: 8px 45px 8px 20px !important;}

/*************** 자료실  ******************/

/*** 자료실 - 자료실 ***/
.sub .search_wrap .tabWrap a.tabBtn {font-size:16px;}
.sub .search_wrap .total-searchWrap .selectWrap {display:block; text-align:center;}
.sub .search_wrap .total-searchWrap .selectWrap .formWrap ul {grid-template-columns: repeat(3, 1fr); min-width:auto; width:100%;}
.sub .search_wrap .total-searchWrap .selectWrap .formWrap ul li {margin-right:0;}
.sub .search_wrap .total-search .inputWrap input {height:45px;}
.sub .search_wrap .total-search .tagLayer {width:45px; height:45px;}
.sub .search_wrap .total-searchWrap .layer.tagLayer:before {right:15px;}
.sub .search_wrap .total-search .inputWrap {width: calc(100% - 55px);}
.sub .search_wrap .total-searchWrap .selectWrap .formWrap ul li select {height:45px;}
.sub .search_wrap .total-searchWrap .selectWrap button {margin-top:10px; height: 45px; line-height: 45px;}
.sub .search_wrap .total-searchWrap .mapWrap .tabWrap {padding: 0 30px 25px;}
.sub .search_wrap .total-searchWrap .mapWrap .mapSearch {font-size:16px;}
.sub .search_wrap .total-searchWrap .mapWrap .mapSearch.open {}
.sub .search_wrap .total-searchWrap .mapWrap .mapSearch.open:before {top:11px;}
.sub .search_wrap .total-searchWrap .mapWrap .mapSearch.open:after {top:6px;}
.sub .search_wrap .total-searchWrap .mapWrap .mapSearch.close {}
.sub .search_wrap .total-searchWrap .mapWrap .mapSearch.close:before {top:11px;}
.sub .search_wrap .total-searchWrap .mapWrap .tabMap {max-height:none;}
.sub .search_wrap .total-searchWrap .mapWrap .tabMap .map-inner {position:relative; }
.sub .search_wrap .total-searchWrap .mapWrap .tabMap .map-inner img {min-height:300px;}
.sub .search_wrap .total-searchWrap .mapWrap .tabMap .select_list {position:static; border-radius: 0 0 18px 18px; border: 0;}
.sub .search_wrap .total-searchWrap .mapWrap .tabMap .select_list .top {justify-content:space-between;}
.sub .catalogWrap .catalog .dividWrap p {padding:10px 15px;}
.sub .catalogWrap .catalog .dividWrap > div ul {max-height:280px;}
.sub .catalogWrap .catalog .dividWrap > div ul li {padding: 8px 15px; font-size:15px;}
.sub .catalogWrap .catalog .search_btn {padding: 10px; font-size: 18px;}


.sub .listWrap ul.list li > a {display:grid;}
.sub .listWrap ul.list li .num {font-size:14px; font-weight:400;}
.sub .listWrap ul.list li .divid {width:100%; padding:0; padding-top:10px;}
.sub .listWrap ul.list li .hashtag {width:100%; padding:0; padding-top:10px;}
.sub .listWrap ul.list li .source {width:100%; text-align:left; padding:0; padding-top:10px; font-size:14px; font-weight:400;}
.sub .listWrap ul.list li .date {width:100%; text-align:left; padding:0; font-size:14px; font-weight:400;}

/*** 자료실 - 용어사전 ***/

.sub .dictionary .listWrap li.tit {display:flex; padding:0 20px; display:none;}
.sub .dictionary .listWrap li {display:grid; grid-template-columns:repeat(1,1fr);}
.sub .dictionary .listWrap li p {padding:5px 0;}
.sub .listWrap ul.list li .num {text-align:left; width:100%; padding:5px 0;}
.sub .dictionary .listWrap li .terms.eng {text-align:left; width:100%;}
.sub .dictionary .listWrap li .terms.kor {text-align:left; width:100%;}
.sub .dictionary .listWrap li .explan {width:100%;}
.sub .dictionary .listWrap li .terms span {color:#666;}
/*.sub .dictionary .listWrap .terms {min-width:200px;}*/

.sub .dictionary .searchWrap .mouseClick {}
.sub .dictionary .searchWrap .mouseClick .langType {}
.sub .dictionary .searchWrap .mouseClick .langType .btnClick {}
.sub .dictionary .searchWrap .mouseClick .langType .btnClick button {width:45px; height:45px;}
.sub .dictionary .searchWrap label {font-size:16px;}
.sub .dictionary .searchWrap .keyboard input {height:45px;}
.sub .dictionary .searchWrap .keyboard button {height:45px; line-height:45px;}

/*** 자료실 - 뷰페이지 ***/
.sub .view-typeA .file-data .info {grid-template-columns: repeat(1,1fr);}
.sub .view-typeA .file-data .info dl:nth-child(n+7) {grid-column:auto;}

/*************** 서비스소개  ******************/

/*** 서비스 소개 - 입지정보도 소개 ***/
.intro article:nth-child(1) .boxWrap dl {padding:50px 70px 50px 40px;}
.intro article:nth-child(1) .boxWrap dl dt {font-size:24px;}
.intro article:nth-child(1) .boxWrap {gap:20px;}
.intro article:nth-child(2) ul {display:grid; justify-content: flex-start;}
.intro article:nth-child(2) {margin-top:0px; padding-top:50px; padding-left:0; background: url(/resources/images/ebi/intro/intro-bg03.png) left 40px / 40px no-repeat;}
.intro article:nth-child(2) h4 {padding-left:55px;}
.intro article:nth-child(2) p {margin-top:15px;}

/*** 서비스 소개 - 해상풍력 동향 ***/
.service .searchWrap select, .service .searchWrap input, .service .searchWrap .search_btn {height:45px; line-height:45px;}
.service .listWrap ul li {flex-wrap:wrap; padding-bottom:15px; position:relative;}
.service .listWrap ul li .cont dl {padding-right:0; display:block; padding-top:15px;}
.service .listWrap ul li span.num {width:40px; text-align:left; font-size:14px; font-weight:400;}
.service .listWrap ul li a.cont {width:calc(100% - 50px);}
.service .listWrap ul li .date {width:180px; padding-left:50px; font-size:14px; text-align:left; position:absolute; bottom: 20px; left:160px; font-weight:400;}
.service .listWrap ul li .views {font-size:14px; position:absolute; width: 84px; text-align: right; bottom: 20px; right: 20px; font-weight:400;}

.searchWrap select, .searchWrap input, .searchWrap .searchBtn {height:45px; line-height:45px;}


.news .view-typeA .info {grid-template-columns:auto;}
.news .view-typeA .info dl:nth-of-type(2) dt {border-left:1px solid var(--lightgary2);}

/*************** 고객지원  ******************/

/*** 고객지원 - 공지사항 ***/
.notice .listWrap .list li {display:flex; flex-wrap:wrap; gap:0;}
.notice .listWrap .list li .num {width:100%; text-align:left; font-size:14px; font-weight:400;}
.notice .listWrap .list li .title {width:100%; padding-right:0; margin:10px 0; -webkit-line-clamp:2;}
.notice .listWrap .list li .date {width:50%; text-align:left; font-size:14px; font-weight:400;}
.notice .listWrap .list li .views {width:50%; text-align:right; font-size:14px; font-weight:400;}
/*** 고객지원 - 사용자 가이드 ***/
.guide article:nth-child(1) dl:nth-of-type(1) {padding-right:50px;}
.guide article:nth-child(2) {padding: 30px 50px 50px 50px;}

/*** 고객지원 - FAQ ***/
.faq .listWrap .list li {display:flex; flex-wrap:wrap; gap:0;}
.faq .listWrap .list li .num {width:100%; text-align:left; font-size:14px; font-weight:400;}
.faq .listWrap .list li .title {width:100%; padding-right:0; margin:10px 0; -webkit-line-clamp:2;}
.faq .listWrap .list li .date {width:50%; text-align:left; font-size:14px; font-weight:400;}
.faq .listWrap .list li .views {width:50%; text-align:right; font-size:14px; font-weight:400;}
/* .faq .listWrap .list li .surface {flex-wrap:wrap; align-items:flex-start;} */
/* .faq .listWrap .list li .num {width:45px; font-size:14px; font-weight:400;} */
/* .faq .listWrap .list li .type {width:75px;} */
/* .faq .listWrap .list li .date {width:95px; font-size:14px; font-weight:400;} */
/* .faq .listWrap .list li .surface .preview {width:90px; padding-right:20px; font-size:14px; padding-top: 15px;} */
/* .faq .listWrap .list li .surface .preview img {right:10px; width:13px;} */
/* .faq .listWrap .list li .title {width:calc(100% - 305px); padding-left:20px;} */
.listWrap .btnWrap .editBtn {width: 110px; padding: 10px 0 10px 0px;}
.listWrap .btnWrap .registBtn {width: 110px; padding: 10px 0 10px 20px;}

/*** 고객지원 - FAQ 뷰페이지 ***/
.view-typeA .top h4 {font-size:24px;}
.view-typeA .top h4:before {top:2px;}
.view-typeA .file-data .info dl dt {width:150px;}
.inquiry .view-typeA .file-data .info dl dt {width:100px;}
.inquiry .view-typeA .file-data .info dl dd {width:calc(100% - 100px);}
.view-typeA .register .file-data .info dl dd {width:calc(100% - 150px);}
.view-typeA .register.inquiry .file-data .info {grid-template-columns:repeat(1,1fr);}
.view-typeA .register .file-data .info .grid-column_1-3 {grid-column:auto;}
.view-typeA .register .file-data .info .grid-column_1-4 {grid-column:auto;}
.view-typeA .register .file-data .info dl.radioWrap dt {padding-top:15px;}
.view-typeA .register .file-data .info dl.radioWrap dd {padding-top:15px;}
.view-typeA .register.faq .file-data .info {grid-template-columns:repeat(1,1fr);}
.view-typeA .register.faq .file-data .info .grid-column_1-4 {grid-column:auto;}

.view-typeB .file-data .top {display:block;}
.view-typeB .file-data .top .info {text-align:right; font-size:14px; margin-top:5px;}
.view-typeC .top h4 {font-size:24px;}
.view-typeC .top h4:before {top:2px;}
.view-typeC .file-data .info dl dt {width:150px;}
.view-typeC .file-data .info dl dd {width:calc(100% - 150px);}
.inquiry .searchWrap input {height:45px;}
.inquiry .listWrap .list li {flex-wrap:wrap; row-gap: 5px;}
.inquiry .listWrap .list li .num {width:100%; text-align:left; padding-left:20px; font-size:14px; font-weight:400;}
.inquiry .listWrap .list li .date {width:50%; text-align:left; padding-left:20px; font-size:14px; font-weight:400;}
.inquiry .listWrap .list li .title {width:calc(100% - 80px); padding-left: 20px;}
.inquiry .listWrap .list li .writer {width:80px;}
.inquiry .listWrap .list li .answer {width:50%; text-align:right;}
.inquiry .listWrap .list li .answer span {text-align:center; font-size:14px;}
.inquiry .listWrap .list li .title.lock-on {padding-left:35px; background: url(/resources/images/ebi/common/lock_on.png) 16px 48% / 14px no-repeat;}

.inquiry .view-typeA .file-data .info dl.cont dt, .inquiry .view-typeA .file-data .info dl.cont dd {padding:20px;}
.inquiry .view-typeA .file-data.answer.regist .info dl dt {width:100px;}
.inquiry .view-typeA .file-data.answer.regist .info dl dd {width:calc(100% - 100px);}

.record h4 {font-size:24px;}
.record h4:before {top:3px;}
.record .searchWrap {padding:20px;}
.record .searchWrap select, .record .searchWrap input {height:45px;}
.record .searchWrap label {font-size:16px;}
.record .searchWrap .selectWrap {flex-direction:column; align-items: flex-start;}
.record .searchWrap .selectWrap > div+div {margin-left:0;}
.record .listWrap ul.list li {justify-content:space-between;}
.record .listWrap li a.title {padding-left:50px;}
.record .listWrap li .num {text-align:left; font-size:14px;}
.record .listWrap li .date {font-size:14px; width:23%;}

/*************** 마이페이지  ******************/

/*** 마이페이지 - 활동기록 ***/
.mypage .modify h4 {font-size:26px;}
section.content.mypage {height:auto;}
.mypage .info-modify .info-modi {width:100%;}
.mypage .info-modify .info-modi dl dt {width:15%;}


/*************** 로그인 / 회원가입 ******************/

/*** 로그인 ***/

.login-wrap {width:80%;}
.login-wrap h3 {font-size:28px;}
.login-wrap .join h3 {font-size:26px; margin-bottom:30px;}
.login-wrap .contents-wrap {min-height:calc(100vh - 330px);}
.login-wrap .form-group input {height:50px; font-size:18px;}
.login-wrap .btn-wrap a {padding:15px 10px; font-size:18px;}
.login-wrap .btn-wrap a:hover {padding:15px 10px; font-size:18px;}
.login-wrap .form-group>* {margin-bottom:20px;}
.login-wrap .info>div a {font-size:16px;}
.login-wrap .join.contents-wrap {padding:0;}
.login-wrap .info-modi dl {grid-template-columns:150px auto;}
.login-wrap .info-modi dl dt {width:150px; font-size:16px;}
.login-wrap .join .info-modi .pwWrap dd input {min-width:auto;}

/*** 아이디/비번찾기***/
 .login-wrap .id_pw-Find.contents-wrap, .login-wrap.termsWrap .contents-wrap {padding:3vh 0;}
 .login-wrap .id_pw-Find .formWrap .tabWrap .tabBtn {font-size: 18px; padding: 12px;}
 .login-wrap .id_pw-Find input, .login-wrap .id_pw-Find select {height:45px;}
 .login-wrap .id_pw-Find .formWrap .btn-wrap a {font-size:16px;}
 .login-wrap .id_pw-Find .formWrap .tabInner {padding:40px 35px;}
 .login-wrap .info-modi dl dd.input-double input {height:45px; min-width:auto; width:100%;}
 .login-wrap .new-pw .info-modi dl dd {padding:20px;}

 .login-wrap.termsWrap .tabWrap .tabBtn {font-size:16px;}
 .login-wrap.termsWrap h3 {font-size:20px;}
 .terms-inner h4 {font-size:16px;}

}

/* ************************ 모바일 (~767) ************************ */
@media screen and (max-width: 767px) {
.searchWrap {padding:20px;}
.tabVer3 .scrollable li {font-size:14px;}
.listWrap ul.list li.empty {padding:20px 0;}

.sub .catalogWrap {padding:0 20px 30px;}
.sub .catalogWrap .catalog .dividWrap {display:block;}
.sub .catalogWrap .catalog .dividWrap > div {width: 100%;}
.sub .search_wrap .total-searchWrap .selectWrap button {font-size: 15px; background-position:24px center; background-size:15px;}
.sub .search_wrap .total-searchWrap .layer.tagLayer {padding: 20px 15px; margin: 10px 50px 0;}
.sub .search_wrap .total-searchWrap .layer.tagLayer .layer-inner {height: 156px;}
.sub .search_wrap .total-searchWrap .layer.tagLayer .layer-inner .tagForm label {font-size:14px;}
.sub .search_wrap>.tabWrap {padding: 0 20px;}
.sub .search_wrap .total-search {padding: 0 50px; gap:5px;}
.sub .search_wrap .total-search .inputWrap input { padding-left: 40px; background: #fff url(/resources/images/ebi/common/i-search_Gray.png) 15px center / 18px no-repeat;}
.sub .search_wrap .total-search .inputWrap {width: calc(100% - 50px);}
.sub .search_wrap .total-searchWrap .selectWrap {padding:0 50px;}
.sub .search_wrap .total-searchWrap .selectWrap .formWrap ul {gap:5px;}
.sub .search_wrap .total-searchWrap .mapWrap .tabWrap {padding:0 20px 30px;}
.sub .search_wrap .total-searchWrap .mapWrap .tabMap .select_list ul {height:190px;}
.sub .catalogWrap .catalog .dividWrap > div+div {margin-top:20px;}
.sub .catalogWrap .catalog .dividWrap > div ul {max-height:140px;}
.sub .catalogWrap .catalog .search_btn {font-size:16px;}

/*.sub .dictionary .listWrap li.tit {display:none;}
.sub .dictionary .listWrap dl {display:block;}
.sub .dictionary .listWrap .terms {width:100%; background:#f9fafc; border:1px solid var(--lightgary2); border-bottom:0;}
.sub .dictionary .listWrap .explan {width:100%; border-left:1px solid var(--lightgary2); border-right:1px solid var(--lightgary2);}
.sub .dictionary .listWrap dl+dl {border:0;}*/
.sub .dictionary .searchWrap {display:block; padding:20px; gap:5px; text-align:center;}
.sub .dictionary .searchWrap label {font-size:16px; padding-right:5px;}
.sub .dictionary .searchWrap button {height: 40px; line-height: 40px;}
.sub .dictionary .searchWrap .searchBtn {text-indent:0; padding-left:27px;}
.sub .dictionary .searchWrap .resetBtn {padding-left:35px;}
.sub .dictionary .searchWrap input {width:100%; margin:10px 0;}


.view-typeA h5 {padding:20px;}
.sub .view-typeA .file-data .info dl {display:block;}
.sub .view-typeA .file-data .info dl dt {width: 100%; text-align: left; padding-left: 20px;}
.sub .view-typeA .file-data .info dl dd {width:100%;}
.view-typeA .dataWrap {padding:0;}
.view-typeA .file-data h5, .view-typeA .pre-data h5 {padding:14px 0; font-size:16px;}

/*************** 서비스소개  ******************/

/*** 자료실 - 용어사전 ***/
.intro article:nth-child(1) .boxWrap {flex-direction:column;}
.intro article:nth-child(1) .boxWrap dl {width:100%; padding: 35px 25px 35px 25px; margin-top:0;}
.intro article:nth-child(1) .boxWrap dl:nth-of-type(1) {background: var(--blue) url(/resources/images/ebi/intro/intro-bg01.png) 92% 30px / 40px no-repeat; margin-top:10px;}
.intro article:nth-child(1) .boxWrap dl:nth-of-type(2) {background: #09a7b3 url(/resources/images/ebi/intro/intro-bg02.png) 92% 30px / 36px no-repeat;}
.intro article:nth-child(1) .boxWrap dl dt {font-size:22px;}

.sub .dictionary .searchWrap label {line-height:1.3; width:100%; text-align:left; font-size:15px;}
.sub .dictionary .searchWrap .mouseClick .langType {padding:0 0 20px; flex-direction:column;}
.sub .dictionary .searchWrap .mouseClick .langType .btnClick {width:100%;}
.sub .dictionary .searchWrap .mouseClick .langType .btnClick button {font-size:14px; width:40px; height:40px;}
.sub .dictionary .searchWrap .keyboard {flex-wrap:wrap;}
.sub .dictionary .searchWrap .keyboard input {width:100%; height:40px; margin:0; }
.sub .dictionary .searchWrap .keyboard button {width:100px; height:40px; line-height:40px; font-size:14px; background-size:16px}
/*.sub .dictionary .searchWrap .searchBtn {background: ;}*/
/*.sub .dictionary .searchWrap .resetBtn {background: ;}*/

.service .searchWrap {display:block; margin-top:20px;}
.service .searchWrap select {width:100%; margin-bottom:5px;}
.service .searchWrap .search_btn {text-indent:-9999px; height:45px; width:45px; padding:0; background: #09a7b3 url(/resources/images/ebi/common/i-searchW.png) no-repeat 13px center; transform:translateY(1px);}
.service .searchWrap input {width:calc(100% - 50px);}

/*** 서비스 소개 - 해상풍력 동향 ***/
.service .listWrap ul li {display:block; padding: 15px 0 40px 0;}
.service .listWrap ul li span.num {width:100%;}
.service .listWrap ul li a.cont {width:100%; margin:5px 0; align-items: flex-start; flex-direction: column; gap: 10px;}
.service .listWrap ul li a.cont img.thum {max-width:150px;}
.service .listWrap ul li .date {right: auto; left: 0; padding-left:0; bottom:15px;}
.service .listWrap ul li .views {bottom:15px;}
.service .listWrap ul li .cont dl {padding-top:0;}
.service .state {}
.service .state-downBtn {padding:20px 0 0; gap:5px; flex-direction:column; align-items:end;}
.service .state-downBtn a {width:250px; max-width:100%;}

.searchWrap {display:block;}
.searchWrap select {width:100%; margin-bottom:5px;}
.searchWrap .searchBtn {text-indent:-9999px; height:45px; width:45px; padding:0; background: #09a7b3 url(/resources/images/ebi/common/i-searchW.png) no-repeat 13px center; transform:translateY(1px);}
.searchWrap input {width:calc(100% - 50px);}

.news .view-typeA .info dl dt {width:50px; font-size:15px;}
.news .view-typeA .info dl dd {width:calc(100% - 50px); font-size:14px; padding:12px 10px;}
.news .view-typeA .info dl:nth-of-type(2) dt {}

/*************** 고객지원  ******************/
/*** 고객지원 - 사용자 가이드 ***/
.guide article:nth-child(1) {flex-direction:column; gap:20px;}
.guide article:nth-child(1) dl:nth-of-type(1) {padding-right:0; background: url(/resources/images/ebi/common/customer-bg01.png) left 1px / 50px no-repeat;}
.guide article:nth-child(1) dl:nth-of-type(2) {background: url(/resources/images/ebi/common/customer-bg02.png) left 12px / 50px no-repeat;}
.guide article:nth-child(1) dl {width:100%; padding:23px 0 0 0;}
.guide article:nth-child(1) dl dt {padding-left:65px;}
.guide article:nth-child(2) {padding:20px; border-radius:1rem; margin-top:30px;}
.guide article:nth-child(2) .videoWrap {margin-top:10px; border-radius:1rem;}
.videoWrap img {}
.videoWrap .play-button {background: rgba(0, 0, 0, 0.5) url(/resources/images/ebi/customer/video_play-btn.png) center center / 50px no-repeat;}

/* .faq .listWrap .list li .num {width:100%; text-align:left; padding-left: 20px; padding-bottom:5px;} */
/* .faq .listWrap .list li .title {width: calc(100% - 90px); padding:5px 10px;} */
/* .faq .listWrap .list li .date {width:50%; text-align:left; padding-left:20px;} */
/* .faq .listWrap .list li .surface .preview {width:50%; text-align:right; padding-right:32px;} */
/* .faq .listWrap .list li .type {padding:5px 0 0 20px; width:90px; text-align:left;} */
/* .faq .listWrap .list li .hide {padding:20px; font-size:15px;} */
/* .faq .listWrap .btnWrap {margin-top:20px;} */

.view-typeA .file-data .info {grid-template-columns:repeat(1, 1fr);} 
.faq .view-typeA .file-data .info dl:nth-child(n+3) {grid-column:auto;}
.faq .view-typeA .file-data .info dl:nth-child(2) dt {border-bottom:1px solid var(--lightgary2);}
.faq .view-typeA .file-data .info dl:nth-child(n+3) dt {}
.view-typeA .file-data .info dl dt {width:80px; font-size:15px;}
.view-typeA .file-data .info dl dd {font-size:15px; width:calc(100% - 80px); padding:20px;}
.faq .view-typeA .file-data .info.answer dt {padding:15px 0;}
.faq .view-typeA .file-data .info.answer dl {flex-direction:column;}
.faq .view-typeA .file-data .info.answer dl dt {width:100%; border-bottom:1px solid var(--lightgary2);}
.faq .view-typeA .file-data .info.answer dd {width:100%; padding:20px;}


.inquiry .searchWrap input {width: calc(100% - 49px);}
.inquiry .listWrap .list li .title.lock-on {-webkit-line-clamp:2;}
.view-typeA .file-data.grid_3-1fr .info {grid-template-columns:repeat(1,1fr);}
.inquiry .view-typeA .file-data {margin-top:20px;}
.inquiry .view-typeA .file-data .info dl:first-of-type, .inquiry .view-typeA .file-data .info dl:last-of-type {grid-column:auto;}
.inquiry .view-typeA .file-data .info dl dt {width:80px; font-size:15px; padding-top:20px;}
/*.inquiry .view-typeA .file-data .info dl:nth-of-type(2) dt,  .inquiry .view-typeA .file-data .info dl:nth-of-type(4) dt{border-bottom:1px solid var(--lightgary2);}*/
.inquiry .view-typeA .file-data .info dl.state dt {padding-top:15px;}
.inquiry .view-typeA .file-data .info:nth-of-type(1) dl.cont {grid-column:auto;}
.inquiry .view-typeA span.answerBtn {top:10px;}

.view-typeA .btnWrap {display:flex; justify-content:center; gap:5px; flex-wrap:wrap;}
.view-typeA .btnWrap .answerBtn {display:flex; justify-content:center; align-items:center; width:80px; background:var(--blue); color:#fff; transform:var(--textRotate); font-weight:500; font-size:14px; border-radius:7px; text-align:center; padding:10px 0;}
.view-typeA .btnWrap .deleteBtn {display:flex; justify-content:center; align-items:center; width:80px; background:var(--red); color:#fff; transform:var(--textRotate); font-weight:500; font-size:14px; border-radius:7px; text-align:center; padding:10px 0;}
.view-typeA .btnWrap .correctBtn {display:flex; justify-content:center; align-items:center; width:80px; background:#999; color:#fff; transform:var(--textRotate); font-weight:500; font-size:14px; border-radius:7px; text-align:center; padding:10px 0;}
.view-typeA .btnWrap .listBtn {display:flex; justify-content:center; align-items:center; width:80px; background:#09a7b3 url(/resources/images/ebi/common/i-list.png) 20% center / 14px no-repeat; ; color:#fff; transform:var(--textRotate); font-weight:500; font-size:15px; border-radius:7px; text-align:center; padding:10px 0 10px 20px;}
.view-typeA .btnWrap .saveBtn {display:flex; justify-content:center; align-items:center; width:80px; background:var(--blue); color:#fff; transform:var(--textRotate); font-weight:500; font-size:14px; border-radius:7px; text-align:center; padding:13px 0 10px;}
.view-typeA .btnWrap a+a {margin-left:0;}
.view-typeA .top .views {line-height:1; font-size:14px; transform:var(--textRotate);}
.view-typeA .register .file-data .info dl {display:block;}
.view-typeA .register .file-data .info dl dt {width:100%; text-align:left; padding:12px 20px;}
.view-typeA .register .file-data .info dl dd {width:100%;}
.view-typeA .register .file-data .info dl.radioWrap dt {height:auto; width:100%;}
.view-typeA .file-data .info dl.attach.type2 dt {padding-top:12px;}
.news .view-typeA .cont {padding:30px 0;}


.inquiry .view-typeA .file-data .info dl dd {width:calc(100% - 80px); padding:20px;}
.inquiry .view-typeA .file-data.answer.regist .info dl dt {width:80px; padding:20px 0;}
.inquiry .view-typeA .file-data.answer.regist .info dl dd {width:calc(100% - 80px);}

.inquiry .view-typeA .file-data.answer .info dl dd {width:100%;}
.view-typeA .register .file-data .info dl dd input[type="file"] {width:calc(100% - 87px);}
.view-typeB .file-data:first-of-type {padding-top:0;}
.view-typeB .btnWrap {display:flex; justify-content:center; gap:5px; flex-wrap:wrap;}
.view-typeB .btnWrap .answerBtn {display:inline-block; width:80px; background:var(--blue); color:#fff; transform:var(--textRotate); font-weight:500; font-size:14px; border-radius:7px; text-align:center; padding:10px 0;}
.view-typeB .btnWrap .deleteBtn {display:inline-block; width:80px; background:var(--red); color:#fff; transform:var(--textRotate); font-weight:500; font-size:14px; border-radius:7px; text-align:center; padding:10px 0;}
.view-typeB .btnWrap .correctBtn {display:inline-block; width:80px; background:#999; color:#fff; transform:var(--textRotate); font-weight:500; font-size:14px; border-radius:7px; text-align:center; padding:10px 0;}
.view-typeB .btnWrap .listBtn {display:inline-block; width:80px; background:#09a7b3 url(/resources/images/ebi/common/i-list.png) 20% center / 14px no-repeat; ; color:#fff; transform:var(--textRotate); font-weight:500; font-size:15px; border-radius:7px; text-align:center; padding:10px 0 10px 20px;}
.view-typeB .btnWrap a+a {margin-left:0;}
.view-typeB .top .views {line-height:1; font-size:14px; transform:var(--textRotate);}

.view-typeC .file-data .info dl {display:block;}
.view-typeC .file-data .info dl dt {width:100%; text-align:left;}
.view-typeC .file-data .info dl dd {width:100%; padding:15px 20px;}
.view-typeC .file-data .info dl.cont dt {padding:15px 20px;}
.view-typeC .file-data .info dl.cont dd {padding:15px 20px;}
.view-typeC .btnWrap {display:flex; justify-content:center; gap:5px; flex-wrap:wrap;}
.view-typeC .btnWrap .editBtn {display:inline-block; width:80px; background:var(--blue2); color:#fff; transform:var(--textRotate); font-weight:500; font-size:14px; border-radius:7px; text-align:center; padding:10px 0;}
.view-typeC .btnWrap .deleteBtn {display:inline-block; width:80px; background:var(--red); color:#fff; transform:var(--textRotate); font-weight:500; font-size:14px; border-radius:7px; text-align:center; padding:10px 0;}
.view-typeC .btnWrap .correctBtn {display:inline-block; width:80px; background:#999; color:#fff; transform:var(--textRotate); font-weight:500; font-size:14px; border-radius:7px; text-align:center; padding:10px 0;}
.view-typeC .btnWrap .listBtn {display:inline-block; width:80px; background:#09a7b3 url(/resources/images/ebi/common/i-list.png) 20% center / 14px no-repeat; ; color:#fff; transform:var(--textRotate); font-weight:500; font-size:15px; border-radius:7px; text-align:center; padding:10px 0 10px 20px;}
.view-typeC .btnWrap a+a {margin-left:0;}

.record .searchWrap .selectWrap select {width:100%;}


.record .searchWrap .selectWrap > div {flex-direction:column; gap:5px; width:100%;}
.record .searchWrap input[type="date"] {width:100%;}
.record .searchWrap > div {flex-wrap:wrap;} 
.record .searchWrap > div.inputWrap {gap:5px;}
.record .searchWrap label {width:100%; font-size:15px;}
.record .searchWrap .inputWrap input {width: calc(100% - 50px);}
.record .listWrap ul.list li {flex-wrap:wrap;}
.record .listWrap li .num {width:100%;} 
.record .listWrap li .types {width:100%; text-align:left; padding-top:10px;}
.record .listWrap li a.title {width:100%; padding-left:0;}
.record .listWrap li .date {width:100%; text-align:left; padding-top:10px;}

section.content.mypage {height:auto;}
.mypage .modify .contents-inner {padding-top:0;}
.mypage .info-modi {width:100%;}
.mypage .btnWrap {width:100%;}
.mypage .modify h4 {font-size:24px;}
dl.teleWrap dt, dl.emailWrap dt {height:auto; justify-content:flex-start;}
.modify .btnWrap .secessBtn {width:100px; padding:10px 0; font-size:14px;}
.modify .btnWrap .passwordBtn {width:100px; padding:10px 0; font-size:14px;} 
.modify .btnWrap .info-modiBtn {width:100px; padding:10px 0; font-size:14px;}
.mypage .info-modi dl {display:block;}
.mypage .info-modi dl dt {width:100%; font-size:15px; text-align:left; padding:15px 20px;}
.mypage .info-modi dl.inputWrap dd {width:100%; text-align:left;}
.mypage .info-modi dl.inputWrap dd input {width:100%;}
.mypage .info-modi dl.inputWrap dt {height:auto; justify-content:flex-start;}
.mypage .info-modify .info-modi dl dt {width:100%;}

dl.emailWrap dd {display:flex; flex-wrap:wrap; align-items:center; gap:5px;} 
dl.emailWrap dd select {width:calc(45% - 5px); max-width:200px;}
dl.emailWrap dd input:first-of-type {width:calc(100% - 25px); max-width:300px;}
dl.emailWrap dd input:last-of-type {width:55%; max-width:300px;}
dl.teleWrap dd select {}
dl.teleWrap dd input {}


.login-wrap {width:100%;} 
.login-wrap .contents-wrap {padding-top:20px; min-height: calc(100vh - 350px); justify-content: center;}
.login-wrap h3 {font-size:26px;}
.login-wrap .join h3 {font-size:24px;}
.login-wrap .join h4 {font-size:18px;}
.login-wrap .form-group>* {margin-bottom:15px;}
.login-wrap .form-group input {font-size:16px;}
.login-wrap .btn-wrap a {padding:15px 10px; font-size:16px;}
.login-wrap .btn-wrap a:hover {font-size:16px;}
.login-wrap .info {justify-content:center;}
.login-wrap .info>div {width:auto;}
.login-wrap .info>div a {margin-left:0;}
.login-wrap .info>div:first-child {padding-right:20px;}
.login-wrap .info>div:last-child {padding-left:20px;}
.login-wrap .join input::placeholder {font-size:12px;}
.login-wrap .join select {font-size:14px;}
.login-wrap .join input, .login-wrap .join select, .login-wrap .join button {height:40px;}
.login-wrap .join button {font-size:14px;}
.login-wrap .info-modi dl {grid-template-columns:1fr;}
.login-wrap .info-modi dl dt {width:100%; justify-content:flex-start; padding-left:20px; padding:10px 0 10px 20px;  font-size:15px;}
.login-wrap .info-modi dl dd {padding:15px 10px;}
.login-wrap .info-modi dl dd .input-double {display:flex; flex-wrap:wrap; gap:5px; align-items:center;}
.login-wrap .join .info-modi .pwWrap dd input {min-width:auto; width:100%;}
.login-wrap .join .info-modi .idWrap dd {display:flex;}
.login-wrap .join .info-modi .idWrap .btnLineblue {font-size:12px; width:60px;}
.login-wrap .join .info-modi .idWrap input {min-width:auto; width:calc(100% - 65px);}
.login-wrap .join .info-modi .emailWrap .certiWrap {display:flex; flex-wrap:wrap; gap:5px; }
.login-wrap .join .info-modi .emailWrap .certiWrap input {min-width:auto; width:calc(100% - 130px);}
.login-wrap .join .info-modi .emailWrap .certiWrap button {margin-left:0; width: 60px; font-size: 12px;}
.login-wrap .termsWrap {margin-top:40px;}

.login-wrap .termsWrap .top .check_wrap {padding:15px 10px;}
.login-wrap .termsWrap .bottom {padding:10px 0;}
.login-wrap .termsWrap .bottom .check_wrap {padding:10px;}
.login-wrap .termsWrap .check_wrap a  {padding-right: 15px; background: url(/resources/images/ebi/common/i-arrow_right.png) right 4px / 7px no-repeat; font-size: 14px;}
.check_wrap input[type='checkbox']+label {font-size:14px; padding: 0px 20px 0 20px;
 background: url(/resources/images/ebi/common/term_check.webp) left top 3px no-repeat; background-size:14px;}
 .login-wrap .join .btnWrap a {padding: 13px 10px; font-size:14px;}
 
.login-wrap .id_pw-Find .formWrap .radioBtnWrap span {font-size:16px; width: calc(100% - 22px);}
 .login-wrap .id_pw-Find input, .login-wrap .id_pw-Find select {height:40px;}
  .login-wrap .id_pw-Find input[type='radio'] {height:30px;}
/* .login-wrap .id_pw-Find .formWrap .inputWrap input {max-width:400px;} */
.login-wrap .id_pw-Find .formWrap .radioBtnWrap span+input {margin-left:0;}
.login-wrap .id_pw-Find .formWrap .tabInner {padding:40px 20px; display:block;}
.login-wrap .id_pw-Find .formWrap .btn-wrap a {font-size:14px;}
.login-wrap .id_pw-Find .formWrap .tabWrap .tabBtn {font-size:16px;}

.login-wrap.termsWrap .tabWrap {display:block;}
.login-wrap.termsWrap .tabWrap .tabBtn {width:100%;}
.login-wrap.termsWrap .tabInner .tabItem {padding: 30px 20px;}
.login-wrap.termsWrap h3 {margin-bottom:20px;}
.terms-inner p, .terms-inner ul {font-size:14px;}
.terms-inner table { border-top : 3px solid #5c5c5c; margin-bottom : 5px; }
.terms-inner table tr {border-bottom : 1px solid #e2e5f1; }
.terms-inner table th, .agree table td { padding : 10px 10px; border-right : 1px solid #e2e5f1; font-size : 17px; text-align : center; }
.terms-inner table thead tr th { text-align : center; }
.terms-inner table thead tr th:last-child, .agree table thead tr td:last-child, .agree table tbody tr td:last-child { border-right : none; }
.terms-inner table thead, .agree table th { background : #f5f5f5; }
.terms-inner table td { text-align : center; }
.terms-inner .table_wrap { width: 100%; overflow-x: auto; white-space: nowrap; padding-bottom : 5px; }
.terms-inner .table_wrap::-webkit-scrollbar { height : 8px; }
.terms-inner .table_wrap::-webkit-scrollbar-thumb { background-color: #999; border-radius : 5px; }
.terms-inner .table_wrap::-webkit-scrollbar-track { background-color: #ccc; border-radius : 5px; }
}

/* ************************ 모바일 (~500) ************************ */
@media screen and (max-width: 460px) {
.login-wrap .join input::placeholder {font-size:9px;}
.sub .search_wrap .total-searchWrap .selectWrap .formWrap ul {grid-template-columns: repeat(1, 1fr);}
	
.listWrap ul.list li {padding:15px 10px;}
.service .listWrap ul li {padding:15px 0 40px 0;}

.inquiry .listWrap .list li .title {width:100%;}
.inquiry .listWrap .list li .writer {width:100%; text-align:left;}
}