@charset "utf-8";
/*************************************************
 * 지역화자료 2025
*************************************************/

@font-face {
    font-family: 'NanumSquareRound';
    src: url('../fonts/NanumSquareRoundL.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'NanumSquareRound';
    src: url('../fonts/NanumSquareRoundR.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'NanumSquareRound';
    src: url('../fonts/NanumSquareRoundB.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'NanumSquareRound';
    src: url('../fonts/NanumSquareRoundEB.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

/* =============== ####초기화 ======================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;font-family:'NanumSquareRound';}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;font-family:'NanumSquareRound';}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
button,a{display:inline-block;border:0;padding:0;background-color:transparent;}
button{cursor:pointer;}
/* =============== ####공통 ======================== */
.hide{font-size:1px;color:transparent;position:absolute;left:0;top:0;}
.txt-color01{color:#FF6652;}


[class^='icon01-']{display:inline-block;position:relative;background-repeat:no-repeat;background-size:contain;background-position:center;}
/* =============== ####아이콘 ======================== */
.icon01-search{width:40px;height:36px;margin-bottom:11px;background-image:url('../img/icon_search01.png');}
.icon01-area{width:40px;height:36px;margin-bottom:11px;background-image:url('../img/icon_area01.png');}
.icon01-nuri{width:40px;height:36px;margin-bottom:7px;background-image:url('../img/icon_nuri01.png');}
.icon01-making{width:40px;height:36px;margin-bottom:11px;background-image:url('../img/icon_making01.png');}
.icon01-reference{width:38px;height:34px;margin-bottom:8px;background-image:url('../img/icon_reperence01.png');}
/* 활성화 아이콘 */
.btn-type400.active .icon01-search,
.btn-type400:hover .icon01-search{background-image:url('../img/icon_search02.png');}
.btn-type400.active .icon01-area,
.btn-type400:hover .icon01-area{background-image:url('../img/icon_area02.png');}
.btn-type400.active .icon01-nuri,
.btn-type400:hover .icon01-nuri{background-image:url('../img/icon_nuri02.png');}
.btn-type400.active .icon01-making,
.btn-type400:hover .icon01-making{background-image:url('../img/icon_making02.png');}
.btn-type400.active .icon01-reference,
.btn-type400:hover .icon01-reference{background-image:url('../img/icon_reperence02.png');}
/* 지도 내 아이콘 */
[class*='icon01-map-']{margin-bottom:4px;}
.icon01-map-normal{width:26px;height:20px;background-image:url('../img/icon_mapNormal01.svg');}
.icon01-map-satellite{width:24px;height:22px;background-image:url('../img/icon_mapSatellite01.svg');}
.icon01-map-base01{width:26px;height:20px;background-image:url('../img/icon_mapBase01.svg');}
.icon01-map-base02{width:27px;height:22px;background-image:url('../img/icon_mapBase02.svg');}
.icon01-map-distance{width:26px;height:20px;background-image:url('../img/icon_mapDistance.svg');}
.icon01-map-extent{width:25px;height:22px;background-image:url('../img/icon_mapExtent.svg');}
.icon01-map-remove{width:26px;height:26px;background-image:url('../img/icon_mapRemove.svg');}
.icon01-img01{width:12px;height:12px;margin-right:4px;background-image:url('../img/Icon_image01.png');}
/* [공통] 레이어 팝업 안내 */
.icon01-type001{width:64px;height:64px;}
.icon01-type001:after{display:block;content:'';width:100%;height:100%;background-size:contain;background-image:url('../img/icon_info01.png');}
/* 자료실 초기화 */
.icon01-type002{width:12px;height:12px;background-size:contain;background-image:url('../img/icon_reset01.svg');}
/* 자료실 안내텍스트 */
.icon01-type003{width:24px;height:24px;background-size:contain;background-image:url('../img/icon_info02.svg');}
/* 자료실_백지도 미리보기 */
.icon01-type004{width:14px;height:14px;background-size:contain;background-image:url('../img/icon_search05.png');}
/* 자료실_백지도>리스트 내 다운로드 */
.icon01-type005{width:14px;height:14px;background-size:contain;background-image:url('../img/icon_down01.svg');}
/* 자료실_백지도>리스트 다운로드 */
.icon01-type006{width:22px;height:22px;background-size:contain;background-image:url('../img/icon_down02.svg');}
/* 지리정보비교하기>좌측메뉴 아이콘 */
.icon01-extent{width:35px;height:30px;background-size:contain;background-image:url('../img/icon_menu_extent01.png');}
.icon01-population{width:35px;height:30px;background-size:contain;background-image:url('../img/icon_menu_population01.png');}
.icon01-temperature{width:30px;height:36px;background-size:contain;background-image:url('../img/icon_menu_temperature01.png');}
.icon01-rainfall{width:39px;height:34px;background-size:contain;background-image:url('../img/icon_menu_rainfall01.png');}
.btn-type407.active .icon01-extent,
.btn-type407:hover .icon01-extent{background-image:url('../img/icon_menu_extent02.png');}
.btn-type407.active .icon01-population,
.btn-type407:hover .icon01-population{background-image:url('../img/icon_menu_population02.png');}
.btn-type407.active .icon01-temperature,
.btn-type407:hover .icon01-temperature{background-image:url('../img/icon_menu_temperature02.png');}
.btn-type407.active .icon01-rainfall,
.btn-type407:hover .icon01-rainfall{background-image:url('../img/icon_menu_rainfall02.png');}
/* 지도 만들기>그림기호 설정>복제,삭제 */
.icon01-copy01{width:25px;height:25px;background-image:url('../img/icon_marker02_0101.png');}
.icon01-del01{width:25px;height:23px;background-image:url('../img/icon_marker02_0201.png');}
.btn-type408.active .icon01-copy01,
.btn-type408:hover .icon01-copy01{background-image:url('../img/icon_marker02_0102.png');}
.btn-type408.active .icon01-del01,
.btn-type408:hover .icon01-del01{background-image:url('../img/icon_marker02_0202.png');}
/* =============== ####btn-type : 버튼모듈 ======================== */
/* 넘버링 범위
* 001~099 : 아이콘형태 버튼
* 100~199 : 로고 형태 버튼
* 200~299 : 텍스트 형태 버튼
* 300~399 : 박스형태 버튼
* 400~499 : 아이콘 + 텍스트 형태 버튼 */

/* -- 001~099 : 아이콘 형태 버튼 -- */
/* 001 : 로고 */
.btn-type001{display:inline-block;position:relative;width:100%;height:90px;}
.btn-type001:after{display:block;content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:90px;background-image:url('../img/logo01.png');background-repeat:no-repeat;background-size:100% auto;background-position:center;}
/* 002 : 검색 */
.btn-type002{display:inline-block;position:relative;width:44px;height:44px;cursor:pointer;}
.btn-type002:after{display:block;content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;background-image:url('../img/icon_search04.png');background-repeat:no-repeat;background-size:100% auto;background-position:center;}
/* 003 : 열기/닫기 arrow 버튼 */
.btn-type003{position:relative;width:26px;height:60px;border-radius:0 12px 12px 0;background-color:#FF6652;}
.btn-type003:after{display:block;content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(180deg);width:9px;height:18px;background-image:url('../img/icon_arrow02.svg');background-repeat:no-repeat;background-size:100% auto;background-position:center;}
/* 004 : 지도 확대,축소 버튼 */
.btn-type004{position:relative;width:100%;height:32px;}
.btn-type004[class*='scale-']:after{display:block;content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background-repeat:no-repeat;background-position:center;background-size:100% auto;}
.btn-type004.scale-up:after{width:16px;height:16px;background-image:url('../img/icon_up_01.png');}
.btn-type004.scale-down:after{width:16px;height:2px;background-image:url('../img/icon_down_01.png');}
.btn-type004:hover{background-color:#FF6652;}
.btn-type004[class*='scale-']:hover:after{filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(19deg) brightness(103%) contrast(101%);}
/* 005 : [공통] 페이징 arrow */
.btn-type005{position:relative;width:24px;height:24px;border:1px solid #EFEFEF;border-radius:100%;}
.icon01-arrow01{display:inline-block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:4px;height:8px;background-image:url('../img/icon_arrow01.svg');}
.btn-type005:hover{cursor:pointer;background-color:#FF6652;border-color:#FF6652;}
.btn-type005:hover .icon01-arrow01{filter:brightness(0) invert(1);}
.btn-type005.prev .icon01-arrow01{transform:translate(-50%,-50%) rotate(180deg);}
/* 006 : 지역자료_활동지 검색 */
.btn-type006{flex-shrink:0;position:relative;width:28px;height:28px;border-radius:4px;border:1px solid #A5A5A5;}
.btn-type006:after{display:block;content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;background-image:url('../img/icon_search03.png');background-repeat:no-repeat;background-size:100% auto;background-position:center;}
/* 007 : 지역자료_활동지 다운로드 */
.btn-type007{flex-shrink:0;position:relative;width:28px;height:28px;border-radius:4px;border:1px solid #A5A5A5;background-color:#A5A5A5;}
.btn-type007:after{display:block;content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;background-image:url('../img/icon_down01.png');background-repeat:no-repeat;background-size:100% auto;background-position:center;}
/* 008,009 : 지역자료_활동지>사진자료 검색 */
.btn-type008,
.btn-type009{position:relative;width:28px;height:28px;border-radius:4px;background-color:#F5F5F5;}
.btn-type008:after,
.btn-type009:after{display:block;content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;background-repeat:no-repeat;background-size:100% auto;background-position:center;filter:brightness(0) saturate(100%);}
.btn-type008:after{background-image:url('../img/icon_search03.png');}
.btn-type009:after{background-image:url('../img/icon_down01.png');}
/* 010 : 지역자료_활동지 > 사진자료 > 뷰어 다운로드 */
.btn-type010{position:relative;width:48px;height:48px;background-repeat:no-repeat;background-size:100% auto;background-position:center;background-image:url('../img/icon_down02.png');}
/* 011 : 지역자료_활동지 > 사진자료 > 뷰어 다운로드 */
.btn-type011{position:relative;width:48px;height:48px;background-repeat:no-repeat;background-size:100% auto;background-position:center;background-image:url('../img/icon_close01.png');}
/* 012 : 지도 만들기_글자 > 크기 */
.btn-type012{width:38px;height:38px;position:relative;}
.btn-type012:after{display:block;content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:24px;height:24px;background-size:24px auto;background-position:center;background-repeat:no-repeat;}
.btn-type012.up:after{background-image:url('../img/icon_up_02.png');}
.btn-type012.down:after{background-image:url('../img/icon_down_02.png');}
/* 013 : 자료실_백지도>지도 만들기 바로가기 */
.btn-type013{display:block;width:136px;}
.btn-type013 img{display:block;width:100%;}
/* 014 : 자료실_지리정보>다른 지역과 지리 정보 비교하기 */
.btn-type014{display:block;width:660px;margin:20px auto 0;}
.btn-type014 img{display:block;width:100%;}
/* 016 : 지리정보비교하기>닫기버튼 */
.btn-type016{position:relative;width:90px;height:90px;background-color:#FF6652;}
.btn-type016:after{display:block;content:'';width:32px;height:32px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background-image:url('../img/icon_close02.svg');background-repeat:no-repeat;background-position:center;background-size:100% auto;}
/* 017 : 지리정보비교하기>선택리스트 닫기버튼 */
.btn-type017{width:28px;height:100%;}
.btn-type017:after{display:block;content:'';width:8px;height:8px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background-image:url('../img/icon_close03.png');background-size:contain;background-repeat:no-repeat;background-position:center;}
/* 018: 지도만들기_그리기>지우기,초기화 버튼 */
.btn-type018{position:relative;width:64px;height:64px;border-radius:100%;background-color:#838383;border:0 !important;}
.btn-type018:after{display:block;content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background-repeat:no-repeat;background-size:100% auto;background-position:center;}
.btn-type018.active,
.btn-type018:hover{background-color:#FF6652;}
.btn-type018.remove:after{width:43px;height:43px;background-image:url('../img/icon_remove01.png');}
.btn-type018.reset:after{width:31px;height:31px;background-image:url('../img/icon_reset01.png');}
/* 018: 지도만들기_그리기>안내,프린트,다운로드,공유 버튼 */
.btn-type019{position:relative;width:80px;height:80px;}
.btn-type019:after{display:block;content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background-repeat:no-repeat;background-size:100% auto;background-position:center;}
.btn-type019.active,
.btn-type019:hover{background-color:#D9D9D9;}
.btn-type019.info:after{width:36px;height:36px;background-image:url('../img/icon_tool0101.png');}
.btn-type019.print:after{width:34px;height:34px;background-image:url('../img/icon_tool0102.png');}
.btn-type019.down:after{width:32px;height:34px;background-image:url('../img/icon_tool0103.png');}
.btn-type019.share:after{width:36px;height:36px;background-image:url('../img/icon_tool0104.png');}
/* 020: 지도만들기_그리기>이동,축소,확대 버튼 */
.btn-type020{position:relative;width:64px;height:64px;border-top:0 !important;}
.btn-type020.move{background-image:url('../img/btn_controlmap_0101.png');}
.btn-type020.move:hover{background-image:url('../img/btn_controlmap_0102.png');}
.btn-type020.down{background-image:url('../img/btn_controlmap_0201.png');}
.btn-type020.down:hover{background-image:url('../img/btn_controlmap_0202.png');}
.btn-type020.up{background-image:url('../img/btn_controlmap_0301.png');}
.btn-type020.up:hover{background-image:url('../img/btn_controlmap_0302.png');}

/* -- 300~399 : 박스형태 버튼 -- */
/* 300 : 페이징 */
.btn-type300{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid #efefef;border-radius:2px;box-sizing:border-box;font-size:12px;color:#A5A5A5;}
/* hover,활성화 */
.btn-type300:hover,
.btn-type300.active{border-color:#FF6652;background-color:#FF6652;color:#fff;}
/* 301 : 셀렉Select 커스텀(지역자료_활동지_옵션) */
.btn-type301{position:relative;width:100%;height:48px;padding:0 13px;font-size:16px;color:#a5a5a5;border:2px solid #ff6652;border-radius:4px;box-sizing:border-box;text-align:left;}
.btn-type301:after{display:block;content:'';position:absolute;right:13px;top:50%;transform:translateY(-50%);width:24px;height:22px;background-repeat:no-repeat;background-position:center;background-image:url('../img/icon_arrow03.png');}
.btn-type301.active:after,
.selectbox-w01.active .btn-type301:after{transform:translateY(-50%) rotate(180deg);}
/* 302 : 누리집 바로가기 */
.btn-type302{width:280px;height:64px;background-position:center;background-size:100% auto;}
.btn-type302+.btn-type302{margin-top:21px;}
.btn-type302.area{background-image:url('../img/btn_type01.png');}
.btn-type302.national{background-image:url('../img/btn_type02.png');}
/* 302 : 공통팝업 버튼 */
.btn-type303{display:flex;align-items:center;justify-content:center;width:100%;height:48px;box-sizing:border-box;border:1px solid #9d9d9d;background-color:#E2E2E2;border-radius:4px;color:#000;font-size:22px;font-weight:700;}
.btn-type303.cancle{border-color:#FF6652;background-color:#FFE8E5;}
/* 303 : 지도만들기_그림기호 내 버튼 */
.btn-type304{width:100%;height:42px;box-sizing:border-box;border-radius:100px;font-size:18px;letter-spacing:-0.9px;font-weight:800;}
.btn-type304.type01{background-color:#FFA529;box-shadow:0px 4px 0px 0px rgba(255, 255, 255, 0.30) inset, 0px 4px 0px 0px #FF9400;color:#fff;}
.btn-type304.type02{height:44px;border: 2px solid #E7E7E7;box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.15) inset, 0px 2px 0px 0px #AAA;background: #838383;color:#fff;}
.btn-type304+.btn-type304{margin-top:16px;}
/* 305 : 지역화자료실 홈 버튼(이미지버튼이라 스타일x) */
/* 306 : 지역화자료실 로그아웃 버튼 */
.btn-type306{padding:7px 17px;box-sizing:border-box;border-radius:8px;background-color:#FF6652;border: 2px solid #FF6652;color:#fff;font-size:16px;font-weight:700;letter-spacing:-0.8px;}
.btn-type306.logout{background-color:#FFF1F0;color:#000;}
/* 307 : 지역화자료실 검색 버튼*/
.btn-type307{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:72px;height:100%;font-size:18px;font-weight:800;letter-spacing:-0.8px;color:#fff;background-color:#FF6652;}
/* 308 : 자료실_백지도 > 탭 */
.btn-type308{display:flex;align-items:center;justify-content:center;width:200px;height:40px;border-radius:60px;color:#000;font-size:20px;font-weight:700;letter-spacing:-1px;box-shadow: 0px 2px 0px 0px rgba(255, 102, 82, 0.50);border: 1px solid #FF6652;background-color:#fff;}
.btn-type308 strong,
.btn-type308 span{height:29px;line-height:34px;}
.btn-type308:hover,
.btn-type308.active{background-color:#FF6652;color:#fff;}

/* 309 : 셀렉Select 커스텀(자료실_사진자료 > 검색) */
.btn-type309{position:relative;width:100%;height:62px;padding:0 13px;font-size:18px;color:#000;box-sizing:border-box;text-align:left;}
.btn-type309:after{overflow:hidden;display:block;content:'';position:absolute;right:13px;top:50%;transform:translateY(-50%);width:21px;height:21px;background-repeat:no-repeat;background-position:center;background-size:24px auto;background-image:url('../img/icon_arrow04.svg');filter: brightness(0) saturate(100%) invert(58%) sepia(39%) saturate(5366%) hue-rotate(329deg) brightness(105%) contrast(101%);}
.btn-type309.active:after,
.selectbox-w02.active .btn-type309:after{transform:translateY(-50%) rotate(180deg);}
/* 310 : 셀렉Select 커스텀(자료실_사진자료 > 활동지 리스트) */
.btn-type310{position:relative;min-width:300px;width:100%;height:48px;padding:0 24px;font-size:18px;color:#000;border:2px solid #C8C8C8;border-radius:12px;box-sizing:border-box;text-align:left;}
.btn-type310:after{display:block;content:'';position:absolute;right:24px;top:50%;transform:translateY(-50%);width:24px;height:24px;background-repeat:no-repeat;background-position:center;background-image:url('../img/icon_arrow04.svg');}
.btn-type310.active:after,
.selectbox-w03.active .btn-type310:after{transform:translateY(-50%) rotate(180deg);}
/* 311 : 셀렉Select 커스텀(지리정보비교하기>지역선택) */
.btn-type311{position:relative;overflow:hidden;width:100%;height:36px;padding:0 38px 0 8px;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#7D7D7D;background-color:#fff;border:1px solid #DEDEDE;box-sizing:border-box;text-align:left;}
.btn-type311:after{display:block;content:'';position:absolute;right:0;top:0;border-left:1px solid #DEDEDE;width:36px;height:100%;background-repeat:no-repeat;background-position:center;background-size:20px auto;background-image:url('../img/icon_arrow05.png');}
.selectbox-w04.active .btn-type311:after{transform:rotate(180deg);border-left:0;border-right:1px solid #DEDEDE;}

/* -- 200~299  : 텍스트 형태 버튼 -- */
/* btn-type200 : 지도검색>검색결과 */
.btn-type200{display:block;text-align:left;}
.btn-type200 .title{font-size:14px;font-weight:800;letter-spacing:-0.7px;color:#000;}
.btn-type200 .title .txt-color01{display:inline-block;margin-right:5px;}
.btn-type200 .address{margin-top:9px;color:#A5A5A5;}
.btn-type200 .address .row{position:relative;padding-left:46px;line-height:16px;margin-top:5px;}
.btn-type200 .address .row:first-of-type{margin-top:0;}
.btn-type200 .address .row span{font-size:12px;}
.btn-type200 .address .label{position:absolute;left:0;top:0;text-align:center;font-size:9px;width:40px;height:16px;line-height:16px;border-radius:2px;border:1px solid #A5A5A5;box-sizing:border-box;}
/* btn-type201 : 지역자료_활동지 리스트 */
.btn-type201{display:flex;align-items:center;justify-content:flex-start;column-gap:14px;width:100%;padding:0 14px 0 0;box-sizing:border-box;}
.btn-type201 .image{overflow:hidden;flex-shrink:0;display:block;width:76px;height:56px;border:1px solid #D5D5D5;box-sizing:border-box;background-color:#fff;}
.btn-type201 .image img{display:block;width:100%;}
.btn-type201 .title{display: -webkit-box;text-align:left;font-size:16px;color:#A5A5A5;letter-spacing:-0.8px;font-weight:700;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.btn-type201:hover .title{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;}

/* -- 400~499 : 아이콘 + 텍스트 형태 버튼 -- */
/* btn-type400 : 좌측메뉴 */
.btn-type400{display:flex;flex-flow:column;align-items:center;justify-content:center;width:100%;height:90px;background-color:#FF6652;color:#fff;}
.btn-type400 strong{display:block;text-align:center;font-size:13px;font-weight:800;line-height:14px;letter-spacing:-0.65px;/*text-shadow: 0px 1px 0px rgba(171, 20, 0, 0.50);-webkit-text-stroke: 1px #AB1400;*/}
.btn-type400.active,
.btn-type400:hover{background-color:#FFA529;}
/* btn-type401 : 지도버튼 */
.btn-type401{display:flex;flex-flow:column;align-items:center;justify-content:center;width:100%;height:48px;background-color:#fff;color:#000;}
.btn-type401 strong{display:block;text-align:center;font-size:9px;font-weight:800;letter-spacing:-0.45px;}
.btn-type401:hover,
.btn-type401.active{background-color:#FF6652;}
.btn-type401:hover [class*='icon01-map-'],
.btn-type401.active [class*='icon01-map-']{filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(169deg) brightness(104%) contrast(108%);}
.btn-type401:hover strong,
.btn-type401.active strong{color:#fff;}
/* btn-type402 : 지도 만들기_그림기호 > 그림기호 선택 */
.btn-type402{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;text-align:center;width:100%;height:120px;box-sizing:border-box;border:1px solid #E0E0E0;border-radius:5px;}
.btn-type402:hover{background-color:#EFEFEF;}
.btn-type402 img{display:block;width:88px;height:88px;margin:0 auto 4px;}
.btn-type402 strong{display:block;text-align:center;font-size:14px;font-weight:600;letter-spacing:-0.7px;}
/* btn-type403 : Y클라우드 자료실 로고 */
.btn-type403{display:flex;align-items:center;justify-content:flex-start;text-decoration:none;}
.btn-type403 img{display:block;width:130px;}
.btn-type403 strong{display:block;margin-left:7px;font-size:32px;font-weight:800;letter-spacing:-1.6px;color:#084771;}
/* btn-type404 : Y클라우드 자료실 초기화 */
.btn-type404{display:flex;align-items:center;justify-content:center;column-gap:8px;padding:0 15px;height:26px;font-size:14px;font-weight:800;letter-spacing:-0.7px;border-radius:30px;border: 1px solid #FF6652;background-color:#fff;color:#FF6652;}
.btn-type404:hover{background-color:#FF6652;color:#fff;}
.btn-type404:hover .icon01-type002{filter:brightness(0) invert(1);}
/* btn-type405 : 자료실_백지도 > 리스트 내 버튼 */
.btn-type405{display:flex;align-items:center;justify-content:center;column-gap:6px;width:100%;height:36px;border-radius:2px;text-decoration:none;font-size:14px;font-weight:800;letter-spacing:-0.7px;}
.btn-type405.preview{border:1px solid #B9B9B9;color:#5a5a5a;background-color:#E2E2E2;}
.btn-type405.down{border:1px solid #FF6652;color:#FF6652;background-color:#FFE8E5;}
/* btn-type406 : 자료실_백지도 > 리스트 다운로드 */
.btn-type406{cursor:pointer;display:flex;align-items:center;justify-content:center;column-gap:6px;width:100%;height:22px;text-decoration:none;font-size:16px;font-weight:700;letter-spacing:-0.8px;color:#7D7D7D;}
.btn-type406:hover strong{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;}
/* btn-type407 : 지리정보비교하기 > 좌측메뉴 */
.btn-type407{width:72px;height:72px;border-radius:8px;border: 2px solid #A7DCFF;box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.50);box-sizing:border-box;background-color:#fff;color:#000;}
.btn-type407 strong{display:block;text-align:center;font-size:16px;font-weight:800;}
.btn-type407:hover,
.btn-type407.active{background-color:#084771;color:#fff;}
/* btn-type408 : 지도 만들기>그림기호 설정 */
.btn-type408{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:60px;height:60px;font-size:11px;font-weight:800;color:#fff;}
.btn-type408 .num{font-size:26px;font-weight:800;color:#fff;}
.btn-type408 .num:before{display:inline-block;content:'x';font-size:17px;font-weight:800;}
.btn-type408 strong{display:block;width:100%;margin-top:3px;}
.btn-type408:hover{background-color:#AB1400;color:#FFE8E5;border-left-color:#FFE8E5 !important;}
.btn-type408.active+.btn-type408,
.btn-type408:hover+.btn-type408{border-left-color:#FFE8E5 !important;}

/* -- 500~599 : 토글(Toggle) 형태 버튼 -- */
/* btn-type500 : 지도 만들기_글자>지명보기 */
.btn-type500{display:flex;align-items:center;justify-content:flex-start;height:49px;}
.btn-type500 .title{display:block;font-size:16px;font-weight:800;letter-spacing:-0.8px;color:#FF6652;}
.btn-type500 .toggle-btn{display:block;margin-left:7px;width:44px;height:20px;position:relative;padding:2px 4px;box-sizing:border-box;border-radius:100px;background-color:#FF6652;box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.25) inset;}
.btn-type500 .toggle-dott{position:absolute;left:3px;top:50%;z-index:1;transform:translateY(-50%);transition:all ease-in-out 0.2s;width:16px;height:16px;background-color:#fff;border-radius:100%;}
.btn-type500.active .toggle-dott{left:25px;}

/* -- btns-w01 : 버튼그룹(지역소개,국가유산) -- */
.btns-w01{margin-top:30px;padding-top:25px;border-top:1px solid #D9D9D9;box-sizing:border-box;}
/* -- btns-w02 : 지도 만들기 > 지도 기호 선택(그림기호 설정 버튼) -- */
.btns-w02{position:absolute;left:24px;bottom:30px;width:calc(100% - 48px);}
/* -- btns-w03 : 자료실 탭 -- */
.btns-w03{display:flex;align-items:center;justify-content:center;column-gap:24px;}
/* -- btns-w04 : 지도만들기>우측상단 툴바 -- */
.btns-w04{position:fixed;left:0;top:0;z-index:1;width:100%;height:80px;padding-right:27px;box-sizing:border-box;border-bottom:1px solid #D3D3D3;background-color:#fff;}
.btns-w04 .btns-inner{display:flex;align-items:center;justify-content:flex-end;width:100%;height:100%;}
/* -- btns-w05 : 지도만들기>그리기>우측하단 -- */
.btns-w05{display:inline-flex;justify-content:center;align-items:center;column-gap:13px;width:180px;height:78px;padding:7px 20px;border:2px solid #D3D3D3;box-sizing:border-box;border-radius:20px;box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.25);    background: #fff;}
/* -- btns-w06 : 지도만들기>이동,축소,확대 -- */
.btns-w06{display:inline-flex;align-items:center;justify-content:center;gap:14px;width:239px;height:78px;border-radius:50px;border:1px solid #D3D3D3;box-sizing:border-box;background-color:#fff;}
/* =============== ####박스모듈 ======================== */
/* box-type001 : 지역자료_활동지>사진자료 리스트 */
.box-type001{display:block;overflow:hidden;position:relative;border:1px solid #d5d5d5;border-radius:8px;box-sizing:border-box;}
.box-type001 .image{overflow:hidden;position:relative;width:100%;height:132px;}
.box-type001 .image img{display:block;min-width:100%;min-height:100%;max-width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);cursor: pointer;}
.box-type001 .cont{padding:9px 15px;box-sizing:border-box;}
.box-type001 .title{display:block;font-size:16px;color:#FF6652;letter-spacing:-0.8px;font-weight:700;}
.box-type001 .text{display:block;margin-top:8px;font-size:14px;color:#a5a5a5;letter-spacing:-0.7px;font-weight:700;}
.box-type001 .btn-w{display:none;}
/* hover,활성화 */
.box-type001:hover {border: 1px solid #FF6652;}
.box-type001:hover:after,
/*.box-type001:active:after{display:block;content:'';width:100%;height:100%;position:absolute;left:0;top:0;} 0601 jhweb소스 */
.box-type001:active:after{display:block;content:'';width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(0,0,0,0);}
.box-type001:hover .btn-w,
.box-type001:active .btn-w{display:block;position:absolute;right:10px;bottom:9px;z-index:1;}


/* box-type002 : 자료실>백지도 리스트 */
.box-type002{border:1px solid #d9d9d9;box-sizing:border-box;border-radius:4px;}
/* .box-type002 .cont{padding:7px 16px;height:63px;border-top:1px solid #d9d9d9;box-sizing:border-box;}
.box-type002 .cont .title{line-height:24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.box-type002 .cont .text{display:block;margin-top:5px;color:#A1A1A1;} */
.box-type002 .cont{padding:8px 16px;height:63px;border-top:1px solid #d9d9d9;box-sizing:border-box;}
.box-type002 .cont .title{line-height:24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: 600;}
.box-type002 .cont .text{display:block;margin-top:5px;color:#A1A1A1;font-size: 15px;}

.box-type002 .btn-w{display:flex;align-items:center;justify-content:space-between;column-gap:6px;padding:5px;}
.box-type002 .checkbox-w04 label{height:217px;overflow:hidden;}

/* =============== ####폼요소 ======================== */
/* -- 검색input -- */
/* .search-w01 : 검색input */
.search-w01{padding:24px;box-sizing:border-box;}
.search-w01 .search-inner{overflow:hidden;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;border:2px solid #FF6652;width:100%;height:48px;border-radius:4px;}
.search-w01 input{border:0;width:100%;height:100%;padding:13px 13px;box-sizing:border-box;font-size:16px;font-weight:700;color:#000;}
.search-w01 input:focus{border-color:transparent;}
.search-w01 input::placeholder{color:#A5A5A5;}
/* .search-w02 : 자료실>검색 */
.search-w02{box-sizing:border-box;}
.search-w02 .search-inner{overflow:hidden;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;height:62px;}
.search-w02 input{border:0;width:100%;height:100%;padding:0 12px;box-sizing:border-box;font-size:18px;font-weight:700;color:#000;letter-spacing:-0.9px;}
.search-w02 input:focus{border-color:transparent;}
.search-w02 input::placeholder{color:#A5A5A5;}

/* 체크박스 : 지도>이미지 */
.checkbox-w01{overflow:hidden;position:relative;display:inline-flex;align-items:center;box-sizing:border-box;padding-left:32px;min-width:82px;height:28px;border:1px solid #000;border-radius:4px;background-color:#FF6652;}
.checkbox-w01 .checkbox01{cursor:pointer;position:absolute;left:0;top:0;z-index:1;margin:0;opacity:0;width:26px;height:100%;}
.checkbox-w01 label{cursor:pointer;display:flex;align-items:center;height:100%;color:#fff;padding-right:6px;font-size:10px;letter-spacing:-0.5px;font-weight:700;}
.checkbox-w01 label:before{display:block;content:'';position:absolute;left:0;top:0;width:26px;height:100%;background-color:#000;background-image:url('../img/Icon_check01.png');background-size:18px;background-repeat:no-repeat;background-position:center;}
.checkbox-w01 .checkbox01:checked + label:before{background-image:url('../img/Icon_check02.png');}
/* 체크박스 : 지도 만들기_그림기호 */
.checkbox-w02 .checkbox-group{position:relative;overflow:hidden;text-align:center;width:120px;height:120px;box-sizing:border-box;border:1px solid #E0E0E0;border-radius:5px;}
.checkbox-w02 .checkbox02{position:absolute;left:0;top:0;}
.checkbox-w02 label{cursor:pointer;position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background-color:#fff;}
.checkbox-w02 img{display:block;width:88px;height:88px;margin:4px auto;}
.checkbox-w02 strong{display:block;text-align:center;font-size:14px;font-weight:600;letter-spacing:-0.7px;}
.checkbox-w02 .checkbox02:checked + label{background-color:#EFEFEF;}
/* 체크박스 : 자료실_백지도>리스트 */
.checkbox-w03{flex-shrink:0;color:#7D7D7D;font-weight:700;}
.checkbox-w03 .checkbox-inner{position:relative;display:flex;align-items:center;justify-content:flex-start;height:22px;}
.checkbox-w03 .checkbox01{position:absolute;left:0;top:0;opacity:0;}
.checkbox-w03 label{cursor:pointer;display:inline-block;padding-left:28px;}
.checkbox-w03 label:before{display:block;content:'';width:22px;height:22px;position:absolute;left:0;top:50%;transform:translateY(-50%);background-image:url('../img/Icon_check03.svg');background-repeat:no-repeat;background-position:center;background-size:100% auto;}
.checkbox-w03 .checkbox01:checked + label{color:#FF6652;}
.checkbox-w03 .checkbox01:checked + label:before{filter: brightness(0) saturate(100%) invert(39%) sepia(73%) saturate(928%) hue-rotate(326deg) brightness(121%) contrast(101%);}
.checkbox-w03:hover label{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;}
/* 체크박스 : 자료실_백지도>박스모듈 리스트 */
.checkbox-w04 .checkbox-inner{position:relative;display:block;}
.checkbox-w04 .checkbox01{position:absolute;right:0;top:0;opacity:0;}
/* .checkbox-w04 label{display:block;position:relative;cursor:pointer;padding:7px 16px 0;box-sizing:border-box;} */
.checkbox-w04 label{display:block;position:relative;cursor:pointer;padding:8px 0;box-sizing:border-box;}
.checkbox-w04 label:before,
/* .checkbox-w04 label:after{display:block;content:'';width:22px;height:22px;position:absolute;right:10px;top:10px;background-repeat:no-repeat;background-position:center;background-size:100% auto;} */
.checkbox-w04 label:after{display:block;content:'';width:22px;height:22px;position:absolute;right:16px;top:16px;background-repeat:no-repeat;background-position:center;background-size:100% auto;}
.checkbox-w04 label:before{z-index:1;background-image:url('../img/Icon_check03.svg');}
.checkbox-w04 label:after{display:block;content:'';background-color:#fff;}
.checkbox-w04 .checkbox01:checked + label:before{filter: brightness(0) saturate(100%) invert(39%) sepia(73%) saturate(928%) hue-rotate(326deg) brightness(121%) contrast(101%);}
/* .checkbox-w04 img{display:block;margin:0 auto;width:100%;} */
.checkbox-w04 img{display:block;margin:0 auto;width:278px; height: 200px;}




/* 인풋Radio : 지역자료_활동지 */
.radiobox-w01{overflow:hidden;position:relative;display:inline-flex;align-items:center;box-sizing:border-box;padding-left:32px;min-width:147px;height:24px;}
.radiobox-w01 .radiobox01{cursor:pointer;position:absolute;left:0;top:0;z-index:1;margin:0;opacity:0;width:26px;height:100%;}
.radiobox-w01 label{cursor:pointer;height:100%;line-height:24px;color:#a5a5a5;font-size:16px;letter-spacing:-0.8px;font-weight:700;}
.radiobox-w01 label:after,
.radiobox-w01 label:before{display:block;content:'';position:absolute;left:0;top:0;width:24px;height:24px;border-radius:100%;box-sizing:border-box;}
.radiobox-w01 label:after{background-color:#fff;border:1px solid #d5d5d5;}
.radiobox-w01 .radiobox01:checked + label:before{z-index:1;left:6px;top:6px;width:12px;height:12px;background-color:#ff6652;}

/* 인풋Radio : 지도 만들기_그림기호 */
.radiobox-w02{position:relative;width:88px;height:34px;}
.radiobox-w02 .radiobox02{cursor:pointer;position:absolute;left:0;top:0;z-index:1;margin:0;opacity:0;width:26px;height:100%;}
.radiobox-w02 label{cursor:pointer;display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-size:auto 100%;background-repeat:no-repeat;background-position:center;}
.radiobox-w02.mapMake01{background-image:url('../img/radio_makemap0101.png');}/* 그림기호 */
.radiobox-w02.mapMake02{background-image:url('../img/radio_makemap0201.png');}/* 지도기호 */
.radiobox-w02.mapMake03{background-image:url('../img/radio_makemap0301.png');}/* 사진 */
.radiobox-w02.mapMake04{background-image:url('../img/radio_makemap0401.png');}/* 글자 */
.radiobox-w02.mapMake05{background-image:url('../img/radio_makemap0501.png');}/* 그리기 */
.radiobox-w02.mapMake06{background-image:url('../img/radio_makemap0601.png');}/* 이모지 */
.radiobox-w02.mapMake01 .radiobox02:checked + label{background-image:url('../img/radio_makemap0102.png');}
.radiobox-w02.mapMake02 .radiobox02:checked + label{background-image:url('../img/radio_makemap0202.png');}
.radiobox-w02.mapMake03 .radiobox02:checked + label{background-image:url('../img/radio_makemap0302.png');}
.radiobox-w02.mapMake04 .radiobox02:checked + label{background-image:url('../img/radio_makemap0402.png');}
.radiobox-w02.mapMake05 .radiobox02:checked + label{background-image:url('../img/radio_makemap0502.png');}
.radiobox-w02.mapMake06 .radiobox02:checked + label{background-image:url('../img/radio_makemap0602.png');}

/* radiobox-w03: 지도 만들기_글자>폰트,정렬,브러쉬크기 */
.radiobox-w03{}
.radiobox-w03 .title{display:block;margin-bottom:7px;font-size:16px;font-weight:600;letter-spacing:-0.8px;}
.radiobox-w03 .radiobox-inner{overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:38px;border-radius:4px;border: 1px solid #D9D9D9;box-sizing:border-box;background-color:#fff;}
.radiobox-w03 .radiobox-group{position:relative;width:100%;height:100%;text-align:center;border-left:1px solid #D9D9D9;box-sizing:border-box;}
.radiobox-w03 .radiobox-group:first-of-type{border-left:0;}
.radiobox-w03 .radiobox03{position:absolute;left:0;top:0;opacity:0;}
.radiobox-w03 label{cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:16px;font-weight:600;letter-spacing:-0.8px;background-color:#fff;color:#656565;}
.radiobox-w03 .radiobox03:checked + label{background-color:#D9D9D9;}
/* radiobox-w03 브러쉬크기 */
.radiobox-w03 .radiobox04{position:absolute;left:0;top:0;opacity:0;}
.radiobox-w03 .radiobox04+label{cursor:pointer;display:block;position:relative;width:100%;height:100%;background-color:#fff;}
.radiobox-w03 .radiobox04:checked + label{background-color:#D9D9D9;}
.radiobox-w03 .radiobox04+label:after{display:block;content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);border-radius:100%;background-color:#656565;}
.radiobox-w03 .radiobox-group:nth-of-type(1) .radiobox04+label:after{width:8px;height:8px;}
.radiobox-w03 .radiobox-group:nth-of-type(2) .radiobox04+label:after{width:12px;height:12px;}
.radiobox-w03 .radiobox-group:nth-of-type(3) .radiobox04+label:after{width:16px;height:16px;}
.radiobox-w03 .radiobox-group:nth-of-type(4) .radiobox04+label:after{width:22px;height:22px;}

/* radiobox-w04: 지도 만들기_글자>글자색 */
.radiobox-w04 .title{display:block;margin-bottom:7px;font-size:16px;font-weight:600;letter-spacing:-0.8px;}
.radiobox-w04 .radiobox-inner{display:inline-flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:20px 10px;padding:16px 18px 20px;width:100%;border:1px solid #D9D9D9;border-radius:4px;box-sizing:border-box;background-color:#fff;}
.radiobox-w04 .radiobox-group{position:relative;width:34px;height:34px;}
.radiobox-w04 .radiobox04{position:absolute;left:0;top:0;opacity:0;}
.radiobox-w04 label{cursor:pointer;display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
.radiobox-w04 label:before{display:block;content:'';width:30px;height:30px;position:absolute;left:2px;top:2px;border-radius:100%;box-sizing:border-box;}
.radiobox-w04 .radiobox04:checked + label:after,
.radiobox-w04 label:hover:after{display:block;position:absolute;left:0;top:0;content:'';width:34px;height:34px;border-radius:100%;border: 1px dashed #F00;box-sizing:border-box;}
/* 컬러제어 */
.radiobox-w04 .radiobox-group.color01 label:before{background-color:#FF0000;}
.radiobox-w04 .radiobox-group.color02 label:before{background-color:#FF7B00;}
.radiobox-w04 .radiobox-group.color03 label:before{background-color:#FF7B00;}
.radiobox-w04 .radiobox-group.color04 label:before{background-color:#49C50B;}
.radiobox-w04 .radiobox-group.color05 label:before{background-color:#00BBFF;}
.radiobox-w04 .radiobox-group.color06 label:before{background-color:#2558FF;}
.radiobox-w04 .radiobox-group.color07 label:before{background-color:#6448FF;}
.radiobox-w04 .radiobox-group.color08 label:before{background-color:#FF17E8;}
.radiobox-w04 .radiobox-group.color09 label:before{background-color:#000;}
.radiobox-w04 .radiobox-group.color10 label:before{background-color:#fff;border:1px solid #8D8D8D;}

/* 셀렉Select 커스텀 : 지역자료_활동지_옵션 */
.selectbox-w01{box-sizing:border-box;position:relative;}
.selectbox-w01[disable] [toggleswitch] { color: #ddd; }  
.selectbox-w01 .select-list{display:none;position:absolute;left:0;top:48px;z-index:2;width:100%;padding:13px 11px 13px 0;box-sizing:border-box;border:1px solid #FF6652;border-top:0;border-radius:0 0 4px 4px;background-color:#fff;}
.selectbox-w01:first-child .select-list{z-index: 99;}
.selectbox-w01 .select-list ul{max-height:480px;padding-right:17px;overflow-y:auto;}
.selectbox-w01 .select-list ul::-webkit-scrollbar{width:6px;}
.selectbox-w01 .select-list ul::-webkit-scrollbar-thumb{background-color:#D9D9D9;}
.selectbox-w01 .select-list ul::-webkit-scrollbar-track{background-color:transparent;}
.selectbox-w01 .select-list li{border-top:1px solid #EFEFEF;box-sizing:border-box;}
.selectbox-w01 .select-list li:first-of-type{border-top:0;}
.selectbox-w01 .select-list button,
.selectbox-w01 .select-list a{display:block;width:100%;padding:13px 25px;box-sizing:border-box;text-align:left;font-size:16px;font-weight:700;letter-spacing:-0.8px;color:#7B7B7B;}
.selectbox-w01.active .select-list{display:block;}
.selectbox-w01 .select-list button:hover,
.selectbox-w01 .select-list a:hover,
.selectbox-w01 .select-list button.active,
.selectbox-w01 .select-list a:hover.active{color:#FF6652;}

/* 셀렉Select 커스텀 : 자료실>검색 */
.selectbox-w02{box-sizing:border-box;position:relative;}
.selectbox-w02[disable] [toggleswitch] { color: #ddd; }  
.selectbox-w02 .select-list{display:none;position:absolute;left:0;top:70px;z-index:2;width:100%;padding:13px 11px 13px 0;box-sizing:border-box;border:1px solid #FF6652;border-radius:4px;background-color:#fff;z-index: 99999;}
.selectbox-w02 .select-list ul{max-height:480px;padding-right:17px;overflow-y:auto;}
.selectbox-w02 .select-list ul::-webkit-scrollbar{width:6px;}
.selectbox-w02 .select-list ul::-webkit-scrollbar-thumb{background-color:#D9D9D9;}
.selectbox-w02 .select-list ul::-webkit-scrollbar-track{background-color:transparent;}
.selectbox-w02 .select-list li{border-top:1px solid #EFEFEF;box-sizing:border-box;}
.selectbox-w02 .select-list li:first-of-type{border-top:0;}
.selectbox-w02 .select-list li:last-of-type{padding-bottom:0;}
.selectbox-w02 .select-list button,
.selectbox-w02 .select-list a{display:block;width:100%;padding:13px 25px;box-sizing:border-box;text-align:left;font-size:16px;font-weight:700;letter-spacing:-0.8px;color:#7B7B7B;}
.selectbox-w02.active .select-list{display:block;}
.selectbox-w02 .select-list button:hover,
.selectbox-w02 .select-list a:hover,
.selectbox-w02 .select-list button.active,
.selectbox-w02 .select-list a:hover.active{color:#FF6652;}

/* 셀렉Select 커스텀 : 자료실>활동지 학년/학기 선택 */
.selectbox-w03{box-sizing:border-box;position:relative;}
.selectbox-w03[disable] [toggleswitch] { color: #ddd; }  
.selectbox-w03 .select-list{display:none;position:absolute;left:0;top:55px;z-index:2;width:100%;padding:13px 11px 13px 0;box-sizing:border-box;border:1px solid #C8C8C8;border-radius:4px;background-color:#fff;}
.selectbox-w03 .select-list ul{max-height:480px;padding-left:17px;padding-right:17px;overflow-y:auto;box-sizing:border-box;}
.selectbox-w03 .select-list ul::-webkit-scrollbar{width:6px;}
.selectbox-w03 .select-list ul::-webkit-scrollbar-thumb{background-color:#D9D9D9;}
.selectbox-w03 .select-list ul::-webkit-scrollbar-track{background-color:transparent;}
.selectbox-w03 .select-list li{border-top:1px solid #EFEFEF;box-sizing:border-box;}
.selectbox-w03 .select-list li:first-of-type{border-top:0;}
.selectbox-w03 .select-list button,
.selectbox-w03 .select-list a{display:block;width:100%;padding:13px 7px;text-align:left;box-sizing:border-box;font-size:16px;font-weight:700;letter-spacing:-0.8px;color:#7B7B7B;}
.selectbox-w03.active .select-list{display:block;}
.selectbox-w03 .select-list button:hover,
.selectbox-w03 .select-list a:hover,
.selectbox-w03 .select-list button.active,
.selectbox-w03 .select-list a:hover.active{color:#FF6652;}

/* 셀렉Select 커스텀 : 지리정보비교하기>지역선택 */
.selectbox-w04{width:100%;max-width:252px;box-sizing:border-box;position:relative;display:inline-block;}
.selectbox-w04[disable] [toggleswitch] { color: #ddd; }  
.selectbox-w04 .select-list{display:none;position:absolute;left:0;top:35px;z-index:2;width:100%;padding:10px 8px;box-sizing:border-box;border:1px solid #DEDEDE;background-color:#fff;}
.selectbox-w04 .select-list ul{max-height:280px;padding-right:17px;overflow-y:auto;}
.selectbox-w04 .select-list ul::-webkit-scrollbar{width:6px;}
.selectbox-w04 .select-list ul::-webkit-scrollbar-thumb{background-color:#D9D9D9;}
.selectbox-w04 .select-list ul::-webkit-scrollbar-track{background-color:transparent;}
.selectbox-w04 .select-list li{padding:13px 0px;border-top:1px solid #EFEFEF;box-sizing:border-box;}
.selectbox-w04 .select-list li:first-of-type{padding-top:0;border-top:0;}
.selectbox-w04 .select-list li:last-of-type{padding-bottom:8px;}
.selectbox-w04 .select-list button,
.selectbox-w04 .select-list a{font-size:14px;font-weight:400;letter-spacing:-0.8px;color:#7B7B7B;}
.selectbox-w04.active .select-list{display:block;}


/* =============== ####타이틀(title-type$$$) & 텍스트(txt-type$$$) 요소 ======================== */
/* txt-type001 : 검색결과 안내 */
.txt-type001{padding:0 24px 6px;box-sizing:border-box;width:100%;font-size:12px;font-weight:700;letter-spacing:-0.6px;}
/* txt-type002 : 자료실_백지도>검색 위 안내 문구 */
.txt-type002{display:flex;align-items:center;justify-content:flex-start;column-gap:4px;color:#FF6652;font-size:16px;font-weight:700;letter-spacing:-0.8px;}
/* txt-type003 : 자료실>회원정보 */
.txt-type003{display:block;font-size:16px;font-weight:700;letter-spacing:-0.8px;color:#595959;}
/* txt-type004 : 자료실>백지도>검색결과 리스트 */
.txt-type004{display:block;font-size:24px;font-weight:700;letter-spacing:-1.2px;color:#000;}
.txt-type004 .txt-color01{font-weight:800;}

/* -- 기타그룹핑 txt-type030~050 -- */
.txt-type030 .title{display:block;text-align:left;font-size:16px;font-weight:600;letter-spacing:-0.8px;}
.txt-type030 .txt-inner{display:flex;align-items:center;justify-content:center;margin-top:7px;width:100%;height:38px;border:1px solid #d9d9d9;box-sizing:border-box;}
.txt-type030 .text{display:flex;align-items:center;justify-content:center;margin:0 5px;width:94px;height:28px;border:1px solid #D9D9D9;border-radius:4px;font-size:16px;font-weight:600;letter-spacing:-0.8px;box-sizing:border-box;background-color:#fff;color:#656565;}
/* 자료실_백지도>리스트 옵션(전체선택,다운로드) */
.txt-type031{display:flex;align-items:center;justify-content:flex-end;column-gap:24px;}
/* 지리정보비교하기>비교할 지역 선택 전 */
.txt-type032{display:flex;align-items:center;justify-content:center;background-color:#F0F0F0;width:100%;height:100%;}
.txt-type032 .icon01-mapart{display:block;margin:0 auto;text-align:center;}
.txt-type032 .text{display:block;margin-top:25px;font-size:38px;font-weight:800;line-height:1.2;letter-spacing:-1.9px;color:#888;}
/* 지리정보비교하기>지리정보비교하기>선택리스트*/
.txt-type033{min-width:120px;height:28px;border:1px solid #939393;background-color:#fff;border-radius:95px;font-size:14px;font-weight:600;letter-spacing:-0.7px;color:#9D9D9D;}
.txt-type033{display:inline-flex;align-items:center;justify-content:flex-start;position:relative;padding:0 15px;box-sizing:border-box;}
.txt-type033 .btn-type017{position:absolute;right:0;top:0;}
/* -- 페이징 모듈 -- */
.paging-w01{display:flex;align-items:center;justify-content:center;column-gap:6px;margin-top:54px;}
.paging-w01 ul{display:flex;align-items:center;justify-content:center;column-gap:2px;}
/* -- 페이징 모듈02(40x40) -- */
.paging-w02{display:flex;align-items:center;justify-content:center;column-gap:6px;margin-top:86px;}
.paging-w02 ul{display:flex;align-items:center;justify-content:center;column-gap:3px;}
.paging-w02 .btn-type300{width:40px;height:40px;font-size:20px;letter-spacing:-1px;font-weight:800;}
.paging-w02 .btn-type300 span{height:20px;line-height:22px;}
.paging-w02 .btn-type005{width:40px;height:40px;}
.paging-w02 .icon01-arrow01{width:7px;height:13px;}

/* -- 지도 스케일 -- */
.map-scaleCtrl{position:relative;height:204px;padding:32px 0;box-sizing:border-box;background-color:#fff;}
.map-scaleCtrl .btn-type004{position:absolute;left:0;}
.map-scaleCtrl .btn-type004.scale-up{top:0;}
.map-scaleCtrl .btn-type004.scale-down{bottom:0;}
.range_box{height:140px;padding:9px 15px 6px;box-sizing:border-box;position:relative;border-top:1px solid #000;}
.range_bar_wrap{position:relative;width:100%;height:121px;background-image:url('../img/icon_scaleBar.png');background-repeat:no-repeat;background-position:center;background-size:18px auto;}
.range_control{display:block;position:absolute;left:50%;transform:translateX(-50%);width:34px;height:13px;border-radius:12px;border:2px solid #FF6652 !important;background-color:#fff;}
/* -- 지도만들기>지도 스케일 -- */
.util_area04 .range_bar_wrap{background-image:url('../img/icon_scaleBar02.png');}
.util_area04 .map-scaleCtrl .btn-type004{background-color:#EFF1FE;}
.util_area04 .map-scaleCtrl .btn-type004:hover{background-color:#FF6652;}
.util_area04 .range_control{background-color:#EFF1FE;border-color:#000 !important;}
/* =============== ####페이지 조합 ======================== */
.ycloud-wrap{padding-left:89px;box-sizing:border-box;width:100vw;}
.skip_nav{position:fixed;left:0;top:0;}
/* -- 헤더 -- */
.ycloud-wrap .header{position:fixed;left:0;top:0;z-index:3;width:89px;height:100%;border-right:1px solid #E6E6E6;background-color:#FF6652;}
.logo01{width:100%;height:90px;}
.menu-list li{border-bottom:1px solid #C54332;}
.menu-list li .btn-type400 strong{position:relative;display:block;width:100%;height:17px;font-size:0;}
.menu-list li:nth-of-type(3) .btn-type400 strong,
.menu-list li:nth-of-type(5) .btn-type400 strong{height:30px;}
.menu-list li .btn-type400 strong:after{display:block;content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);background-repeat:no-repeat;background-size:100% auto;background-position:center;}
.menu-list li:nth-of-type(1) .btn-type400 strong:after{width:50px;height:17px;background-image:url('../img/btn_menu0101.png');}
.menu-list li:nth-of-type(2) .btn-type400 strong:after{width:50px;height:17px;background-image:url('../img/btn_menu0201.png');}
.menu-list li:nth-of-type(3) .btn-type400 strong:after{width:49px;height:30px;background-image:url('../img/btn_menu0301.png');}
.menu-list li:nth-of-type(4) .btn-type400 strong:after{width:60px;height:15px;background-image:url('../img/btn_menu0401.png');}
.menu-list li:nth-of-type(5) .btn-type400 strong:after{width:49px;height:30px;background-image:url('../img/btn_menu0501.png');}
.menu-list li:nth-of-type(1) .btn-type400:hover strong:after,
.menu-list li:nth-of-type(1) .btn-type400.active strong:after{background-image:url('../img/btn_menu0102.png');}
.menu-list li:nth-of-type(2) .btn-type400:hover strong:after,
.menu-list li:nth-of-type(2) .btn-type400.active strong:after{background-image:url('../img/btn_menu0202.png');}
.menu-list li:nth-of-type(3) .btn-type400:hover strong:after,
.menu-list li:nth-of-type(3) .btn-type400.active strong:after{background-image:url('../img/btn_menu0302.png');}
.menu-list li:nth-of-type(4) .btn-type400:hover strong:after,
.menu-list li:nth-of-type(4) .btn-type400.active strong:after{background-image:url('../img/btn_menu0402.png');}
.menu-list li:nth-of-type(5) .btn-type400:hover strong:after,
.menu-list li:nth-of-type(5) .btn-type400.active strong:after{background-image:url('../img/btn_menu0502.png');}
/* -- 메인 헤더 -- */
.ycloudMain-wrap{min-width:1210px;}
.ycloudMain-wrap .header{display:flex;align-items:center;justify-content:flex-start;width:100%;height:63px;position:fixed;left:0;top:0;z-index:9;background-color:#fff;}
.ycloudMain-wrap .header.main-header {background-color: #BCF0EE;}
.ycloudMain-wrap .header-inner{width:100%;max-width:1920px;padding:0 125px;margin:0 auto;box-sizing:border-box;}
.ycloudMain-wrap .content-inner{position:relative;height:calc(100vh - 63px);}
/* .ycloudMain-wrap .container{padding-top:63px;min-height:1210px;box-sizing:border-box;background-image:url('../img/main_bg.png');background-size:cover;background-position:center;background-repeat:no-repeat;} */
.ycloudMain-wrap .container{padding-top:63px;box-sizing:border-box;background-image:url('../img/main_bg.png');background-size:cover;background-position:center;background-repeat:no-repeat;}
/* 메인 타이틀 */
.main-title01{display:inline-block;width:555px;position:absolute;left:50%;top:70px;transform:translate(-50%, 0);}
.main-title01 img{display:block;width:100%;}
/* 메인 바로가기 버튼 */
/* .navi-path{position:absolute;left:50%;top:300px;transform:translate(-50%, 0);display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1365px;}
[class*='navi-btn0'] img{transition:all 0.3s;}
[class*='navi-btn0']:hover img{transform:scale(1.2);}
.navi-btn02{margin-top:87px;position:relative;top:35px;} */
.navi-path{position:absolute;left:50%;top:18%;transform:translate(-50%, 0);display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1365px;}
[class*='navi-btn0'] img{transition:all 0.3s;}
[class*='navi-btn0']:hover img{transform:scale(1.2);}
.navi-btn02{margin-top:87px;position:relative;top:35px;}
/* -- 자료실 헤더 -- */
.ycloudReference-wrap{}/*1360 / 1510 / 1686*/
.ycloudReference-wrap .header{width:100%;height:90px;border-bottom:1px solid #FF6652;box-sizing:border-box;}
.ycloudReference-wrap .header-inner{display:flex;align-items:center;justify-content:space-between;margin:0 auto;max-width:1360px;width:100%;height:100%;padding:0 20px;box-sizing:border-box;}
.ycloudReference-wrap .logo02{display:flex;align-items:center;justify-content:flex-start;column-gap:16px;}

/* -- 지리정보비교하기 헤더 -- */
.ycloudCompare-wrap{min-width:1330px;overflow-x:auto;padding-top:90px;}
.ycloudCompare-wrap .header{position:fixed;left:0;top:0;z-index:1;width:100%;height:90px;box-sizing:border-box;background-color:#FFE8E5;}
.ycloudCompare-wrap .header-inner{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 130px 0 32px;box-sizing:border-box;}
.ycloudCompare-wrap .btn-type016{position:absolute;right:0;top:0;}
.ycloudCompare-wrap .menu-list{position:fixed;left:0;top:90px;z-index:1;width:100px;height:calc(100% - 90px);padding:15px 14px;background-color:#084771;box-sizing:border-box;}
.ycloudCompare-wrap .menu-list li{border:0;margin-top:12px;}
.ycloudCompare-wrap .menu-list li:first-of-type{margin-top:0;}
.ycloudCompare-wrap .container{height:calc(100vh - 110px);}


/* -- 컨테이너 -- */
.container{height:100vh;}

/* -- 사이드메뉴 (width:328px) -- */
.side-menu01{position:fixed;left:-239px;top:0;z-index:2;padding:42px 24px 0;width:328px;height:100vh;box-sizing:border-box;transition:all ease-in-out 0.4s;border-right:1px solid #FF6652;background-color:#fff;}
.side-menu01.active{left:89px;}
.side-menu01 .btn-type003{position:absolute;right:-26px;top:50%;transform:translateY(-50%);}
.side-menu01.active .btn-type003:after{transform:translate(-50%,-50%) rotate(0deg);}
.side-menu01:has(.txt-type001){padding:0;}

/* -- 사이드메뉴02 (width:560px) -- */
.wideType01{width:560px;left:-472px;padding:42px 22px 29px 24px;}

/* -- 검색 리스트 -- */
.search-list-w{padding:0 6px 0 12px;margin-top:4px;box-sizing:border-box;border-top:1px solid #FF6652;}
.search-list{margin-top:24px;overflow-y:auto;height:calc(100vh - 264px);padding:0 18px 0 12px;box-sizing:border-box;}
.search-list::-webkit-scrollbar{width:6px;}
.search-list::-webkit-scrollbar-thumb{background-color:#FF6652;border-radius:6px;}
.search-list::-webkit-scrollbar-track{background-color:transparent;}
.search-list li{padding:24px 0 16px;box-sizing:border-box;border-bottom:1px solid #EFEFEF;}
.search-list li:first-of-type{padding-top:0;}

/* -- 지도영역 -- */
.mapzone-w01{position:absolute;left:89px;top:0;width:calc(100% - 89px);height:100%;}
[class*='util_area0']{position:absolute;right:28px;width:60px;border:1px solid #000;border-radius:4px;box-sizing:border-box;overflow:hidden;}
[class*='util_area0'] button{border-top:1px solid #000;}
[class*='util_area0'] button:first-of-type{border-top:0;}
.util_area01{top:34px;}
.util_area02{top:231px;}
.util_area03{top:381px;}
.util_area04{right:48px;bottom:53px;}
.util_area05{right:141px;bottom:49px;border:0;width:180px;height:80px;}
/* .util_area06{right:141px;bottom:49px;border:0;width:239px;height:78px;} */
.util_area06{display:absolute;right:141px;bottom:49px;border:0;width:239px;height:78px;}
.util_area10{position:absolute;right:93px;top:35px;}
/* 지도마커 */
.marker-w01{}
.marker-w01 .marker-inner{position:relative;display:flex;align-items:center;justify-content:flex-start;padding-left:26px;height:66px;}

/*
.marker-icon{position:absolute;left:0;top:50%;transform:translateY(-50%);width:52px;height:68px;}
.marker-icon img{display:block;width:100%;}
.marker-w01 strong{flex-shrink:0;display:inline-block;padding:0 22px 0 38px;height:36px;line-height:36px;border-radius:0 125px 125px 0;background-color:#FF6652;font-size:17px;font-weight:800;color:#fff;} */



/* .marker-icon{position:absolute;left:0;top:50%;transform:translateY(-50%);width:52px;height:auto;cursor: pointer;} */
.marker-icon{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:52px;height:auto;cursor: pointer;z-index: 9;}
.marker-icon img{display:block;width:90%; cursor: pointer;}
.marker-w01 strong{flex-shrink:0;display:inline-block;padding:0 16px 0 28px;height:36px;line-height:36px;border-radius:0 125px 125px 0;background-color:#FF6652;font-size:15px;font-weight:800;color:#fff;cursor: pointer;position: absolute;width: max-content;transform: translate(-2%, -50%);top: 50%;left: 50%;}
.marker-w01.yellow strong{background-color: #FFA529;}




/* 그림기호 마커 */
.marker-w02{}
.marker-w02 .marker-inner{display:flex;align-items:center;justify-content:center;position:relative;padding-bottom:14px;box-sizing:border-box;}
.marker-w02 .marker-inner:after{display:block;content:'';position:absolute;left:50%;bottom:4px;transform:rotate(315deg);border-top:20px solid transparent;border-left:20px solid #FF6652;}
.marker-w02 .marker-inner:before{display:block;content:'';position:absolute;left:0;top:0;width:100%;height:60px;border-radius:7px;background-color:#FF6652;}
.marker-w02 .btn-type408{position:relative;z-index:1;border-left:1px solid #AB1400;box-sizing:border-box;}
.marker-w02 .btn-type408:first-of-type{border-left:0;}
.marker-w02 .btn-type408:first-of-type{border-radius:7px 0 0 7px;}
.marker-w02 .btn-type408:last-of-type{border-radius:0 7px 7px 0;}
/* 지도마커 */
.marker-w03{}
.marker-w03 .marker-inner{position:relative;display:flex;align-items:center;justify-content:center;height:66px;padding: 0 0 58px 0;}
.marker-w03 .marker-icon{left:52%;top:10px;transform:translateX(-50%);}
.marker-w03 strong{flex-shrink:0;position:relative;left:-3px;top:0px;display:inline-block;z-index:1;text-align:center;width:100%;padding:0 29px;box-sizing:border-box;font-size:20px;font-weight:800;color:#005AA2;z-index:9;}
.marker-w03:hover{width:auto;}
.marker-w03:hover .marker-inner{align-items:flex-start;}
.marker-w03:hover strong{position:relative;left:0;top:10px;width:auto;height:44px;line-height:44px;font-size:16px;border-radius:125px;background-color:#005AA2;color:#fff;}
/* .marker-w03{}
.marker-w03 .marker-inner{position:relative;display:flex;align-items:center;justify-content:center;height:66px;}
.marker-w03 .marker-icon{left:52%;top:10px;transform:translateX(-50%);}
.marker-w03 strong{flex-shrink:0;position:relative;left:-2px;top:3px;display:inline-block;z-index:1;text-align:center;width:100%;padding:0 29px;box-sizing:border-box;height:36px;line-height:36px;font-size:30px;font-weight:800;color:#FF6652;}
.marker-w03:hover{width:auto;}
.marker-w03:hover .marker-inner{align-items:flex-start;}
.marker-w03:hover strong{position:relative;left:0;top:10px;width:auto;height:44px;line-height:44px;font-size:16px;border-radius:125px;background-color:#FF6652;color:#fff;} */



/* -- 리스트타입 -- */
/* list-type001 : 인풋radio 리스트(지역자료 활동지 radio 리스트) */
.list-type001{display:flex;flex-wrap:wrap;justify-content:flex-start;row-gap:16px;}
.list-type001 .radiobox-w01{width:33.3%;}

/* list-type002 : 지역자료 활동지 리스트 */
.list-type002{margin-top:26px;}
.list-type002 .list-inner{padding:14px 21px 14px 21px;border:1px solid #D5D5D5;border-radius:4px;box-sizing:border-box;}
.list-type002 .list-inner ul{padding-right:21px;overflow-y:auto;max-height:calc(100vh - 451px);}
.list-type002 .list-inner ul::-webkit-scrollbar{width:8px;}
.list-type002 .list-inner ul::-webkit-scrollbar-thumb{background-color:#D5D5D5;}
.list-type002 .list-inner ul::-webkit-scrollbar-track{background-color:transparent;}
.list-type002 .list-inner li{display:flex;align-items:center;padding:9px 0 10px;border-bottom:1px solid #D5D5D5;box-sizing:border-box;}
.list-type002 .list-inner li:first-of-type{padding-top:0;}
.list-type002 .list-inner li:last-of-type{border-bottom:0;}
.list-type002 .btn-type007{margin-left:12px;}

/* list-type003 : 지역자료 활동지>사진자료 리스트 */
.list-type003{margin-top:26px;}
.list-type003 .list-inner{padding:14px 21px 14px 42px;border:1px solid #D5D5D5;border-radius:4px;box-sizing:border-box;}
.list-type003 .list-inner ul{display:flex;flex-wrap:wrap;gap:32px;overflow-y:auto;max-height:calc(100vh - 451px);padding-right:21px;box-sizing:border-box;}
.list-type003 .list-inner ul::-webkit-scrollbar{width:8px;}
.list-type003 .list-inner ul::-webkit-scrollbar-thumb{background-color:#D5D5D5;}
.list-type003 .list-inner ul::-webkit-scrollbar-track{background-color:transparent;}
.list-type003 .list-inner li{width:calc(50% - 16px); cursor: pointer;}

/* list-type004 : 지도 만들기 > 지도 기호 선택(리스트)*/
.list-type004{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:10px 7px;padding-top:19px;border-top:1px solid #E7E7E7;box-sizing:border-box;}

/* list-type005 : 지도 만들기 > 지도 기호 선택(그림기호 리스트) */
.list-type005{margin-top:30px;}
.list-type005 .title{display:block;margin-bottom:7px;font-size:16px;font-weight:600;letter-spacing:-0.8px;}
.list-type005 .list-inner{box-sizing:border-box;}
/*.list-type005 .list-inner ul{display:flex;flex-wrap:wrap;gap:12px;overflow-y:auto;max-height:calc(100vh - 590px);padding-right:19px;box-sizing:border-box;} */
.list-type005 .list-inner ul{display:flex;flex-wrap:wrap;gap:12px;overflow-y:auto;max-height:calc(100vh - 490px);padding-right:19px;box-sizing:border-box;}
.list-type005 .list-inner ul::-webkit-scrollbar{width:8px;}
.list-type005 .list-inner ul::-webkit-scrollbar-thumb{background-color:#D5D5D5;}
.list-type005 .list-inner ul::-webkit-scrollbar-track{background-color:transparent;}
.list-type005 .list-inner li{width:calc(50% - 6px);}
/* list-type005 : 지도 만들기 > 지도 기호 선택(이모지 리스트) */
.list-type005 .list-inner ul.emoji-wrap li{width:76px;}
.list-type005 .list-inner ul.emoji-wrap li .btn-type402 {height:inherit;}
.list-type005 .list-inner ul.emoji-wrap li .btn-type402 img {width: 90%;height: auto;margin: 4px auto;}
/* list-type006 : 지도 만들기 > 지도 기호 선택(글자 옵션,그리기 옵션) */
.list-type006{overflow-y:auto;max-height:calc(100vh - 483px);padding:16px 14px;margin-top:15px;border-radius:4px;border:1px solid #D9D9D9;box-sizing:border-box;background-color:#F6F6F6;}
.list-type006::-webkit-scrollbar{width:8px;}
.list-type006::-webkit-scrollbar-thumb{background-color:#D5D5D5;}
.list-type006::-webkit-scrollbar-track{background-color:transparent;}
.list-type006 li{margin-top:24px;}
.list-type006 li:first-of-type{margin-top:0;}
/* list-type006>list-type005(도형선택 리스트) */
.list-type006 .list-type005 .list-inner{padding:10px 13px 0;height:217px;overflow:hidden;background-color:#fff;border:1px solid #D9D9D9;border-radius:4px;box-sizing:border-box;}
.list-type006 .list-type005 .list-inner ul{padding-right:13px;gap:14px 12px;max-height:100%;padding-bottom:10px;overflow-y:auto;}
.list-type006 .list-type005 li{margin-top:0;}
.list-type006 .list-type005 .btn-type402{height:100px;}
.list-type006 .list-type005 .btn-type402 strong{font-size:11px;}
.list-type006 .list-type005 .btn-type402 img{width:60px;height:60px;}
/* list-type007 : 자료실>백지도 리스트*/
.list-type007{max-width:1360px;margin:38px auto 0;padding:0 20px;box-sizing:border-box;}
.list-type007 ul{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:38px 40px;}
.list-type007 li{flex-shrink:0;width:calc(25% - 30px);}
/* list-type007 : 지리정보비교하기>선택리스트 */
.list-type008 ul{display:flex;align-items:center;justify-content:flex-start;column-gap:12px;padding:0 50px;height:48px;box-sizing:border-box;}


/* search-result-empty : 자료 검색 시 자료가 없을 때 */
.search-result-empty {width: 100%;text-align: center;}
.search-result-empty img {width: 150px;}
.search-result-empty img.local-data {width: 120px;}
.search-result-empty.local-info img {width: 300px;}
/* =============== ####검색 ======================== */
.search-zone01{}
.search-zone01 .search-row{display:flex;align-items:center;justify-content:flex-start;border-radius:16px;border:2px solid #FF6652;box-sizing:border-box;}
.search-zone01 .selectbox-w02,
.search-zone01 .search-w02{width:100%;position:relative;}
.search-zone01 .selectbox-w02:after,
.search-zone01 .search-w02:after{display:block;content:'';width:1px;height:24px;background-color:#FF6652;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.search-zone01 .selectbox-w02:first-of-type:after{display:none;}
.search-zone01 .search-w02{border-radius:0 14px 14px 0;overflow:hidden;}

/* =============== ####자료실>헤더>마이영역 ======================== */
.myzone-w01 .btn-type306{margin-left:5px;}


/* =============== ####팝업 ======================== */
/* -- 포토뷰어 -- */
.popup-w01{display:none;position:fixed;left:0;top:0;z-index:3;width:100%;height:100%;background-color:rgba(0,0,0,.8);}
.popup-w01.active{display:block;}
.popup-w01 .popup-inner{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);padding:80px 107px 42px;box-sizing:border-box;max-width:978px;max-height:682px;width:80%;text-align:center;background-color:#fff;}
.popup-w01 .popup-con{position:relative;width:100%;padding-top:63%;}
/* .popup-w01 .popup-con img{display:block;position:absolute;left:50%;top:0;transform:translateX(-50%);object-fit:cover;max-width:100%;height:100%;} */
.popup-w01 .popup-con img{display:block;position:absolute;left:50%;top:0;transform:translateX(-50%);width: 780px;height: 480px;}
.popup-w01 .cont{margin-top:29px;font-weight:700;}
.popup-w01 .title{display:block;color:#000;font-size:21px;letter-spacing:-1.077px;}
.popup-w01 .text{display:block;margin-top:10px;color:#a1a1a1;font-size:19px;letter-spacing:-0.958px;}
.popup-w01 .btn-w{position:absolute;right:12px;top:12px;display:flex;align-items:center;justify-content:flex-end;column-gap:10px;}
/* -- 알럿팝업 -- */
/* .popup-w02{display:none;position:fixed;left:0;top:0;z-index:3;width:100%;height:100%;background-color:rgba(0,0,0,.8);}
.popup-w02.active{display:block;}
.popup-w02 .popup-inner{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);padding:42px 30px 29px 30px;box-sizing:border-box;width:620px;text-align:center;border-radius:24px;border:2px solid #FF6652;background-color:#fff;}
.popup-w02 .text{margin-top:32px;font-size:28px;font-weight:700;letter-spacing:-1.4px;line-height:34px;color:#000;}
.popup-w02 .btn-w{margin-top:60px;display:flex;align-items:center;justify-content:center;column-gap:17px;}
.popup-w02 .btn-type303{max-width:166px;} */

.popup-w02{display:none;position:fixed;left:0;top:0;z-index:3;width:100%;height:100%;background-color:rgba(0,0,0,.8);}
.popup-w02.active{display:block;}
.popup-w02 .popup-inner{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);padding:42px 30px 29px 30px;box-sizing:border-box;text-align:center;border-radius:24px;border:2px solid #FF6652;background-color:#fff;}
.popup-w02 .text{margin-top:32px;font-size:20px;font-weight:600;letter-spacing:0px;line-height:34px;color:#000;}
.popup-w02 .btn-w{margin-top:60px;display:flex;align-items:center;justify-content:center;column-gap:17px;}
.popup-w02 .btn-type303{max-width:166px;}

/* -- Y클라우드 이용안내 -- */
.popup-w05{display:none;position:fixed;left:0;top:0;z-index:3;width:100%;height:100%;background-color:rgba(0,0,0,.8);} 
/* max-width:1920px;max-height:1080px; */
.popup-w05.active{display:block;}
.popup-w05 .popup-inner{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);box-sizing:border-box;max-width:1920px;max-height:1080px;width:90%;text-align:center;b}
.popup-w05 .popup-con{position:relative;width:100%;}
.popup-w05 .popup-con img{width:100%;}

/* =============== ####페이지 조합 ======================== */
/* -- 지역자료_활동지 -- */
.areaList-w01{}
.areaList-w01 .selectbox-w01{margin-top:12px;}
.areaList-w01 .selectbox-w01:first-of-type{margin-top:0;}
.mapList-w01{margin-top:30px;padding-top:25px;border-top:1px solid #D5D5D5;box-sizing:border-box;}

.contentBlock-inner{max-width:1360px;margin:0 auto;padding:0 20px;box-sizing:border-box;}
/* -- 자료실 검색-- */
.contentBlock-search{position:relative;max-width:1360px;margin:0 auto;padding:36px 20px 57px;box-sizing:border-box;}
.contentBlock-search .search-zone01{margin-top:14px;}
.contentBlock-search .btn-type404{position:absolute;right:20px;top:36px;}
/* -- 자료실 탭-- */
.contentBlock-tab{padding:27px 20px 25px;background-color:#FFE8E5;box-sizing:border-box;}
/* -- 지도만들기 바로가기-- */
.contentBlock-quick{position:fixed;right:3vw;top:30%;z-index:2;}
/* -- 자료실 리스트 옵션-- */
.contentBlock-option{padding-bottom:12px;border-bottom:1px solid #D9D9D9;box-sizing:border-box;}
.contentBlock-option .contentBlock-inner{display:flex;align-items:center;justify-content:space-between;margin:72px auto 0;}
/* -- 자료실 리스트(사진자료)-- */
/* [class*='contentBlock-list']{padding-bottom:114px;} */
[class*='contentBlock-list']{padding-bottom:0px;}
[class*='contentBlock-list'] .paging-w02{margin-top:86px;}

/* 지리정보비교하기 */
.contentBlock-compare{display:flex;align-items:center;justify-content:center;column-gap:24px;padding:48px 2vw 48px 9vw;/*padding:48px 78px 48px 178px;*/box-sizing:border-box;}
[class*='compare-zone0']{width:calc(50% - 12px);border:1px solid #d9d9d9;border-radius:8px;overflow:hidden;}
[class*='compare-zone0'] .top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:16px;box-sizing:border-box;}
[class*='compare-zone0'] .select-row{display:flex;align-items:center;justify-content:flex-end;column-gap:1vw;width:calc(100% - 200px);}
/*추가*/
[class*='compare-zone0'] .select-row .select-list button{width: 100%; text-align: left;}
[class*='compare-zone0'] .chart-w{position:relative;display:flex;align-items:center;justify-content:center;padding:12px 25px 25px;height:calc(100vh - 340px);border-top:1px solid #d9d9d9;box-sizing:border-box;}
[class*='compare-zone0'] .chart-w img{display:block;max-width:100%;max-height:100%;margin:0 auto;}
[class*='compare-zone0'] .txt-type032{position:absolute;left:0;top:0;}
.compare-zone01{}
.compare-zone01 .top{background-color:#FF6652;}
.compare-zone02{}
.compare-zone02 .top{background-color:#88C8FC;}
@media only screen and (max-width:1320px){
    .contentBlock-compare{padding-left:120px;}
}
/*로그인 영역*/
.login-wrap {position: fixed;bottom: 0;width: 100%;height:60px;background: rgba(0,0,0,.8);color: #fff;}
.login-wrap .login-container {display: flex; width: 450px; margin: 0 auto; height: inherit; line-height: 60px;flex-direction: row;align-items: center;justify-content: space-between;}
.login-wrap .login-container p {float: left;margin-right: 10px; font-size: 17px; font-weight: 600;}
.login-wrap .login-container div {float: left;margin-right: 10px;}
.login-wrap .login-container div button {width: 75px; font-size: 14px; color: #fff;padding: 6px;}
.login-wrap .login-container div button.login-btn {background-color:#FF6652; margin-right: 10px;}
.login-wrap .login-container div button.login-cancel {background-color:#FFA529;}