/*css 초기화--------------------------------------------------*/
*{margin: 0; padding: 0; text-decoration: none; list-style: none;color: black;  background-size: contain; word-break : keep-all; word-wrap : break-word; font-size: 15px;  color: #2f2f2f;}
/*font-family: Nanum Gothic;*/
a:hover{text-decoration: none; color: #2f2f2f}
::-webkit-input-placeholder {color: #979797;opacity: 1;}
:-ms-input-placeholder {color: #979797;opacity: 1;}
::placeholder {color: #979797;opacity: 1;}/*미리보기 글자색*/
:-ms-input-placeholder {color: #979797;}
/*스크롤바 디자인 */
::-webkit-scrollbar{width: 16px;position: absolute;}
::-webkit-scrollbar-track {background-color:rgba(0,0,0,0);}
::-webkit-scrollbar-thumb {background-color:#86b7ff;border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {background: rgba(255,255,255,0.8);}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
width:16px;height:16px;background:rgba(0,0,0,0);}
/*IE*/
/*헤더-------------------------------------------------------------*/
html {width:100%; height:100%; }
body{overflow-y: none; background-color: #f5f6fa; min-width: 320px; /*display: flex; flex-direction: column;*/} 
body.edu {background-color: #f5f6fa !important;}
header{width: 100%; height: 85px; padding: 0px 30px ; margin:0px auto; color: #000;background-color: #f5f6fa;margin: 0px;display: inline-block; display: flex;  justify-content:center; position: fixed; top: 0; z-index: 4; min-width: 320px; border-bottom:1px solid #ECECEC;}
input:focus, button:focus, textarea:focus {outline: none; }
#wrap {width: 100%; max-width:1200px; height:auto; min-height: calc(100% - 237px); margin:85px auto 0px auto;}
#head_form{display:block; width:100%; max-width:1200px; display: flex; flex-direction: row; justify-content: space-between; }

#logo{height: 85px; display:inline-block; justify-content: center; align-items: center;}
#logo > img {margin-top:20px; cursor: pointer;}

#view_sort{ padding-top: 35px; height: 85px; display:flex; gap: 15px;}
.view_sort_t{color: #000; font-size: 21px; font-weight:bold; text-align: right; display: inline-block; line-height: 30px; position: relative; padding: 0 10px;}
.view_sort_t:hover{color: #000;}

.readynotice {display:flex; }


#sort_upload_btn{width: 80px; height: 30px; line-height: 30px; color: #ffffff; font-weight: 700; background-color: #ff7600; border-radius: 10px;position: absolute; }
#sort_upload_btn:hover{background-color: #c65b00}

#head_menu{ display:inline-block; padding-top: 15px; height: 85px;  display: -webkit-box;display: -ms-flexbox;display: flex;  justify-content: center;  -ms-flex-line-pack: center; }
#head_menu > ul {display: flex; justify-content: center; gap :7px;  list-style-type: none; padding:0px; margin:0px;  align-items: center; }
#head_menu > ul > li {justify-content: center; align-items: center; display:inline-block; font-size:16px;}
#head_menu > ul > li:nth-child(3) {cursor: pointer;}
#head_menu > ul > li:nth-child(4) {cursor: pointer;}
#head_menu > ul > li:first-child {width:39px; height:35px; padding:5px 0px 0px 0px; text-align:center; background-image:url('/img/icon/icon_star.svg'); background-repeat:no-repeat; color:#fff; }
#head_menu > ul > li:last-child {cursor: pointer; }
#head_menu > ul > li.login {width:100px; height:35px; padding:5px 0px 0px 0px; text-align:center; background:none; color:#000; }

#head_menu>a{cursor: pointer;}
#head_menu>a>img{height: 39px; width: 39px;padding-bottom: 5px;}
#head_menu>a>i{color: #a4a4a4; height: 25px; width: 20px;padding-bottom: 5px;}

#notice{vertical-align: top;color: red;position: absolute;top: 10px;right: 33px;background-color: white;width: 18px;height: 18px;line-height: 18px;border-radius: 9px;}
#notice .badge-unread{color: red; font-weight: bold; font-size: 16px; text-align: center; padding: 0px 3px;}
#head_menu>a>i:hover{color: #666;}

#logout>.profile_pic{width: 39px; height: 39px; border-radius: 15px; padding: 0px;}

#head_menu>a:nth-last-child(1)>img{width: auto; height: 39px;}


#menubutton{display:none;}

#search{ display:none; border:1px solid #A3A3A3; position:absolute; width:300px; margin:-70px 0px 0px -300px; padding:15px 10px 15px 15px; border-radius: 10px; background-color:#fff;  }
.searchblock {display: flex;  justify-content: center; }
#searchbar{width: 220px; height: 36px; border: 0px; border-radius: 20px; padding-left: 10px; margin: 0px 10px 0px 0px; border:1px solid #EAEAEA;}
#search > i {display:inline-block; }

.profile_pic{width: 39px; height: 39px; border-radius: 100%;}

#viewcontents .mapview-title .meta-info img#user_info_profile_pic {width: 70px; height: 70px; border-radius: 100%; display: inline-block; vertical-align: middle; margin-right: 5px;}


/*헤더이미지*/
/*#bg_img{width: 100%; height: 150px;text-align: center; background-color: rgba(0,0,0,1);position: fixed; top: 60px;z-index: -1; background-repeat: no-repeat; background-size: 100%;}*/
.bg_img{width: 100%; height: 150px;text-align: center;position: fixed; top: 85px;z-index: -1;}
.bg_img>p{font-size: 40px;padding: 23px 0px; margin: 0px; font-weight: 900; color: #013e98;line-height: 1.3; font-family: Nanum Gothic; text-shadow: -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
    1px 1px 0 #fff;}
.bg_img>img{position: absolute;top: 0px; left: 0px; width: 100%; height: 150px; z-index: -1;}
.banner_slide{position: absolute;overflow: hidden;width: 100%;}
/*1차 카테고리 메뉴 -----------------------------------------*/
section{width: 100%; /*margin-top:235px;*/ }
#menu_se{width: 100%; /*height: 60px;*/ z-index: 1;border-bottom: 1px solid #ececec;margin-top: auto; }
#listtitle{width: 1260px; margin: 0 auto; margin-top: 85px; /*height: 85px; */ line-height: 60px; clear: both; position: relative;z-index: 2; display:flex; justify-content: center;}
#listtitle>a{display: inline-block;width:80px; height: 50px; text-align: left;font-size: 16px;line-height: 50px; color: #2f2f2f;}
#listtitle>a:nth-child(1){color:#0057ff}
.seFixed{position: fixed!important; top: 85px; margin-top: 0px!important;}
.listFixed{position: fixed!important; left: 50%; margin-left: -630px!important; top: 85px; margin-top: 0px!important;}
#searchsortmap{height: 58px; border: 0px; font-size: 16px; display:none; 
float: right; background-image: url()}

#kategorie{position: relative; line-height: 1.5;}
.kategori_lay{position: relative; left: 5px; height: auto; width: auto; background-color: #fff;padding: 10px 20px; padding-top: 0px; border-radius: 5px; -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.5); box-shadow: 0 1px 6px rgba(0,0,0,0.5); z-index:2;display: none;}
.kl_close{display: block; width: 100%; margin: 5px; text-align: right;}

#kategorie_list .cat_all{text-align: left;margin-left: 10px; display:flex; flex-wrap: wrap;}
#kategorie>div>p{margin: 0;font-weight: 700;}
#kategorie>div>ul>li{display: inline-block; margin-left: 8px; font-size: 15px; line-height: normal;}


#landing_search {background-color: #fff; width: 100%;height: 85px;z-index: 1;border-bottom: 1px solid #ececec; margin-top: auto; }




/*팝업창-----------------------------------------------------------*/
/*메인 팝업*/
#main_popup{position: absolute;width:100%; max-width: 900px; z-index:10000; top:30px; left:calc(50% - 450px); display: none; background-color:#fff; border-radius: 4px; padding:20px 20px 0px 20px;}
#main_popup>a>img{width: 100%; max-width: 900px; height: auto;}
#first_login{position: fixed; top: 50px; width: 100%; height: 100%; margin: 0 auto;  z-index: 999; display: none;}
#first_Modal{width: 80%; max-width: 498px; height: 510px; margin: 0 auto; background: #fff;padding-top: 30px;border-radius: 4px; text-align: center;}
.scroll_win{width: 80%; height: 100px; margin-left: 10%;border: 1px solid #bfbfbf; overflow-y: scroll;}
.check_box{width: 80%; margin-left:  10%;margin-bottom: 30px; text-align: right;}
#first_Modal>div:nth-last-child(1){width: 80%; margin-left:  10%; text-align: right; height: auto; background-color: rgba(0,0,0,0);}
.Ybtn{width: 75px; height: 40px;color: white; border: 0px; border-radius: 0.25rem; font-size: 16px; cursor: pointer;margin-right: 5%;}
#real_login{background-color: #28a745;}
#real_reset{background-color: #f24646;}
#real_login:hover{background-color: #218838;}
#real_reset:hover{background-color: #bc3737;}

#Loginpop{position: fixed; top: 50px; width: 100%; height: 100%; margin: 0 auto;  z-index: 999; display: none;}

.popup{position: fixed; top: 0; width: 100%;height: 100%; background: rgba(0, 0, 0, 0.4); display: none;z-index: 4;}
#LoginModal{width: 80%; max-width: 498px; height: 320px; margin: 0 auto; background: #fff;padding-top: 30px;border-top-left-radius: 0.25rem;border-top-right-radius: 0.25rem;}
#LoginModal2{width: 80%; max-width: 498px; height: 70px; margin: 0 auto; background: #ececec; border-top: 1px solid #d9d9d9}
/*로그인로딩 */
.loginloading{text-align: center;display:block; width: auto; display: none;}
/*로그인메일*/
.login_label{width: 80%; height: 100px; margin-left: 10%;}
#login-email>input{width: 100%;height: 40px; margin-top: 10px; border: 1px solid #bdbdbd;  border-radius: 0.25rem;}
/*로그인패스워드*/
#loginpsw>input{width: 100%;height: 40px; margin-top: 10px; border: 1px solid #bdbdbd; border-radius: 0.25rem;}
#ug{margin-bottom: 10px;}
/*로그인버튼*/
#logingo{width: 80%; height: 40px; background-color: #28a745; color: white; margin-left: 10%; border: 0px; border-radius: 0.25rem; font-size: 16px; cursor: pointer;}
#logingo:hover{background-color: #218838;}
/*회원가입*/
#membership{width: 75px; height: 40px; margin-top: 15px;  background-color: #28a745; color: white; border: 0px; border-radius: 0.25rem; font-size: 16px; cursor: pointer;float: left;margin-left: 5%;}
#membership:hover{background-color: #218838;}
/*돌아가기*/
#logincancel{width: 75px; height: 40px; margin-top: 15px;  background-color: #f24646; color: white; border: 0px; border-radius: 0.25rem; font-size: 16px; cursor: pointer;float: right;margin-right: 5%;}
#logincancel:hover{background-color: #bc3737;}

/*로그아웃*/
#logout{display: inline-block;height: 60px;z-index: 3;}
#logout_lay{width: 300px; background-color: #fff; border: 1px solid #c6c6c6; position: absolute; top: 60px; text-align: left; height: 150px; display: none;}

#logout_lay:after{content: "";position: absolute; border-bottom: 20px solid #fff; border-right: 20px solid transparent; border-left: 20px solid transparent; top: -8px; right: 35px;}
#mini_profile{display: -webkit-box;display: -ms-flexbox;display: flex; height: 100px;margin-bottom: 0;}
.mini_profile_pic{width: 80px; height: 80px;margin: 10px; border-radius: 40px;}

#mini_inpo{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
#mini_inpo>span{height: 30px; line-height: 30px; color: #696969;}
#mini_inpo>span:nth-child(1){font-size: 20px;font-weight: 500; margin-top: 5px;}
#mini_inpo>a:nth-last-child(1){color: #0057ff; height: 30px; line-height: 30px;}
#mini_inpo>a:nth-last-child(1):hover{text-decoration: underline;}
#logout_btn{display: block;height: 48px; line-height: 48px; border-top:1px solid #e5e5e5; color: #696969; font-size: 15px; text-align: center;}
#logout_btn:hover{background-color: #ececec}
#logout_btn>i{color: #696969; font-size: 20px;}


/*메뉴-------------------------------------------------------------*/
#submenu{width: 320px; position: absolute; top: 60px; right: 0; height: 285px; background: white; z-index: 9; border:1px solid #bfbfbf;display: none; padding: 5px;}

#submenu>h1{font-size: 30px;text-align: center;padding:5px 0px; width: 100%; background: white;}

.menulist{line-height: 30px; width: 100%;font-size: 18px; border: 0px;text-align: left; font-weight: 700;}
#Event-btn{font-size: 18px;}
.menulist:nth-last-child(1):hover{background-color: #c6c6c6}
.menulist>ul{width: 100%;}
/*.menulist>ul>li{border-bottom: 1px solid #c6c6c6;}*/
.menulist>ul>li>a{font-size: 13px;padding-left: 15px;}
.menulist>ul>li:hover{background: #c6c6c6;}
#m_menu{display: none;}
/*--------------------------------헤더끝-------------*/
#contents{margin: 0 auto;  display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.mapbox2{width: 300px;  position: relative; margin-top: 20px;}


#sell_map{position: absolute;right: 8px;top: 0px;padding: 3; width: 50px; text-align: center;clip: rect(0px 60px 50px 0px);}
#sell_map2{background-color: #d3ffd6;padding: 3; padding-left: 10px; width: 80px; display: block;-webkit-transform: rotate(45deg); transform: rotate(45deg); font-weight: 700;}
.mapimg{width: 100%;height: 180px; display: block; background:#D9D9D9; border:1px solid #D9D9D9; border-radius: 10px;}
.mapimg img{width: 100%; height: 100%;  border-radius: 10px;}

.maplist_item {display:flex; padding:10px 0px;}
.mapcontents{padding: 0px 5px; width:70%; color:#000;}
.mapcontents > h3{font-size: 16px; margin: 0px; padding: 0px; font-weight: normal;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
.mapcontents > span{font-size: 16px; display:block; margin-top:5px;}
.maplist_item > ul {list-style-type: none; width:30%; margin:0px;}
.maplist_item > ul > li {display:block; width:100%; line-height:16px; text-align:right; color:#848484; }
.maplist_item > ul > li > a {color:#848484;}
.maplist_item > ul > li > a > i {display:inline-block !important;}
.maplist_item > ul > li > a > span {display:inline-block !important; vertical-align: 30%; padding:5px 5px 5px 0; width: 30px}

.mapfooter{height: 26px;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-around; border-top: 1px solid #ececec;}
.mapfooter>span{font-size: 12px; line-height: 26px; font-weight: 500;}
.mapfooter>span>i{font-size: 12px; color:#a4a4a4;padding-right: 3px;}





#viewcontents {overflow:hidden; display:flex; height:100%;}




.mapcontent {width:100%; height:100%;}

body:not(.edu) .container { display: flex;  flex-wrap: nowrap ; padding:0px !important;  align-items: flex-start; max-width: 1200px; margin: 0 auto; gap: 10px;}
body.edu .row {margin: 0}
body.edu header{display:flex}
body.edu .container { padding:40px 0 0 0 !important;  align-items: flex-start; max-width: 1200px; margin: 0 auto;}

.container > .sidebar {
  width: 300px; /* 고정된 너비 */
  margin-left: 20px;

}
.container > .sidebar > .recommend-list {
  display: flex;
  flex-direction: column;
  gap: 25px;
  padding-top:15px;
}

.recommend-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
}

.recommend-item img {
  width: 100px;
  max-height: 100px;
  min-width: 100px;
  border-radius: 4px;
  border: 1px solid #CED4DA;
}

.recommend-item .user-link img {
  width: 20px;
  max-height: 20px;
  min-width: auto;
  border-radius: 100%;
  border: 1px solid #CED4DA;
}

.recommend-item h5 {
  font-weight: bolder;
  margin-bottom:20px;
}

.recommend-meta {
  font-size: 12px;
  color: #666;
  display: flex;
}


.recommend-meta span {
  display: flex;
  margin-right: 10px;
}

.btn_blue12 {background: linear-gradient(0.40turn, #1749af, #1647a9, #091f49); font-size:12px; border-radius: 25px !important; border:0px; color:#fff !important; padding:5px 10px; outline: none;}
.btn_white12 {background-color:#fff; border-radius: 15px !important; color:#847979;  font-size:12px; border:1px solid #E4E4E4; padding:5px 10px; box-shadow: 1px 1px 3px rgb(0, 0, 0, 0.2); outline: none;}

.btn_blue12pd {background: linear-gradient(0.40turn, #1749af, #1647a9, #091f49); font-size:12px; border-radius: 25px !important; border:0px; color:#fff !important; padding:0px 10px !important; outline: none;}
.btn_white12pd {background-color:#fff; border-radius: 15px !important; color:#847979;  font-size:12px; border:1px solid #E4E4E4; padding:0px 10px !important; box-shadow: 1px 1px 3px rgb(0, 0, 0, 0.2); outline: none;}


.recommend-meta .profile {font-size: 16px; display:inline-flex; margin-right: 10px;}
.recommend-meta .profile img {width: 20px; height: 20px; min-width:auto; border-radius: 100%;}


.main-content { /*flex: 3;*/flex-basis: 100%; /*flex-basis: 75%;*/ }

#viewcontents   h2.title { margin: 0 0 10px; font-size: 25px; align-self: flex-start;}
.mapview-title {display:flex; flex-wrap:wrap;}

#viewcontents .mapview-title .meta-info { display: flex; justify-content: space-between; margin-left: auto; font-size: 16px; color: #666; gap:10px;}
#viewcontents .mapview-title .meta-info img {width: 18px; height: 18px; border-radius: 100%; vertical-align: middle; margin:auto;}
#viewcontents .mapview-title .meta-info .profile {/*text-decoration: underline; font-size: 16px; */ display:inline-block; }
#viewcontents .mapview-title .meta-info button, #viewcontents  .mapview-title .meta-info input {height: 27px; line-height:17px;}
#viewcontents .mindmap-viewer img { width: 100%; height:100%; border: 1px solid #ddd; border-radius: 8px; object-fit: contain; }
#viewcontents .btngr {display: flex; justify-content: flex-start; align-items: center; }
#viewcontents .map-stats { display: flex; margin-right: auto; gap: 15px; font-size: 16px; line-height:0px; color: #444; align-items: center; }
#viewcontents .map-stats span {  display: inline-flex;  align-items: center;  gap: 3px; /* 아이콘과 텍스트 사이 간격 */  font-size: 16px;  color: #333;}
#viewcontents .map-stats i { margin-right:2px; display:inline-block; font-size: 16px;}
#viewcontents .button-group { display: flex; gap: 8px; margin-left: auto; }
#viewcontents .button-group button {display: flex; margin-right: auto; gap: 5px; font-size: 15px; line-height:18px; color: #444; align-items: center; padding:2px 10px !important;}
#viewcontents .button-group i {display:inline-block; height:20px !important; width:20px !important;}    
#viewcontents .content-box {padding: 15px; width:100%; font-size:16px; min-height:100px; background: #F6F6F6; border-radius: 10px; margin-bottom: 20px; margin:20px 0px; }


#imgbox{width: 100%; margin-left: 0; height: calc( 100% - 140px); margin-bottom: 0px; display: table;  min-height: 300px;}


#mapcategory{width:100%;}
/*#imgbox>a{display: table-cell; height: 100%; vertical-align: middle; text-align: center; color: #2f2f2f;}
#imgbox>a>div{display: inline-block; height: auto; width:100%;}
#imgbox>a>div>img{width: auto;z-index: -10; max-width: 100%;}*/





.mapview_filely {
  background-color:#000;
  position: absolute;
  opacity: 80%;
  width:100% !important;
  min-height: 100vh;
  z-index:10;  
  top:0px;
  left:0px;
  margin:0px !important;
}

.mapviewly_inputbox {
  background-color:#fff;
  position: fixed !important;
  border-radius: 15px;
  width:400px !important;
  opacity: 100% !important;
  top:50%;
  left: 50%;
  z-index:11;
  padding:15px!important;
  margin:0px 0px 0px 0px!important;
  transform: translate(-50%, -50%);
  border:1px solid #E4E4E4;
}

.mapviewly_inputbox > .mapviewly_title {
  border-bottom:1px solid #000000;
  display:flex;
  justify-content:space-between;
}

.mapviewly_inputbox > .mapviewly_title > h4 {
  font-size:20px;
  font-weight:bold;
}
.mapviewly_inputbox > .mapviewly_title > .iclose {
  width:20px;
  height:20px;
  background-image: url('/img/icon/icon_close.svg');
  background-repeat:no-repeat;
  cursor: pointer;
  margin-top:3px;
}

.mapviewly_inputbox > p {
  padding:15px 10px 5px 10px;
}

.mapviewly_inputbox > p > label {
  display: inline-block;
  margin-bottom: 10px;
  margin-left: 10px;
}

.mapviewly_inputbox > p > label:nth-child(1) {
  margin-left: 0px;
}



.mapviewly_inputbox > .btngr {  
  display:flex;
  justify-content:center !important;
  align-items: center;
  gap:10px;
  margin-top:15px;
}

.mapviewly_inputbox > .btngr > .btn_blue {background: linear-gradient(0.40turn, #1749af, #1647a9, #091f49); font-size:16px; font-weight:bold; border-radius: 25px !important; border:0px; color:#fff; min-width:70px; padding:5px 0px; outline: none;}
.mapviewly_inputbox > .btngr > .btn_white {background-color:#fff; border-radius: 15px !important; color:#847979;  font-size:16px;  border:1px solid #E4E4E4; min-width:70px;  padding:5px 0px; box-shadow: 1px 1px 3px rgb(0, 0, 0, 0.2); outline: none;}


#upload_form{width:100%; max-width:900px; margin:0 auto; text-align: left; background-color: #fff; padding: 30px; display:flex; flex-direction: column;}

#upload_form form>div{padding: 5px 0px; font-size:16px; display:block;}
#upload_form>form>div>span{display: inline-block; width: 18%; font-size:16px; padding-right:20px; text-align: right; line-height: 30px; vertical-align: middle;}
#upload_form>form>div>input{width: calc(100% - 18% - 10px); height: 30px; line-height: 30px;vertical-align: middle; border:1px solid #CED4DA;  border-radius: 5px; }
#youtube_url,#mapia_coop_link{width: 100%; height: 30px; line-height: 30px;vertical-align: middle; border:1px solid #CED4DA;  border-radius: 5px; }
#upload_form>form>#map_content {display: flex; }
#upload_form>form>#map_content > div{width: calc(100% - 18% - 10px); border-radius: 10px; }
#upload_form>form>#map_keyword {display: flex;}
#upload_form>form>#youtube_url_area {display: flex;}
#upload_form>form>#map_keyword > span.notice {width: 100%; font-size:12px; text-align:left;}

#upload_form>form>#map_keyword > div{width: calc(100% - 18% - 10px); padding:5px 0px;}
#upload_form>form>#coop_details > div{width: calc(100% - 18% - 10px); border-radius: 10px; }


#upload_form>form>div>#userfile{display: inline-block;width: 80%; max-width: 600px; height: 30px; line-height: 22px; vertical-align: middle;}
#upload_form>form>div>#map_etc_file_2{display: inline-block;width: calc(100% - 18% - 10px);height: 30px;line-height: 30px;vertical-align: middle;}
/*
#map_kategori>select{height: 28px; font-size: 16px; width: 100%;}
#map_kategori>select:nth-child(2){width: 34%; max-width: 200px;}
#map_kategori>select:nth-child(3){width: 44%; max-width: 300px;}
*/
#upload_form>form>#map_kategori>input{width: 15px; }
#upload_form>form>#map_kategori>label{display: inline-block;width: auto;}
.sub_kategory_list{position: absolute; background-color: #fff;padding: 10px;-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);box-shadow: 0 1px 3px rgba(0,0,0,0.2); border-radius: 4px; display: none; z-index: 3;}
#upload_form>form>#map_type>input,#upload_form>form>#map_coopable>input{width: 15px; }
#upload_form>form>#map_type>label{display: inline-block;width: auto;}
#map_type_ex{position: relative; cursor: pointer; z-index: 3}
#map_type_ex_box{width: 200px; background-color: #fff;border: 1px solid #a4a4a4; border-radius: 4px; position: absolute; top: 20px; padding: 10px; cursor: auto; display: none;}
#map_type_ex_box>p{font-size: 11px;margin-bottom: 0px;}
#map_type_ex_box>p>span{font-size: 11px; font-weight: 700;color: hotpink;}
#upload_form>form>#map_sell>input{width: 15px;}
#select_pay{display: none; }
#upload_form>form>#map_sell>#select_pay>#mapprice{width: 90px; text-align: right;}
#upload_form>form>#map_sell>label{display: inline-block;width:auto;font-size: 20px;}
#upload_button{text-align: center; width: 100% ; margin-bottom: 30px;}
#upload_button_loading{display: none;text-align: center; width: 100% ;max-width:768px;font-weight: 700;font-size: 16px;}

#upload_form .btngr {  
  display:flex;
  justify-content:center;
  align-items: center;
  gap:10px;
  margin-top:15px;
}

#upload_form .btn_blue {background: linear-gradient(0.40turn, #1749af, #1647a9, #091f49); font-size:16px; font-weight:bold; border-radius: 25px !important; border:0px; color:#fff; min-width:70px; padding:5px 0px;}
#upload_form .btn_white {background-color:#fff; border-radius: 15px !important; color:#847979;  font-size:16px;  border:1px solid #E4E4E4; min-width:70px;  padding:5px 0px; box-shadow: 1px 1px 3px rgb(0, 0, 0, 0.2);}


#iframeopen{cursor: pointer;}
#iframeclose{position: fixed; top: 20px; right: 10px; z-index: 9999;display: none; cursor: pointer;}
#iframeclose>i{background: #d8d8d8;font-size: 30px; border-radius: 30px; color: black;padding: 0px 5px; }
#imgview{position: fixed;top: 0px; left: 0px; width: 100%; height: 100%; z-index: 999;background-color: #3c3c3c;}

#mapinpo{width: 100%; overflow-x: hidden; overflow-y: auto;  padding-top: 15px;}

#exclamation{/*position: absolute;*/ cursor: pointer;}
#bookmark-btn{/*position: absolute;*/ cursor: pointer;}
#trash{/*position: absolute;*/right: 60px; top: 5px; font-size: 15px;color: dimgray; cursor: pointer;}

#maptype{color: hotpink;font-size: 15px;}


#tag{margin: 0 0 20px;padding-left:18px}
#tag>div {display:inline-block; margin-left:10px;}
#tag>div:nth-child(1) {margin-left:0px;}
#tag>div>a{text-decoration: underline; color:#847979;}



#userpi{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; vertical-align: middle;padding: 5px 0px;}
#mapcontents{max-height: 4.5em;overflow: hidden;display: inline-block; position: relative;}
#contentsheight{display: inline-block;/*max-width: 300px;*/}
#contentsheight>p{margin-bottom: 0px;}
#morebtn{display: none; margin: 5px 0px 0px 5px; font-size: 11px; cursor: pointer;}
#morebtn2{display: none; margin: 5px 0px 0px 5px; font-size: 11px; cursor: pointer;}

/*맵 공유하기 ---------------------------------------------------*/
#share_box{padding: 10px 0px;padding-left: 5%; border-bottom: 1px solid #ececec; height: 50px; }
#share_box>font{display: inline-block;height: 30px; line-height: 30px; vertical-align: middle;}
#share_box>a{display: inline-block;height: 30px; line-height: 30px; vertical-align: middle;}
#share_box>a>img{width: 30px; height: 30px;border-radius: 15px;}

/*맵 가격-----------------------------------------------------------*/
#inpobuy{width: 92%;padding-top: 10px; text-align: left;margin-left: 4%;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between}
#inpobuy>p:nth-child(1){font-weight: 700;}
#inpobuy>p:nth-child(1)>span{font-weight: 800;font-size: 20px;}
/*맵 다운로드-----------------------------------------------------------*/
#inpoclick{width: 90%; padding: 10px 0px; border-bottom: 1px solid #ececec;position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: 5%;}
#inpoclick>button{width: 30%; height: 30px;line-height: 30px; border: 0px; text-align: center; font-size: 15px; border-radius: 2px;cursor: pointer; background-color: #3258a4; color: white; }
#inpoclick>button:hover{background-color: #012d6e;}
#inpoclick>#Trial_down{width: 30%; height: 30px;line-height: 30px; border: 0px; text-align: center; font-size: 15px; border-radius: 2px;cursor: pointer; background-color: #3258a4; color: white; }

#inpoclick>#Trial_down:hover{background-color: #012d6e;}

#etc_open{position: absolute; top :45px; left: 5%; font-size: 12px; color: red; }
#etc_box{position: absolute; background-color: #fff;top :0px; left: 5%; border: 1px solid #ecec;-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);box-shadow: 0 1px 3px rgba(0,0,0,0.2);width: 42.5%; display: none;}
#etc_box>li{padding-left: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}


/*
#inpoclick>button:nth-child(1){margin:0px 5%}
#inpoclick>button:nth-child(2){background-color: #ef7d8e;}
*/
 
/*링크-------------------------------------------------------------*/
#inpolink{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;clear: both; padding-right: 0px; padding: 10px 0px;}
#inpolink>span{width:60%; height: 28px; font-size: 18px; margin: 0px 5%; float: left;background-color:#d9d9d9;}
#inpolink>button{width:25%; height: 30px; border: 0px;border-radius: 2px;background-color: #00b550;color: white;cursor: pointer;}
#inpolink>button:hover{background-color: #008f3f;}
/*아이콘-------------------------------------------------------------*/
#inpoheader{width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center;padding-top: 10px; position: relative; border-bottom: 1px solid #ececec; border-top: 1px solid #ececec; padding-bottom: 10px;}
#inpoheader>div>i{font-size: 15px; color: dimgray}
#inpoheader>div:nth-child(1)>i{font-size: 15px; cursor: pointer;}
/*댓글-------------------------------------------------------------*/
/*댓글입력-------*/
#inporeview{ margin: 0; display: flex; justify-content: space-between; align-items: center; padding-left:18px}
#inporeview>textarea{width: 100%; resize: none; padding:3px 10px; overflow: auto; background-color:#fff; border-radius: 7px; display: flex; align-items: center;}
#inporeview>button{width:30px; height: 30px; margin-left:10px; border: 0px; border-radius: 2px; background-color: white; color: #0F3277; cursor: pointer;}
#inporeview>button>i{font-size: 20px; color: #0F3277;}
#inporeview>button>i:hover{ color: #0F3277;}
/*댓글리스트-------*/
.reviewlist{margin:0 0 20px; padding-left:18px}

.onereview{padding: 5px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: space-between; }

.reviewtext{width: 175px; text-align: left;font-size: 15px; max-height: 4.5em;overflow: hidden;position: relative;}
.reviewuser>img{width: 30px;}
.reviewname{width: 60px; font-size: 15px; font-weight: 700; text-align: center;margin: 0px 5px;}
.c_morebtn{display: none; text-align: right;width: 100%; margin-top: 5px; color: #003cd9; font-size: 11px; cursor: pointer; position: absolute;right: 5px; bottom: -5px;}
.c_morebtn2{display: none; text-align: right;width: 100%; margin-top: 5px; color: #003cd9; font-size: 11px; cursor: pointer;position: absolute;right: 5px;bottom: -5px;}

/*신고하기-------------------------------------------------------------------------*/
#declaration_form{position: fixed; top: 50px; width: 100%; height: auto; margin: 0 auto;  z-index: 999; display: none;}
#declaration_formModal{width: 80%; max-width: 498px; height: auto; margin: 0 auto; background: #fff;padding-top: 30px;border-top-left-radius: 0.25rem;border-top-right-radius: 0.25rem;padding: 10px;}
#map_declaration{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
#map_declaration>input{display:none;}
#map_declaration>label{ width: 100%;  line-height: 30px; vertical-align: middle;margin-bottom: 10px; padding: 5px; border: 1px solid darkgray;border-radius: 0.25rem;background-color: #FFF; text-align: center}
#map_declaration>textarea{display: inline-block;width: 100%;height: 100px; resize: none;}

#declaration_button{text-align: center; width: 100%;margin-top: 20px;}
#declarationgo{width: 75px; height: 40px; background-color: #f81c1c; color: white; border: 0px; border-radius: 0.25rem; font-size: 16px; cursor: pointer; font-size: 18px; font-weight: 700;margin-right: 30px;}
#declarationgo:hover{background-color: #f24646;}
/*돌아가기*/
#declarationcancel{width: 75px; height: 40px; border:1px solid #000; background: #FFF; color: black;  border-radius: 0.25rem; font-size: 16px; cursor: pointer; font-size: 18px; font-weight: 700;}
/*편집-------------------------------------------------------------*/
#doc_edit{position: absolute; top: 130px; width: 100%; height: auto; margin: 0 auto;  z-index: 999; display: none;}
#doc_editModal{width: 80%; max-width: 1536px; height: auto; margin: 0 auto; background: #fff;padding-top: 15px; padding-bottom: 10px; border-top-left-radius: 0.25rem;border-top-right-radius: 0.25rem;}
#doc_editModal2{width: 80%; max-width: 1536px; height: 70px; margin: 0 auto; background: #ececec; border-top: 1px solid #d9d9d9}
/*제목*/
#doc_editModal form>div{width: 90%; margin-left: 5%; ;padding: 5px 0px;}
#doc_editModal>form>div>span{display: inline-block;width: 18%; font-size: 20px; text-align: center; line-height: 30px; vertical-align: middle; border: 1px solid darkgray;border-radius: 4px;}
#doc_editModal>form>#doc_edit_contents>span{border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom: 0px;}
#doc_editModal>form>#map_keyword>span{border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom: 0px;}
#doc_editModal>form>div>input{width: calc(100% - 18% - 10px);height: 30px;line-height: 30px;vertical-align: middle;}
#doc_editModal>form>div>#userfile{display: inline-block;width: 80%; max-width: 600px; height: 30px; line-height: 22px; vertical-align: middle;}
#doc_editModal>form>div>#edit_etc_file_2{display: inline-block;width: calc(100% - 18% - 10px);height: auto;line-height: 30px;vertical-align: middle;}

#doc_edit_kategori>select{height: 28px; font-size: 16px; width: 90%;}
#doc_editModal>form>#doc_edit_kategori>input{width: 15px; }
#doc_editModal>form>#doc_edit_kategori>label{display: inline-block;width: auto;}
#doc_editModal>form>#doc_edit_type>input{width: 15px; }
#doc_editModal>form>#doc_edit_type>label{display: inline-block;width: auto;}
#doc_editModal>form>#doc_edit_sell>input{width: 15px;}
#select_pay{display: none; }

#doc_editModal>form>#doc_edit_sell>#select_pay>#mapprice{width: 90px; text-align: right;}
#doc_editModal>form>#doc_edit_sell>label{display: inline-block;width:auto;font-size: 20px;}
#doc_editModal>form>#doc_edit_content>span{width: 90%;}

/*로딩버튼*/
#doc_edit_loading{width: 100%; height: 40px; border: 0px;font-size: 16px; display: none; text-align: center; font-weight: 700;}


/*다운로드팝업 */
#download_pop{position: fixed; top: 150px; width: 100%; height: auto; margin: 0 auto;  z-index: 999; display: none;}
#download_pop_Modal{width: 80%; max-width: 400px; height: auto; margin: 0 auto; background: #fff;border-top-left-radius: 0.25rem;border-top-right-radius: 0.25rem;}
#download_pop_Modal>div>ul>li{list-style: square;margin-left: 50px;margin-bottom: 5px;}
/*웹뷰어 로딩 */
#web_view_pop{position: fixed; top: 150px; width: 100%; height: auto; margin: 0 auto;  z-index: 999; display: none; text-align: center;}
#web_view_pop_Modal{width: 80%; max-width: 400px; height: auto; margin: 0 auto; border-top-left-radius: 0.25rem;border-top-right-radius: 0.25rem;padding: 15px; background: #fff;}



/*강의신청 */
#lectures_form{position: fixed; top: 50px; width: 100%; height: auto; margin: 0 auto;  z-index: 999; display: none;}
#lectures_formModal{width: 80%; max-width: 400px; height: auto; margin: 0 auto; background: #fff;padding-top: 30px;border-top-left-radius: 0.25rem;border-top-right-radius: 0.25rem;padding: 10px;text-align: center;}
#lectures_formModal>form>div{padding: 10px 0px;}
#lectures_formModal>form>div>label{display: inline-block;width: 100px; font-size: 20px; text-align: center; line-height: 30px; vertical-align: middle;}
#lectures_formModal>form>div>input{width: calc( 100% - 105px ); height: 30px;line-height: 30px;vertical-align: middle;}
#lectures_formModal>form>div>select{width: calc( 100% - 105px ); height: 30px;line-height: 30px;vertical-align: middle;}
#lectures_help>textarea{width: 100%; height: 300px; margin-bottom: 20px;}
#lecturesgo{width: 75px; height: 40px; background-color: #2e75b6; color: white; border: 0px; border-radius: 0.25rem; font-size: 16px; cursor: pointer; font-size: 18px; font-weight: 700;}
#lecturesgo:hover{background: #245c90}
#lecturescancel{width: 75px; height: 40px; border:1px solid #f24646; background: #FFF; color: #f24646;  border-radius: 0.25rem; font-size: 16px; cursor: pointer; font-size: 18px; font-weight: 700;}

/*구매하기 */
#PayModal{position: fixed; top: 50px; width: 90%;  margin-left: 5%; font-weight: 700; display: none; z-index: 99;}
#PayReqModal{position: fixed; top: 50px; width: 90%;  margin-left: 5%;font-weight: 700; display: none; z-index: 99;}
.modal_content{width: 50%; min-width: 380px;margin: 0 auto;border-radius: 5px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
#PayModal_body{background-color: #ffffff;padding-top: 30px; padding-bottom: 10px; max-width: 400px; border-radius: 5px; margin: 0 auto;}
#PayReqModal_body{background-color: #ffffff;padding-top: 30px; padding-bottom: 10px; max-width: 400px; border-radius: 5px; margin: 0 auto;}
.paymodal_content{width: 80%; padding-left: 10%;}
.paymodal_content>label{display: inline-block;width: 80px; height: 50px;}
.paymodal_content>input{display: inline-block;width: calc(100% - 100px); padding: 10px; border: 1px solid #b3b3b3; border-radius: 5px; background-color: #ececec;}
.paymodal_content>select{display: inline-block;padding: 10px; border: 1px solid #b3b3b3; border-radius: 5px;}

#buy_button{text-align: center; padding-bottom: 30px;}
#buygo{width: 75px; height: 40px; background-color: #2e75b6; color: white; border: 0px; border-radius: 0.25rem; font-size: 16px; cursor: pointer; font-size: 18px; font-weight: 700;margin-right: 30px;}
#buygo:hover{background-color: #245c90;}
/*돌아가기*/
#buycancel{width: 75px; height: 40px; border:1px solid #f24646; background: #FFF; color: #f24646;  border-radius: 0.25rem; font-size: 16px; cursor: pointer; font-size: 18px; font-weight: 700;}

#LGD_PAYINFO{margin: 0 auto; text-align: center;}
#LGD_PAYINFO>table{width: auto; margin: 0 auto;}
#LGD_PAYINFO>table tr td{padding: 10px;}
#LGD_PAYINFO>table tr>td:nth-child(1){font-weight: 700;}
#LGD_PAYINFO>table tr>td:nth-child(2){border: 1px solid #b3b3b3; background-color: #ececec;}
#LGD_PAYINFO>table tr:last-child(1)>td{width: 100%;}
#LGD_PAYINFO>table tr>td>button{width: auto; height: 40px; line-height: 40px; padding: 0px 10px; background-color: #2e75b6; color: white; border: 0px; border-radius: 0.25rem; font-size: 16px; cursor: pointer; font-size: 18px; font-weight: 700;}
#LGD_PAYINFO>table tr>td>button:hover{background-color: #245c90;}

#TopBtn>i{font-size: 40px;line-height: 50px;}

#loading{position: relative;width: 100%;text-align: center;height: 92px;padding-top: 30px; opacity: 0;}




aside {position: fixed; top: 150px; right: 50px; width: 50px; border:1px solid #A3A3A3; background-color:#fff; display: block; z-index: 10; text-align: center; border-radius: 5px; -webkit-transition: all 1s; transition: all 1s}
#aside ul {
  display: flex;
  justify-content: center;
  flex-flow: column;
  flex-wrap:nowrap; 
}

#aside li {
  text-align:center;
  justify-content: center;
  margin:7px 0px 7px 0px; 
  cursor: pointer;
}

#aside li:first-child {
  margin:10px 0px 0px 0px;
}

#aside li > i {
  margin:0px auto;
  
}

#aside li > i > a{cursor: pointer; padding:0px; margin:0px auto; display:inline-block; text-align:center;}






@media screen and (max-width:968px){
   aside {display:none;}
   #aside {display:none;}
  }


#TopBtn{position: fixed; bottom: 50px; right: 50px;width: 50px; height: 50px; background-color:#2f2f2f; display: block; text-align: center; border-radius: 5px; -webkit-transition: all 1s; transition: all 1s}
#TopBtn>i{font-size: 40px;line-height: 50px; color: #a4a4a4;}

#loading{position: relative;width: 100%;text-align: center;height: 92px;padding-top: 30px; opacity: 0;}



/*------------------------풋터------------*/
#footer{width: 100%;height: 237px; color: #000;background-color: #EDECEC; text-align:center; margin: 0px;display: inline-block;/*position: fixed;*/ bottom: 0;left: 0;z-index: 2; padding:0 !important}
/*
#footer>a{display: inline-block;color: #a4a4a4; width: 90px;text-align: left;font-weight: bold;line-height: 30px; font-size: 11px;}
#footer>a:nth-child(1){margin-left: 25px;}
#footer>span{line-height: 30px; float: right;color: #a4a4a4;margin-right: 120px; font-size: 11px;}
#footer_logo{display: inline-block; width: auto;position: fixed; right: 25px;}
#footer_logo>img{height: 25px; padding-bottom: 5px;}
*/

#footer ul {
  margin:50px 0px 50px 0px;
  display: flex;
  justify-content: center;
  text-align:center;
}
#footer li {
  padding:0px 3px;
}
#footer p {
  margin:0px;
  padding:0px;
}



@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
/*익스플로러에서만 작동하는 css 내용 작성*/
  #listtitle{min-width: 370px;}
  #searchbar{line-height: 30px;}
  select { 
    -webkit-appearance: none;    /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; 
    background: url(/img/select-arrow.png) no-repeat 95% 50%; /* 화살표 모양의 이미지 */}
  /* IE 10, 11의 네이티브 화살표 숨기기 */
  select::-ms-expand { display: none; }
}
/* 968 px 이하 메뉴 바뀌는 시점*/
@media screen and (max-width:968px){
    .fa-bars:before {
    content: "\f0c9";
}
  #logout,#login,#footer,#TW_logo,#view_sort,#notice{display: none;}
  #notice2{margin-left: 5px;vertical-align: top; text-align: center; color: red;position: absolute;top: 10px;left: 25px;background-color: white;width: 18px;height: 18px;line-height: 18px;border-radius: 9px; display:block;}
  #head_menu{position: relative; left: 25px;}
  
#head_menu > ul {display:none;}


  #menubutton{position: fixed; top:30px; right:20px; z-index: 9999; display:block;}
  #menubutton>i{font-size: 30px;}
  

  #head_menu>a>i{color: #666666;}  




  #landingsearch{z-index: 1;}
  #submenu{position: fixed; top: 0; right: 0; width:100%; max-width:300px; background: #fff; border-left: 1px solid #999; padding-top: 60px; height: 100%; z-index: 11;}
  .menulist{line-height: 30px; width: 100%;font-size: 18px; border: 0px; font-weight: 700;color: #a4a4a4; cursor: pointer;}
  .menulist>ul{width: 100%; display: none; z-index: 3;}
  .menulist>ul>li{background-color: #393939;}
  .menulist>ul>li>a{display: block; width: 100%; font-size: 13px;padding-left: 15px; color: #a4a4a4;}
  .menulist>ul>li>a:hover{color: #fff;}
  .menulist:hover{color: #fff}
  .menulist>ul>li:hover{ background-color: #727272}
  .menulist:nth-last-child(1):hover{background-color: rgba(0,0,0,0);}
  #Event-btn{color: #a4a4a4}
  #Event-btn:hover{color: #fff}
  
  #m_menu{display: block; padding-top: 10px;}
  .m_button{display: block; width: 300px; height: 30px; line-height: 30px; border-radius: 15px; background-color: #ff7600; color: #fff; font-weight: 700; margin-left: 5px;}
  .m_button:hover{background-color: #c65b00; color: #fff}
  
  #m_profile{cursor: pointer; position: relative;}
  #m_profile>a{color: #a4a4a4;}
  #m_profile_menu{padding-left: 60px; display: none;}
  #m_profile_menu>li{height: 30px; line-height: 30px;}
  #m_profile_menu>li>a{color: #a4a4a4;}
  #m_profile_menu>li>a:hover{color: #fff;}
  
}
@media (min-width:640px) and (max-width:960px){
  #listtitle{width: 620px;}
  .listFixed{left: 50%; margin-left: -310px!important;}
  #contents{width: 620px;}
}
@media (min-width:960px) and (max-width:1280px){
  #listtitle{width: 940px;}
  .listFixed{left: 50%; margin-left: -470px!important;}
  #contents{width: 940px;}
}
/* 640 px 이하*/
@media screen and (max-width:640px){
  .bg_img>p{font-size: 7vw; padding: 35px 0px;}
  #listtitle{width: 100%; }
  .listFixed{left: 0%; margin-left: 0px!important;}
  #contents{width: 100%; }
  #head_menu{left:0px;}
  #searchbar{width: 150px;}
  #listtitle{text-align: center; white-space:nowrap; overflow-x: auto; overflow-y: hidden;}
  #listtitle {scrollbar-3dLight-Color: #fff; scrollbar-arrow-color: #fff; scrollbar-base-color:#fff; scrollbar-Face-Color: #fff; scrollbar-Track-Color: #fff; scrollbar-DarkShadow-Color: #fff; scrollbar-Highlight-Color: #fff; scrollbar-Shadow-Color: #fff}
  #listtitle>a{text-align: center;padding:0px 5px;}
  #head_menu{left:10px;}
  #searchsortmap{display: none;}
  #contents{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
}
/* 440 px 이하 모바일팝업전용*/
@media screen and (max-width:900px){
  #main_popup{width:90%; max-width: 100%; left:5%; text-align:center;}
}

.isearch {background-image: url('/img/icon/icon_search.svg'); width:36px; height:36px;  background-repeat: no-repeat; display: block;}
.iupload {background-image: url('/img/icon/icon_upload.svg'); width:29px; height:29px; background-repeat: no-repeat; display: block;}
.icheckevent {background-image: url('/img/icon/icon_checkevent.svg'); width:34px; height:34px; background-position:center; background-repeat: no-repeat; display: block;}
.igrayheart {background-image: url('/img/icon/icon_grayheart.svg'); width:23px; height:22px; background-position:center; background-repeat: no-repeat; display: block;}
.igrayeye {background-image: url('/img/icon/icon_grayeye.svg'); width:21px; height:23px; background-position:center; background-repeat: no-repeat; display: block;}
.igraycollaboration {background-image: url('/img/icon/icon_graycollaboration.svg'); width:22px; height:21px; background-position:center; background-repeat: no-repeat; display: block;}
.igraycollaboration.coop-disabled {opacity: 0.3}
.igraycomment {background-image: url('/img/icon/icon_graycomment.svg'); width:22px; height:21px; background-position:center; background-repeat: no-repeat; display: block;}
.igraycopy {background-image: url('/img/icon/icon_graycopy.svg'); width:22px; height:21px; background-position:center; background-repeat: no-repeat; display: block;}
.igraydownload {background-image: url('/img/icon/icon_graydownload.svg'); width:18px; height:18px; background-position:center; background-repeat: no-repeat; display: block;}
.igraymodify {background-image: url('/img/icon/icon_graymodify.svg'); width:22px; height:21px; background-position:center; background-repeat: no-repeat; display: block;}
.iready {background-image: url('/img/icon/icon_ready.svg'); width:22px; height:21px; background-position:center; background-repeat: no-repeat; display: block;}





.tool-tip-container {
  display: none;
  position: absolute;
  color: #fff;
  padding: 0px;
  border-radius: 4px;
  font-size: 14px;
  top: 20px; /* 아이콘 위에 표시 */
  left: 0px;
  white-space: nowrap;
  z-index: 100;
  margin:0px auto;
}

.tool-tip-container02 {
  right: 0px;
}


.tooltip-wrapper {
  position: relative;
  display: inline-block;
}

.tooltip-wrapper:hover .tool-tip-container {
  display: block;
}

.tool-tip-container label {
  font-size: .8rem;
  line-height: 1;
  letter-spacing: normal !important;
  color: #fff;
  display: inline-block;
  width: max-content;
  padding: .375rem .75rem;
  border-radius: .25rem;
  background-color: rgba(0,0,0,0.7);
}

.landingsearch {background-image: url('/img/icon/icon_graysearch.svg'); width:36px; height:36px;  background-repeat: no-repeat; display: block;}


/* 사용자 팝업 스타일 */
.user-popup {position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background: rgba(30,30,30,0.18); display: flex; align-items: center; justify-content: center; z-index: 9999;}
.user-popup-inner {background: #fff; border-radius: 18px; box-shadow: 0 6px 24px rgba(0,0,0,0.13); width: 380px; max-width: 96vw; min-height:350px; padding: 32px 24px 20px 24px; text-align: center; position: relative;animation: pop-in .21s cubic-bezier(.31,1.56,.62,1);}
@keyframes pop-in { from { transform: scale(.95); opacity:.2;} to{ transform:scale(1); opacity:1; } }
.user-popup-header { font-size: 1.3em; font-weight: bold; text-align: left; }
.user-popup-header .close-btn {  position: absolute; right: 20px; top: 22px; background: none; border: none; font-size: 1.5em; cursor: pointer;}
.user-icon i {font-size: 70px; color: #222; margin-bottom: 8px;}
.user-info-text {font-size: 1.25em; margin: 16px 0 28px 0;}
.user-action-buttons {display: flex; justify-content: center; gap: 24px;}
.user-action-buttons button { background: #f9f9f9; border: none; border-radius: 16px; padding: 18px 24px 8px 24px; font-size: 1.08em; box-shadow: 0 2px 8px rgba(60,70,90,0.04); cursor: pointer; min-width: 90px;}
.user-action-buttons i { font-size: 2em; display: block; margin-bottom: 2px; }

.desc-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: #3064d9;
    margin-top: 12px;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
}

.desc-title::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 18px;
    background: linear-gradient(135deg, #7fc6fd 0%, #3064d9 100%);
    border-radius: 3px;
    margin-right: 10px;
}

.content-box#contentsheight {
    background: #f6f7fa;
    border-radius: 12px;
    padding: 22px 18px;
    font-size: 1.03rem;
    color: #222;
    box-shadow: 0 2px 10px rgba(48, 100, 217, 0.07);
    min-height: 38px;
    margin-bottom: 28px;
    margin-top: 0;
    word-break: keep-all;
}


/* 맵피아 맵 수정팝업*/ 

.category-row {
  display: flex;
  align-items: center;
  margin-bottom: 22px;
}

.cat2-label {
  min-width: 110px;
  font-size: 21px;
  font-weight: 500;
  margin-right: 15px;
  /* 필요하면 padding-right, color 등 조정 */
}

.cat2-list-inline {
  display: inline-flex;
  flex-wrap: wrap;    /* 너비 부족시 줄바꿈 */
  align-items: center;
  width: 80%;
}
.cat2-list-inline label {
  display: flex;
  align-items: center;
  white-space: nowrap;
}


/*맵피아 상세설명*/
.coop-purpose {
  margin-top: 24px;
  padding: 16px;
  background-color: #f0f4ff;      /* 연한 파란 배경 */
  border-left: 4px solid #3b82f6; /* 강조용 짙은 파란색 라인 */
  border-radius: 4px;
}

.coop-purpose h4 {
  margin: 0 0 8px;
  font-size: 1.125rem;
  color: #1e40af; /* 제목은 짙은 파랑 */
}

.coop-purpose p {
  margin: 0;
  color: #374151;      /* 본문 텍스트 색 */
  font-size: 0.9375rem;
  line-height: 1.6;
  white-space: pre-wrap; /* nl2br 처리된 줄바꿈 유지 */
}

/*메뉴 active*/
#view_sort .active {
 color: #007bff;    /* 원하는 포인트 색상 */
  font-weight: bold; /* 굵게(선택사항) */
  text-decoration: underline; /* 밑줄(선택사항) */
}



/*맵피아 카드형*/
.mapia-card-list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.mapia-card {
  background: #f9fafc;
  border-radius: 16px;
  box-shadow: 0 2px 12px 0 rgba(130,150,170,0.7);
  overflow: hidden;
  margin-bottom: 28px;
  transition: box-shadow 0.2s, border 0.18s, transform 0.18s;
  min-height: 320px;
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
}
.mapia-card:hover {
  box-shadow: 0 8px 24px 0 rgba(100,120,180,0.18);
  border-color: #bad3ff;
  transform: translateY(-4px) scale(1.015);
}
.mapia-card-thumb {
  display: block;
  width: 100%;
  background: #eef3fb;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.mapia-card-thumb img {
  width: 100%;
  object-fit: contain;
  background: #FFFFFF;
  border-radius: 14px 14px 0 0;
  border-bottom: 1px solid #ececec;
  aspect-ratio: 552 / 310;
}

.mapia-card-thumb.bdimg img {
	padding: 10px;
}

.mapia-card-badge {
  position: absolute;
  top: 12px; right: 12px;
  background: #ffcb05;
  color: #222;
  font-weight: bold;
  padding: 5px 14px;
  border-radius: 16px;
  font-size: 0.97rem;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.mapia-card-body {
  padding: 18px 20px 16px 20px;
}
.mapia-card-title {
  color: #25263a;
  font-weight: 600;
  font-size: 1.09em;
  margin-top: 0.7em;
  line-height: 1.35em;
  /* 두 줄 고정, 넘치면 ... 처리 */
  height: 1.35em;      /* line-height x 2 */
  display: -webkit-box;
  -webkit-line-clamp: 1;      /* 최대 2줄 */
  line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.mapia-card-meta {
  color: #8a8fa3;
  font-size: 0.95em;
}

.mapia-card-stats {
  color: #6d6f8a;
  font-size: 0.98em;
  margin-top: 0.6em;
}
.mapia-card-stats i {
  color: #4b5878;
  margin-right: 2px;
  vertical-align: middle;
  display: inline-block;
}

.mapia-card .user-link {
  color: #4974b7;
  font-weight: 500;
  cursor: pointer;
}

.mapia-card .user-link:hover {
  color: #23509c;
  text-decoration: underline;
}

.mapia-card .fa-heart {
  color: #e53935;   /* 카드 내 하트는 빨강 */
}

.mapia-card .fa-heart { color: #ff4f6d; }           /* 좋아요(하트) - 핑크 */
.mapia-card .fa-users { color: #5dadf3; }           /* 협업신청수 - 파랑 */
.mapia-card .fa-eye { color: #a0a0a0; }             /* 조회수(보기) - 그레이 */
.mapia-card .fa-comment, .fa-comments { color: #5fc76e; }

/*이미지 줌인*/
.img-zoom-wrap {
  position: relative;
  width: 100%;
}
.img-zoom-lens {
  display: none;
  position: absolute;
  width: 100%; height: 100%;
  border: 1px solid #2196f3;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10;
  pointer-events: none;
  box-shadow: 0 4px 14px rgba(34,90,180,0.10);
}
.img-zoom-wrap:hover .img-zoom-lens { display: block; }

#lens {
  position: absolute;
  border: 1px solid #2196f3;
  width: 120px; height: 120px;   /* 렌즈 크기 */
  opacity: 0.4;
  background: rgba(255,255,255,0.3);
  cursor: crosshair;
  display: none
}
.zoom-container {
	display: flex;
	align-items: center;
  	gap: 20px;
	min-height: 300px;
}
#zoom-result {
	position: fixed;
	top: 0;
	left:100%;
	border: 1px solid #ccc;
	width: 500px; height: 500px;   /* 확대뷰 크기 */
	margin-left: 20px;             /* 메인 이미지와 간격 */
	background-repeat: no-repeat;
	z-index: 999;
	display: none;
}

.yt-icon-btn {
  
  border: none;
  background: #fff;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: box-shadow 0.2s;
  margin-right: 8px;
  position: relative;
}
.yt-icon-btn:focus, .yt-icon-btn:hover {
  outline: none;
}
.yt-icon-btn svg {
  display: block;
  width: 26px;
  height: 26px;
}


article.content-page-form.container ul li {text-indent: 10px;}