@charset "utf-8";
/*** community map ***/
#container {width: 1080px; max-width: 1080px; padding-top: 20px; padding-bottom: 50px; overflow: visible; height: 750px;}
	
	
/** input style **/
/* selectbox */
.SelectBox { display:inline-block; float:left; position:relative; margin-right:10px;}
.SelectBox label a { display:inline-block; border:#ddd solid 1px; box-sizing:border-box; height:30px; width:100%; padding: 7px 50px 0 10px;font-family: dotum,"돋움",sans-serif;font-size: 12px; background:url(http://sop.mods.go.kr/jsp/share/images/tm/bg_sel_box.gif) no-repeat right -5px;}
.SelectBox select { display:none;}
.SelectBox ul { position:absolute; left:0; top:30px; width:100%; height:0; visibility:hidden;border: #ddd solid 1px; border-top:none;box-sizing: border-box;}
.SelectBox ul.Option { height:auto; visibility:visible;}
.SelectBox ul li a { display:block; border-bottom:#ddd solid 1px; padding:7px; font-size:12px; font-family: dotum,"돋움",sans-serif;cursor: pointer;}
.SelectBox ul li:last-child a {border-bottom:none;}


/* radio */
.Radio { display:inline-block; margin-right:20px;}
.Radio label { display:inline-block; padding:0 20px 0 25px; font-size:14px; color:#000; position:relative; }
.Radio input[type=radio] { display:none;}
.Radio label:before { content:''; display:inline-block; width:14px; height:14px; border:#999 solid 3px; border-radius:10px; vertical-align:middle; margin-right:10px; margin-top:-1px; position:absolute; left:0;}
.Radio input[type=radio]:checked + label:after { content:''; display:inline-block; width:8px; height:8px; background:#099; border-radius:4px; border:none; text-align:center; position:absolute; left:6px; top:5px;}
.Radio.poi label:before { margin-top:5px;}
.Radio.poi input[type=radio]:checked + label:after { top:11px;}


/** 인트로 **/
#title-area { display: block;}
#title-area .location { position: absolute; right: 0;}
#title-area .location li { line-height: 13px; float: left; font-size: 12px; color: #54545C;}
#title-area .location li:first-child { display: block; background-repeat: no-repeat; background-position: left center; padding-left: 15px;}
#title-area .location li:nth-child(1):after { content: ">"; display: inline-block; margin: 0 8px;}
#title-area .location li:nth-child(2):after { content: ">"; display: inline-block; margin: 0 8px;}
#title-area .location #loca3:after { content: ">"; display: inline-block; margin: 0 8px;}


.HotCommunity { float:left; position:relative; margin-right:30px; width:690px; height:250px; box-sizing:border-box; border:#00498f solid 2px; padding:19px 0 0 0; margin-bottom:30px;  }
.HotCommunity  { font-size:24px; color:#00498f; margin-left:-2px; margin-bottom:20px; font-family:"나눔고딕B";}
.HotCommunity  strong { display:inline-block; background:url(/img/community/icon_hot.png) no-repeat left top; width:99px; height:43px; margin-top:-5px; text-indent:-1000px; overflow:hidden; vertical-align:middle;}
.HotCommunity .List { position:relative; box-sizing:border-box; width:550px; margin-left:65px; padding:0 0 0 225px;}
.HotCommunity .List dt a { font-size:20px; color:#333; font-family:"나눔고딕B"; margin-bottom:9px; padding-top:3px; display:inline-block;}
.HotCommunity .List .subtitle { font-size:14px; color:#666;margin-bottom:5px;}
.HotCommunity .List .InfoBasic { font-size:12px; color:#999; display:block; margin-bottom:21px;}
.HotCommunity .List .Member { font-size:12px; color:#333; display:block; width:125px; text-align:right; position:relative; margin-bottom:14px; font-family:"나눔고딕B";}
.HotCommunity .List .Member strong { display:inline-block; font-weight:normal; background:#3c0; box-sizing:border-box; width:65px; height:23px; text-align:center; color:#fff; margin-right:7px; padding-top:4px; border-radius:12px; position:absolute; left:0; top:-3px;}
.HotCommunity .List .Count { font-size:12px; color:#333; display:block; width:125px; text-align:right; position:relative;  font-family:"나눔고딕B";}
.HotCommunity .List .Count strong { display:inline-block; font-weight:normal; background:#3cc; box-sizing:border-box; width:65px; height:23px; text-align:center; color:#fff; margin-right:7px; padding-top:4px; border-radius:12px; position:absolute; left:0; top:-3px;}
.HotCommunity .List .Image { position:absolute; left:0; top:0; width:200px; height:145px; background:url(/img/community/img_no.png) no-repeat center center; background-size:100% 100%; text-indent:-1000px; overflow:hidden; border-radius:5px;}
.HotCommunity .btn_forward { text-indent:-1000px; overflow:hidden; width:15px; height:30px; background:url(/img/community/cm_arrow_forward.png) no-repeat left top; position:absolute; left:24px; top:135px;}
.HotCommunity .btn_next { text-indent:-1000px; overflow:hidden; width:15px; height:30px; background:url(/img/community/cm_arrow_next.png) no-repeat left top; position:absolute; right:24px; top:135px;}
.HotCommunity .Number { position:absolute; right:25px; top:25px;}
.HotCommunity .Number a { display:inline-block; width:25px; height:25px; box-sizing:border-box; background:#fff; border:#ccc solid 1px; vertical-align:middle; text-align:center; padding-top:2px; border-radius:3px;}
.HotCommunity .Number a.M_on { background:#00498f; border:none; color:#fff;}


.MapMake { float:left; position:relative; width:250px; height:250px; box-sizing:border-box; border:#c4daf2 solid 1px; background:#eef6ff url(/img/community/intro_make_bg.png)  no-repeat right 55px; padding:25px 25px; margin-bottom:30px;}
.MapMake h2 { font-size:20px; color:#00498f; margin-bottom:15px; font-family:"나눔고딕B";}
.MapMake p { font-size:11px; color:#666; line-height:1.4;}
.MapMake button { position:absolute; bottom:25px; box-sizing:border-box; width:198px; height:50px; background:#0099ff url(/img/community/icon_mapmake.png) no-repeat 15px 12px; border:#0066cc solid 1px; border-radius:5px; color:#fff; font-size:16px; text-align:left; padding-left:40px;}


.CommunityList {float:left; position:relative; margin-right:30px; width:690px; height:600px; box-sizing:border-box;border:#ddd solid 1px; margin-bottom:30px;  }
.CommunityList h2 { background:#3e5473; width:690px; height:42px; margin:-1px 0 0 -1px; box-sizing:border-box; color:#fff; font-size:16px; padding:10px 0 0 20px; font-family:"나눔고딕B";}
.CommunityList .ListSearch { position:absolute; right:10px; top:8px;}
.CommunityList .ListSearch label { display:none;}
.CommunityList .ListSearch input[type=text] { border:none; width:235px; height:25px; box-sizing:border-box; font-size:11px; text-indent:5px;}
.CommunityList .ListSearch button { font-size:12px; background:#000; color:#fff; border:#999 solid 1px; width:46px; height:25px; box-sizing:border-box;}
.CommunityList .Tab { overflow:auto;}
.CommunityList .Tab a { display:inline-block; float:left; width:33.3%; height:36px; border-left:#ddd solid 1px; border-bottom:#ddd solid 1px; background:#f7f7f7; box-sizing:border-box; text-align:center; color:#333; font-size:12px; font-family:"나눔고딕B"; padding-top:10px;}
.CommunityList .Tab a span { color:#666; font-size:12px; padding:0 0 0 8px;}
.CommunityList .Tab a:first-child {border-left:none;}
.CommunityList .Tab a.M_on { color:#06c; border-bottom:none; background:#fff;}

.CommunityList .Paging { text-align:center; margin:15px 0;}
.CommunityList .Paging a {margin-left:-1px; display:inline-block; box-sizing:border-box; width:36px; height:36px; border:#d6d6d6 solid 1px; color:#333; font-size:11px; font-family:"나눔고딕B"; padding-top:10px; text-align:center;vertical-align:middle;}
.CommunityList .Paging a.M_on { background:#06c; color:#fff; border:none;position:relative;}
.CommunityList .Paging a.page_first, .CommunityList .Paging a.page_forward, .CommunityList .Paging a.page_next, .CommunityList .Paging a.page_last { text-indent:-1000px; overflow:hidden; background:no-repeat center center; }
.CommunityList .Paging a.page_first { background-image:url(/img/community/paging_first.png);}
.CommunityList .Paging a.page_forward { background-image:url(/img/community/paging_forward.png);}
.CommunityList .Paging a.page_next { background-image:url(/img/community/paging_next.png);}
.CommunityList .Paging a.page_last { background-image:url(/img/community/paging_last.png);}

.CommunityList .List { padding:0px 20px 20px 20px;  overflow:auto; }
.CommunityList .List dl {position:relative; box-sizing:border-box; width:100%; padding:12px 0 12px 98px; border-bottom:#eaeaea solid 1px;}
.CommunityList .List dl.lock:before {content: '';display: block;width: 31px;height: 31px;background:url(/img/community/icon_lock.png) no-repeat left top;position: absolute;left: 63px;top: 5px;z-index: 100;}
.CommunityList .List dl:last-child {margin-bottom:11px;}

.CommunityList .List dt img { vertical-align:middle; margin-left:10px; }
.CommunityList .List dt a { font-size:16px; color:#333; font-family:"나눔고딕B"; margin-bottom:8px; display:inline-block;}
.CommunityList .List .subtitle { font-size:12px; color:#666;margin-bottom:5px;}
.CommunityList .List .InfoBasic { font-size:11px; color:#999; display:block; }
.CommunityList .List .Member { font-size:12px; color:#333; display:inline-block; position:absolute; right:0px; top:22px; text-align:right; width:125px; font-family:"나눔고딕B";}
.CommunityList .List .Member strong { position:absolute; left:0; top:-3px; display:inline-block; font-weight:normal; background:#3c0; box-sizing:border-box; width:65px; height:23px; text-align:center; color:#fff; margin-right:7px; padding-top:4px; border-radius:12px;}
.CommunityList .List .Count { font-size:12px; color:#333; display:inline-block;position:absolute; right:0px; top:50px; text-align:right; width:125px; font-family:"나눔고딕B";}
.CommunityList .List .Count strong {position:absolute; left:0; top:-3px;  display:inline-block; font-weight:normal; background:#3cc; box-sizing:border-box; width:65px; height:23px; text-align:center; color:#fff; margin-right:7px; padding-top:4px; border-radius:12px;}
.CommunityList .List .Image { position:absolute; left:0; top:11px; width:80px; height:60px; background:url(/img/community/img_no.png) no-repeat center center; background-size:100% 100%; border:#ccc solid 1px; text-indent:-1000px; overflow:hidden; border-radius:5px;}
.CommunityList .ListBtn { width:648px; height:50px; background:#fff; border:#ccc solid 1px; position:absolute; bottom:17px; left:20px; text-align:center; box-sizing:border-box; font-size:12px; padding-top:16px;}
.CommunityList .ListBtn .ListTop { display:inline-block; background:url(/img/community/icon_top.png) no-repeat left center; padding-left:13px; position:absolute; right:20px; top:16px;}
.CommunityList .ListBtn .ListTop:hover {background-image:url(/img/community/icon_top_ov.png); }


.Sidemenu {float:left; width:250px; height:600px; box-sizing:border-box; border:#ddd solid 1px; }
.Sidemenu .cm_notice { padding:15px 25px 15px 25px; min-height:190px; box-sizing:border-box; border-bottom:#ddd solid 1px; background:#f7f7f7; position:relative;}
.Sidemenu .cm_notice h4 { color:#333; font-size:16px; font-family:"나눔고딕B"; margin-bottom:18px;}
.Sidemenu .cm_notice .More { display:inline-block; background:url(/img/community/icon_more.png) no-repeat right 1px; padding-right:13px; font-size:11px; color:#999; position:absolute; right:25px; top:25px;}
.Sidemenu .cm_notice ul li a { display:block; font-size:12px; background:url(/img/community/cm_notice_bullet.png) no-repeat left center; padding-left:10px; margin-bottom:10px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/* .Sidemenu .cm_notice ul li.Today a {background-image:url(/img/community/notice_today.png);} */
.Sidemenu .etc { padding:20px 25px;}
.Sidemenu .etc h4 { display:none;}
.Sidemenu .etc li { font-size:14px; font-family:"나눔고딕B"; margin-bottom:15px; padding:3px 0 3px 25px;background:no-repeat left center;}
.Sidemenu .etc li a {color:#333; }
.Sidemenu .etc li:first-child { background-image:url(/img/community/etc_1.png);}
.Sidemenu .etc li:last-child { background-image:url(/img/community/etc_2.png);}


.Gomenu a.recommend {background-color: #36c; border: none; color: #fff; margin-top: -18px;  margin-bottom: 25px;}

.popup_recommend { position:fixed; left:0; top:0; height:100%; width:100%; background:rgba(0, 0, 0, 0.7); z-index:10000;}
.popup_recommend .popupCont { background:#fff; width:600px; height:450px; position:absolute; left:50%; top:50%; margin:-225px 0 0 -300px; padding:10px 15px 15px 15px; box-sizing:border-box;}
.popup_recommend h1 { font-size:16px; color:#333; font-weight:normal; font-family:"나눔고딕B"; margin-bottom:10px; }
.popup_recommend .btn_close { position:absolute; right:15px; top:12px;}

.TB_02 { width:100%; margin-bottom:20px;table-layout: auto;}
.TB_02 caption { position:absolute; height:0; width:0; overflow:hidden; }
.TB_02 thead th { font-weight: normal;  font-family: "나눔고딕B"; background: #f4f4f4; border: #ddd solid 1px; font-size: 12px;  padding: 5px;}
.TB_02 thead th:first-child label { position:absolute; width:0; height:0; overflow:hidden;}
.TB_02 tbody th { font-weight: normal; background: #f4f4f4; border: #ddd solid 1px; font-size: 14px;  padding: 4px;}
.TB_02 tbody td { font-weight: normal; border: #ddd solid 1px; font-size: 12px;  padding: 4px; text-align:center;}

.recommend_set { height:350px; margin-bottom:15px; overflow:auto;}
.recommend_set .setList { float:left; width:45%; box-sizing:border-box; padding:10px; border:#ddd solid 1px; box-shadow:#eee 2px 2px 5px; height:100%; overflow:auto;}
.recommend_set .setList h2 { font-size:14px; margin-bottom:10px;}
.recommend_set .setList thead th:nth-child(1) { width:25px;}
.recommend_set .setList tbody td:last-child { text-align:left;}
.recommend_set .btn_set { float:left; width:10%; text-align:center; padding-top:150px;}
.recommend_set .btn_set button { display:block; clear:both; height:24px; background:#f4f4f4; font-size:11px; border:#ddd solid 1px; margin:0 auto;  border-radius:13px; line-height:24px; margin-bottom:4px; padding:0 5px;}
.recommend_set .btn_set button:hover { color:#000;}

.popup_recommend .Btn_Group { text-align:center;}
.popup_recommend .Btn_Group button { min-width: 100px; padding: 0 10px;  height: 30px;  box-sizing: border-box; background: #06c; font-size: 14px; color: #fff; }

.popup_recommend .ListSearch {background: #f4f4f4; border: #ddd solid 1px; padding: 10px 15px; margin-bottom: 15px; position: relative;}
.popup_recommend .ListSearch legend { position:absolute; height:0; width:0; overflow:hidden;}
.popup_recommend .ListSearch label { font-size: 12px; margin: 0 10px;vertical-align:middle;}

.popup_recommend .ListSearch button {position: absolute; right: 20px; background: #666; color: #fff; height: 26px; width: 80px; top: 10px; line-height: 26px;}

.popup_recommend .ListSearch select { height:26px; border:#ddd solid 1px; box-sizing:border-box; vertical-align:middle; margin:0 3px;}
.popup_recommend .ListSearch input[type="text"] { height:26px; border:#ddd solid 1px; box-sizing:border-box; vertical-align:middle; margin:0 3px;}

.recommend_List td img { margin:0 2px;}

.popup_recommend .pagenation1 {position: relative;margin: 0 auto;text-align: center;overflow: hidden;font-size: 0; padding-bottom: 20px;}
.popup_recommend .pagenation1 a:first-child { margin-left:0;}
.popup_recommend .pagenation1 a {display:inline-block;min-width: 27px;height: 27px;border: solid 1px #d6d6d6;font-size: 12px;line-height: 27px;text-align: center;vertical-align: top; margin-left:-1px;}
.popup_recommend .pagenation1 .btn {background-color: #eceae8;color: #666;}
.popup_recommend .pagenation1 .pages .page {color: #666;font-family:"나눔고딕B";}
.popup_recommend .pagenation1 .pages .current {background-color: #4f87b6;border: solid 1px #134582;color: #fff; position: relative;}


/** 개설 **/
.community_make { border:none;}
.community_make legend { visibility:hidden;}
.community_make .MakeBox { margin-top:-20px; padding:10px 0; border-top:#00498f solid 3px; border-bottom:#00498f solid 1px;}
.community_make table { width:100%; margin-bottom:30px;}
.community_make table caption { visibility:hidden;}
.community_make table th { font-size:14px; color:#000; width:90px; padding:18px 0 18px 40px; text-align:left; font-weight:normal; vertical-align:top;}
.community_make table td { padding-right:40px;}
.community_make input[type=text],.community_make input[type=password] { border:#ddd solid 1px; box-sizing:border-box; height:30px; padding:0 10px;font-family: dotum, "돋움", sans-serif;font-size: 12px;}


/* file */
.community_make .Image { float:left; display:block; width:150px; height:120px; background:url(/img/community/img_no.png) no-repeat left top; border:#ddd solid 1px; border-radius:7px; background-size:100% 100%; margin-right:15px; text-indent:-1000px; overflow:hidden;}


/* .community_make .file {} */
.community_make .file_input_div { height:auto; width:auto;}
.community_make .file_input_div button {border:#ddd solid 1px; color:#666; height:30px; width:80px; font-size:13px;}
.community_make .fileinfo { padding:10px 0 0 172px; line-height:1.5; color:#999; font-size:12px;}
.community_make a.button,.community_make  button.button { background:#00498f; color:#fff; border-radius:3px; width:150px; height:39px; border:none; text-align: center;line-height: 40px;}
.community_make button.btn {font-size: 12px;font-family: dotum,"돋움",sans-serif;padding: 3px 5px 3px 5px;border-radius: 3px;border:1px solid #ddd;margin:0 5px;background-color: #fff;height: 30px;width:60px;}
.BGmap {padding:8px 0;}
.BGmap div { overflow:auto; position:relative; padding-left:165px;   }
.BGmap div a.button,.BGmap div button { position:absolute; left:0; top:5px;}
.BGmap div a.button.disabled { background:#ccc; }
.BGmap div p { font-size:12px; letter-spacing:-0.5px; line-height:1.5; color:#999; }

.Tag input[type=text] {float:left; vertical-align:middle; margin-right:15px; margin-top:3px; }
.Tag p {padding-top:0; display:inline-block;font-size:12px;line-height:1.5; color:#999;}


.SelectIcon .Radio label img { margin-top:-5px; float:left;}
.Partition { text-indent:-1000px; overflow:hidden; display:inline-block; width:1px; height:25px; background:#ccc; margin:0 20px 0 0;  }


.Btn_Group { text-align:center; padding-bottom:30px;}
.Btn_Group button { background:#4e86b5; width:140px; height:35px; color:#fff; font-size:14px; margin:0 10px;}


/* 새창 */
.cm_newwin { position:absolute; top:8px; left:50%;  border:#000 solid 2px; background:#fff; box-shadow:#000 0 3px 10px -4px; min-width:300px; z-index:10;} 
.cm_newwin h3 { height:41px; font-size:16px; color:#fff; background:#002b66; font-family:"나눔고딕B"; box-sizing:border-box; padding:10px 0 0 15px; font-family:"나눔고딕B";}
.cm_newwin .btnclose { position:absolute; top:9px; right:15px; text-indent:-1000px; overflow:hidden; width:23px; height:23px; background:url(/img/community/newwin_close.png) no-repeat left top;}
.cm_newwin_cont { padding:20px;}
.cm_newwin .Btn_Group { border-top:#ccc solid 1px; padding-top:30px;}


/* 배경지도 만들기 */
.cm_newwin.makemap {margin-left:-468px; width:936px; height:656px;}
.cm_newwin.makemap .cm_newwin_cont { padding:0 !important; height:615px;}
.cm_newwin.makemap .cm_newwin_cont .Setting { width:310px; height:615px; float:left; box-sizing:border-box; border-right:#002b66 solid 1px; background:#fff;}
.cm_newwin.makemap .cm_newwin_cont .Setting .SettingBtn { position:absolute; left:310px; top:300px; }
.cm_newwin.makemap .cm_newwin_cont .Setting .SettingBtn button { background:no-repeat left top; width:13px; height:61px; text-indent:-1000px; overflow:hidden;}
.cm_newwin.makemap .cm_newwin_cont .Setting .SettingBtn button.SettingClose { background-image:url(/img/community/btn_arrow_close.png);}
.cm_newwin.makemap .cm_newwin_cont .Setting .SettingBtn button.SettingOpen { background-image:url(/img/community/btn_arrow_open.png); display:none;}
.cm_newwin.makemap .cm_newwin_cont .Setting.SettingOff { width:0; margin-left:-1px; overflow:hidden;}
.cm_newwin.makemap .cm_newwin_cont .Setting.SettingOff .SettingBtn {left:0px;}
.cm_newwin.makemap .cm_newwin_cont .Setting.SettingOff .SettingBtn button.SettingClose { display:none;}
.cm_newwin.makemap .cm_newwin_cont .Setting.SettingOff .SettingBtn button.SettingOpen { display:block;}
.cm_newwin.makemap .cm_newwin_cont .MapArea { width:626px; height:615px; float:left;}
.cm_newwin.makemap .cm_newwin_cont .MapArea p.MapPosition { height:41px; border-bottom:#002b66 solid 1px; background:#fff; box-sizing:border-box; font-size:14px; color:#333; padding:11px 0 0 15px;}
.cm_newwin.makemap .cm_newwin_cont .MapArea .Map { width:100%; height:615px; background:#093;}
.cm_newwin.makemap .cm_newwin_cont .MapArea.SettingOff { width:100%;}
.cm_newwin.makemap .Btn_Group { border-top:none; padding-top:0;}
.cm_newwin.makemap .cm_newwin_cont .Setting .SelectArea .Select_List .historyBtn{width:50%;  background:#ccc; height:20px;  font-size:12px; margin-right:-4px;}
.cm_newwin.makemap .cm_newwin_cont .Setting .SelectArea .Select_List .mydataBtn{width:49.8%; background:#ccc; height:20px;  font-size:12px;}
.cm_newwin.makemap .cm_newwin_cont .Setting .SelectArea .Select_List .M_on{background:#4e86b5; color:#fff;}
thead .SelectAlign {border-left:none; border-right:none; border-top:none;}
thead .SelectAlign th { font-weight:normal; padding:2px 0;}
.cm_newwin.makemap .cm_newwin_cont .Setting .SelectArea .Select_List .M_on:before {content: '';display: block;background: #4e86b5;width: 6px;height: 6px;position: absolute;top: -3px;transform: rotate(45deg);}
.cm_newwin.makemap .cm_newwin_cont .Setting .SelectArea .Select_List .historyBtn.M_on:before {left: 68px;}
.cm_newwin.makemap .cm_newwin_cont .Setting .SelectArea .Select_List .mydataBtn.M_on:before {left: 208px;}


/* 배경지도 만들기 수정시작*/
.IconSelect_new { padding-right:224px; position:relative; height:121px; margin-bottom:20px;}
.IconSelect_new .Set_title { background:#eee url(/img/community/point_a.png) no-repeat center center; border:#ccc solid 1px; box-sizing:border-box; display:block; width:100%; height:41px; margin-top:-1px; text-indent:-1000px; overflow:hidden;}
.IconSelect_new .Set_title:hover {background-color:#fff;}
.IconSelect_new .M_on .Set_title { background-color:#fff; border-right:none;}
.IconSelect_new .IconSet_a .Set_title { background-image:url(/img/community/point_a.png);}
.IconSelect_new .IconSet_b .Set_title { background-image:url(/img/community/point_b.png);}
.IconSelect_new .IconSet_c .Set_title { background-image:url(/img/community/point_c.png);}
.IconSelect_new .IconSet_a.M_on .Set_title { background-image:url(/img/community/point_a_on.png);}
.IconSelect_new .IconSet_b.M_on .Set_title { background-image:url(/img/community/point_b_on.png);}
.IconSelect_new .IconSet_c.M_on .Set_title { background-image:url(/img/community/point_c_on.png);}
.IconSelect_new .M_on .set_detail { display:block;}
.IconSelect_new .set_detail { position:absolute; right:0; top:0; width:224px; height:121px; border:#ccc solid 1px; border-left:none; box-sizing:border-box; display:none; padding:15px;}
.IconSelect_new .set_detail p { text-align:center; height:64px; border-bottom:#ccc solid 1px;  margin-bottom:10px;}
.IconSelect_new .set_detail p img {vertical-align:middle;}
.IconSelect_new .set_detail label { text-align:center; display:block;}

.IconSelect_new .IconSet_a .set_detail p img { margin:8px 4px;}
.IconSelect_new .IconSet_b .set_detail p img { margin:8px 4px;}
.IconSelect_new .IconSet_c .set_detail p img { margin:8px 4px;}

.SelectAlign { background:#eee; padding:10px; margin-top:-21px; margin-bottom:20px; border:#ccc solid 1px; font-size:12px;}
.SelectAlign label { margin-right:10px;}

/* 배경지도 만들기 수정끝*/


/* Setting */
.cm_newwin_cont .Tab a { display:inline-block; width:50%; height:41px; box-sizing:border-box; background:#f4f4f4; border-left:#e0e0e0 solid 1px;border-bottom:#e0e0e0 solid 1px; text-align:center; padding-top:12px; font-size:14px; color:#666;}
.cm_newwin_cont .Tab a:first-child { border-left:none;}
.cm_newwin_cont .Tab a.M_on { background:#fff; color:#333; border-bottom:none;}
.cm_newwin_cont .TabCont { padding:15px;}
.cm_newwin_cont .TabCont h4 { font-size:14px; color:#333; font-family:"나눔고딕B"; margin-bottom:10px;}
.cm_newwin_cont .TabCont .SelectArea { border:#ccc solid 1px; padding:15px; height:105px; overflow:auto; margin-bottom:20px;}
.cm_newwin_cont .TabCont .SelectArea label { display:block; margin-bottom:10px; font-size:12px;}
.cm_newwin_cont .TabCont .SelectArea label:last-child {margin-bottom:0px;}
.cm_newwin_cont .TabCont .SelectArea label input { margin-right:6px;}
.IconSelect { border-bottom:#ccc solid 1px; padding-bottom:12px; text-align:center; margin-bottom:15px;}
.IconSelect label { display:inline-block; width:18.5%; position:relative; margin-bottom:8px;}
.IconSelect label input { margin-right:4px;}
.IconSelect label img { vertical-align:middle;}


/* 통계커뮤니티 */
.MapInfoBox { width:100%; float:left; background:#fff; position:relative; box-sizing:border-box;}
.MapInfoBox.BoxOFF {margin-left:-330px;}
/* .MapInfoBox h2 { box-sizing:border-box; height:44px;  border-bottom:#757575 solid 1px; background:#f6f6f6; padding:10px 0 0 20px; font-size:16px; color:#1364b1; font-family:"나눔고딕B";} */
.MapInfoBox .cm_home {border-right:#aeaeae solid 1px; width:43px; height:43px; display:block; position:absolute; right:-1px; top:0; background:url(/img/community/icon_home.png) no-repeat center center; text-indent:-1000px; overflow:hidden;}


/* 커뮤니티 간략정보 */
.MapInfoBox .MapInfo { padding:18px 20px 70px 155px; position:relative; box-sizing:border-box; min-height:208px; border-bottom:#ccc solid 1px;}
.MapInfoBox .MapInfo .Image { display:block; width:117px; height:87px;  position:absolute; left:20px; top:20px; background:url(/img/community/img_no.png) no-repeat center center;background-size:100% 100%; border-radius:5px; text-indent:-1000px; overflow:hidden;}
.MapInfoBox .MapInfo h3 { font-size:16px; font-family:"나눔고딕B"; color:#333; margin-bottom:5px;}
.MapInfoBox .MapInfo .subtitle { font-size:12px; color:#666; margin-bottom:13px;}
.MapInfoBox .MapInfo .detail {font-weight:normal; font-size:11px; color:#999; line-height:1.7;}
.MapInfoBox .MapInfo .detail img { vertical-align:middle;}
.MapInfoBox .MapInfo button { position:absolute; bottom:20px; left:20px; background:url(/img/community/btn_position.png) no-repeat 85px center; border:solid 1px; box-sizing:border-box; height:40px; width:339px; border-radius:5px; color:#fff; font-size:16px; }
.MapInfoBox .MapInfo .btn_insert { background-color:#666; border-color:#333;}
.MapInfoBox .MapInfo .btn_register { background-color:#09f; border-color:#06c;}
.MapInfoBox .MapInfo #poi-register-end-button { background-color:#666; border-color:#333; }


/* 리스트검색 */
.MapInfoBox .ListSearch { height:88px; box-sizing:border-box; background:#ededed; padding:12px 0 0 20px; position:relative;}
.MapInfoBox .ListSearch label { font-size:12px; vertical-align:top; padding-top:6px; display:inline-block; margin-right:10px;}
.MapInfoBox .ListSearch input[type=text] {box-sizing:border-box; height:27px; border:#ccc solid 1px;margin-bottom:10px;font-size: 11px;padding-left: 10px;}
.MapInfoBox .ListSearch button {font-size:14px; background:#6a7c98; border:#586771 solid 1px; width:66px; height:64px; position:absolute; top:12px; right:15px; box-sizing:border-box; padding:0 15px; color:#fff; border-radius:5px; }


/* 탭 */
.scrollBox {border: 0px;}
.scrollBox .Tab { overflow:auto;background-color: #ddd;}
.scrollBox .Tab a { display:block; width:50%; float:left; text-align:center; height:38px; border-top:#ccc solid 1px; background:#f7f7f7; border-bottom:#ddd solid 1px; box-sizing:border-box; font-size:12px; color:#333; font-family:"나눔고딕B"; padding-top:10px;}
.scrollBox .Tab a.M_on { background:#fff; border-bottom-color:#fff;color:#06c;}
.scrollBox .Tab a:last-child {border-left:#ddd solid 1px;}
.scrollBox .Tab a span { color:#666; font-size:12px;padding-left:8px;}

.scrollBox .cm_list ul { padding:0 15px; margin-bottom:15px;}
.scrollBox .cm_list ul a { border-bottom:#eaeaea solid 1px; background:no-repeat left center; display:block; height:74px; box-sizing:border-box; position:relative; padding:17px 0 0 30px;}
.scrollBox .cm_list ul a .title { font-size:14px; color:#06c; font-family:"나눔고딕B"; display:block; margin-bottom:7px;width: 250px}
.scrollBox .cm_list ul a .position {font-size:12px; color:#555;width: 250px; display: block;}
.scrollBox .cm_list ul a .date { position:absolute; font-size:11px; color:#999; left:280px; top:20px;}
.scrollBox .cm_list ul a .comment { position:absolute; font-size:11px; color:#999; left:280px; top:42px;}

.leftArea .Paging { text-align:center; margin-bottom:15px;}
.leftArea .Paging a { display:inline-block; box-sizing:border-box; width:36px; height:36px; border:#d6d6d6 solid 1px; color:#333; font-size:11px; font-family:"나눔고딕B"; padding-top:10px; text-align:center;vertical-align:middle;}
.leftArea .Paging a.M_on { background:#06c; color:#fff; border:none;}
.leftArea .Paging a.page_first, .leftArea .Paging a.page_forward, .leftArea .Paging a.page_next, .leftArea .Paging a.page_last { text-indent:-1000px; overflow:hidden; background:no-repeat center center; }
.leftArea .Paging a.page_first { background-image:url(/img/community/paging_first.png);}
.leftArea .Paging a.page_forward { background-image:url(/img/community/paging_forward.png);}
.leftArea .Paging a.page_next { background-image:url(/img/community/paging_next.png);}
.leftArea .Paging a.page_last { background-image:url(/img/community/paging_last.png);}

.leftArea .Btn_box {width:100%; height:36px; box-sizing:border-box; padding:6px 0 0 15px; border-top:#ccc solid 1px;border-bottom:#ccc solid 1px; position:absolute; bottom: 45px; background:#fff;}
.leftArea .btn_notice { font-size:12px; font-family:"나눔고딕B"; color:#333; display:inline-block; padding-right:8px; background:url(/img/community/btn_arrow_next.png) no-repeat right 4px; margin-right:10px;}
.leftArea .btn_notice span {font-size: 11px;color: #f00;}
.leftArea .btn_out { position:absolute; right:15px; top:10px; font-size:12px;}

.registerArea {width: 330px; height: 300px;}
.registerArea>div.register_list       {position: absolute; left: -1000px; top: 500px; width: 350px; height: 350px; box-sizing: border-box; background: #fff; z-index: 1000; text-align: left; padding: 15px; display:none;}
.registerArea>div.register_list.M_on  {display: block;}
.registerArea>div.register_list>.List {height: 300px; overflow: auto;}
.registerArea>div H2{background: none; border: none; font-family: '나눔고딕B'; font-size: 14px; color: #333; box-sizing: border-box; padding: 0; height: auto; margin-bottom: 10px;}

/* 커뮤니티 참여하기 */
.community_name { background-image:url(/img/community/title_wrap1.png), url(/img/community/title_wrap2.png); background-position:left top, right top; background-repeat:no-repeat; display:inline-block; margin:0 auto; margin-bottom:20px; padding:10px 30px 0 30px; color:#333; font-family:"나눔고딕B"; font-size:20px; }

.newwin_messagy { text-align:center; padding:20px; font-size:18px;}


/* 커뮤니티 등록하기 */
/*
	 height: calc( 100% - 80px ); 제거  height:80%; 추가
*/
.cm_newwin2 { position:absolute; top:0px; left:0; width:379px;   background: #fff;}
.cm_newwin2 h3 { height:41px; font-size:14px; color:#fff; background:#757575; font-family:"나눔고딕B"; box-sizing:border-box; padding:10px 0 0 15px;}
.cm_newwin2 .btnclose { position:absolute; top:9px; right:15px; text-indent:-1000px; overflow:hidden; width:23px; height:23px; background:url(/img/community/newwin_close.png) no-repeat left top;}
.cm_newwin2 .cm_newwin_cont { padding:15px;}
.cm_newwin2 .Btn_Group { border-top:#ccc solid 1px; padding: 30px 0 50px 0;}


/** 등록하기 테이블 **/

table.tb_type1 { width:100%; }
table.tb_type1 caption { visibility:hidden; height:0;}
table.tb_type1 th { font-size: 13px;color: #000;width: 60px; text-align: left;font-weight: normal;vertical-align: top;padding-top: 14px;}
table.tb_type1 td {padding:7px 0 7px 0px; }
table.tb_type1 input[type=text],table.tb_type1 input[type=password],.file_input_textbox { border:#ddd solid 1px; box-sizing:border-box; height:30px; padding:0 10px;font-family: dotum,"돋움", sans-serif;font-size: 12px;}
table.tb_type1 textarea { border:#ddd solid 1px; box-sizing:border-box; width:100%; height:180px; line-height:1.8; padding:10px;font-family: dotum,"돋움", sans-serif;font-size: 12px;}


/* file */
table.tb_type1 .Image { float:left; display:block; width:150px; height:130px; background:url(/img/community/img_no.png) no-repeat left top; border:#ddd solid 1px; border-radius:7px; background-size:100% 100%; margin-right:15px; text-indent:-1000px; overflow:hidden;}
table.tb_type1 .file_input_div, .cm_info .file_input_div { height:auto; width:auto;}
table.tb_type1 .file_input_div .photo-help,.help{ font-size: 11px;padding: 5px;color: #ff6347;line-height: 20px;}
table.tb_type1 .file_input_div button,.cm_info .file_input_div button {border:#ddd solid 1px; color:#666; height:30px; width:120px;font-size: 12px;}
table.tb_type1 .fileinfo,.cm_info .fileinfo { padding:25px 0 0 172px; line-height:1.5; color:#999; font-size:12px;}

table.tb_type1 .Radio { margin-right:0;}
table.tb_type1 .Radio label { font-size:12px; line-height:1.5;}


/* ///공지사항/// */

/* 공지사항 목록 */

.ListSearch1 { width:379px; height:54px; background:#f4f4f4; border-bottom:#eaeaea solid 1px; box-sizing:border-box; text-align:right; padding:13px 18px 0 0;}
.ListSearch1 label { visibility:hidden; width:0;}
.ListSearch1 input { height:27px; border:#ccc solid 1px; box-sizing:border-box;}
.ListSearch1 button {font-size:12px; vertical-align:middle;background:#6a7c98; border:#586771 solid 1px; color:#fff; width:40px; height:27px; box-sizing:border-box; border-radius:4px;}
.ListSearch1 select {height:27px; border:#ccc solid 1px; box-sizing:border-box; -webkit-appearance: none;  padding:0 50px 0 0; background:#fff url(/img/community/select_arrow.png) no-repeat right center; cursor:pointer;}
.ListSearch1 select::-ms-expand {display: none;}


.NoticeList { background:#fff; width:379px; height:457px; box-sizing:border-box; padding:0 20px 0 20px;}
.NoticeList ul { margin-bottom:20px;}
.NoticeList a { display:block; border-bottom:#eaeaea solid 1px; padding:16px 0; line-height:1.4;}
.NoticeList a .Title { font-size:12px; color:#0066cc; font-family:"나눔고딕B"; display:block;}
.NoticeList a .ListInfo { font-size:11px; color:#999;}

.NoticeList .HotNews a .Title { color:#000;}
.NoticeList .HotNews a .Title::before { content:'공지'; display:inline-block; width:27px; height:16px; background:#cc0000; border-radius:3px; color:#fff; font-size:11px; font-weight:normal; text-align:center; margin-right:5px;}
.NoticeList .Reply a .Title { color:#666;}
.NoticeList .Reply a .Title::before { content:''; display:inline-block; width:16px; height:16px; background: url(/img/community/notice_reply.png) no-repeat 3px top; margin-right:5px; vertical-align:middle;}
.NoticeList .Reply a .ListInfo { padding-left:21px;}


/* 공지사항 내용 쓰기 */
.NoticeView table { margin-bottom:20px;}
.NoticeView .Btn_Group button { width:90px;}
.NoticeView input { box-sizing:border-box;}
.NoticeView textarea { box-sizing:border-box; border:#ddd solid 1px; width:100%; padding:10px; }
.NoticeView td input.readonly { border:none; background:none; padding-left:0;}
.NoticeView button.comment { position:absolute; right:20px; margin-top:-30px;background:#6a7c98; border:#586771 solid 1px; color:#fff; min-width:30px; height:20px; box-sizing:border-box; border-radius:4px; font-size:12px; padding:0 4px; font-family:"나눔고딕B";}
.NoticeView button.comment span { font-weight:normal; font-size:11px;}

.CommentBox { position:absolute; width:379px; left:0px; top:120px; background:#fff; border-top:#333 solid 1px; }
.CommentBox .comment_close { background:url(/img/community/newwin_close.png) no-repeat center center; width:11px; height:11px; position:absolute; right:10px; top:7px; font-size:11px; color:#fff; text-indent:-60px; overflow:visible; line-height:1;}
.CommentBox h4 {background:#6a7c98; border-bottom:#586771 solid 1px; color:#fff; padding:5px 10px;}
.CommentBox h4 span { font-size:11px; font-weight:normal; padding-left:5px;}
.CommentBox ul { height:337px; overflow:auto;}
.CommentBox ul li { border-bottom:#999 dotted 1px; padding:10px;}
.CommentBox ul li p { color:#333; font-size:14px; margin-bottom:5px;}
.CommentBox ul li span { color:#999; font-size:11px;}
.CommentBox ul li button { vertical-align:middle; background:no-repeat center center; width:12px; height:12px; text-indent:-1000px; overflow:hidden;}
.CommentBox ul li button.comment_modify { background-image:url(/img/community/comment_modify.png);}
.CommentBox ul li button.comment_delete { background-image:url(/img/community/comment_delete.png);}
.CommentBox  .comment_write { height:45px; box-sizing:border-box; padding:8px 15px; background:#f4f4f4; border-top:#ddd solid 1px;}
.CommentBox  .comment_write label { display:inline-block; background:url(/img/community/comment_write.png) no-repeat center center; width:15px; height:11px; text-indent:-1000px; overflow:hidden; margin:0;}
.CommentBox  .comment_write input[type=text] { box-sizing:border-box; border:#ccc solid 1px; height:26px; padding-left:4px; }
.CommentBox  .comment_write button {background:#6a7c98; border:#586771 solid 1px; color:#fff; min-width:30px; height:20px; box-sizing:border-box; border-radius:4px; font-size:12px; padding:2px 4px; font-family:"나눔고딕B"; height:26px;}


/* 회원관리 */
.MemberList { width:379px; height: 537px; box-sizing:border-box; padding:0 20px;  background:#fff;}
.MemberList ul { margin-bottom:20px;}
.MemberList li { position:relative; border-bottom:#ddd solid 1px; padding:17px 74px 17px 40px;}
.MemberList li .Number { position:absolute; left:0; top:17px; font-size:11px; color:#999;}
.MemberList li .Name { display:block; color:#000; font-size:14px; margin-bottom:4px;}
.MemberList li .Name strong { color:#0066cc;}
.MemberList li .MemberDate { font-size:11px; color:#999;}
.MemberList li button { position:absolute; right:0; top:22px; font-size:12px; width:65px; height:22px;  color:#fff; border-radius:12px;}
.MemberList li button.confirm_in {background:#3c0;}
.MemberList li button.confirm_out {background:#999;}
.MemberList li button.return_cancel {background: #fb0;}
.MemberList li button.confirm_finish {background: #036;}


/* 커뮤니티 기본정보 */
.BasicInfo { background:#fff;  max-width:280px;  box-sizing:border-box; }
.BasicInfo h4 { font-size:16px; font-weight: bold; color: #666; font-family:"나눔고딕B"; overflow:hidden; margin-bottom:7px;  white-space:nowrap;text-overflow:ellipsis;}
.BasicInfo ul { font-size:12px; margin-bottom:10px;}
.BasicInfo ul li { white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.BasicInfo img { width: auto;max-width: 250px;max-height:250px;margin-bottom:7px;}
.BasicInfo .Btn_Group { padding:0;}
.BasicInfo .Btn_Group button { font-size:12px; width: 95px; height: 32px; border-radius: 5px; background-color: #0c8ce9; margin:0;}


/* 커뮤니티 상세정보 */
.DetailInfo { position:fixed; left:0; top:0; width:100%; height:100%; z-index:10000;}
.DetailInfo .Bg_black { background:#000; opacity:0.5;}
.DetailInfo .cm_newwin {z-index:10001;}

.InfoBox { padding-left:220px; position:relative; min-height:170px; margin-bottom:20px;}
.InfoBox dt { font-size:16px; font-family:"나눔고딕B"; color:#000; margin-bottom:10px;}
.InfoBox dd { font-size:12px; color:#666;}
.InfoBox dd span { display:block;}
.InfoBox dd .date { font-size:11px; color:#999;margin-bottom:13px;}
.InfoBox dd .add { margin-bottom:5px;}
.InfoBox dd .comment { margin-bottom:20px; font-size:13px;}
.InfoBox dd img { position:absolute; left:0; top:0; width: 200px;height: 150px;}
.InfoBox dd button.btn{height:29px; box-sizing:border-box; padding:0 10px 0 30px; border:#ccc solid 1px;font-size:12px; color:#333; font-family:"나눔고딕B"; border-radius:3px;}
.InfoBox dd button.btn_report {  background:url(/img/community/icon_report.png) no-repeat 8px 5px;}
.InfoBox dd button.btn_modify { background: url(/img/community/comment_modify.png) no-repeat 8px 8px;}
.InfoBox dd button.btn_delete { background: url(/img/community/comment_delete.png) no-repeat 8px 9px;}
.InfoBox dd button.btn_report_list { padding: 0 10px 0 25px;background: url(/img/community/etc_2.png) no-repeat 8px 6px;background-size: 14px;}
.InfoBox .navigator,.BasicInfo .navigator{position: absolute;left: 0;top: 160px;width: 200px;text-align: center;}
.InfoBox .navigator button,.BasicInfo .navigator button{border-radius: 50%;width: 15px;height: 15px;margin:0 10px;background-color: #ddd;}
.InfoBox .navigator button.M_on,.BasicInfo .navigator button.M_on{background-color: #aaa;}

.InfoBox dd button span { display:inline-block; font-size:12px; color:#C00;}

.CommentBox1 h5 { background:#6a7c98;  border:#4f6280 solid 1px; font-size:12px; font-family:"나눔고딕B"; color:#fff; padding:8px 20px;}
.CommentBox1 h5 span { font-size:12px;}
.CommentBox1 .comment_write { background:#f6f6f6; border:#ddd solid 1px; border-top:none; padding:15px 20px; box-sizing:border-box; padding-right:100px; position:relative;}
.CommentBox1 .comment_write label {width:0; font-size:0; visibility:hidden; display:none;}
.CommentBox1 .comment_write input { border:#ccc solid 1px; padding:5px; width:100% !important;}
.CommentBox1 .comment_write button { border:#ccc solid 1px; background:#fff; padding:0px 8px; position:absolute; right:15px; top:15px; height:29px; font-size:12px; margin-top:0 !important;}
.CommentBox1 ul { max-height:250px; border:#ddd solid 1px; border-top:none; overflow:auto;}
.CommentBox1 ul li {border-bottom:#ddd solid 1px; padding:10px;position: relative;}
.CommentBox1 ul li:last-child {border-bottom:none;}
.CommentBox1 ul li .name { font-size:12px; font-family:"나눔고딕B"; color:#333;}
.CommentBox1 ul li .date { font-size:11px; color:#999;}
.CommentBox1 ul li .comment_cont { font-size:12px; display:block; padding-top:3px; float:left;margin-right: 10px;margin-bottom:15px;}
.CommentBox1 ul li button { background: no-repeat center center; width:15px; height:15px; text-indent:-1000px; overflow:hidden; vertical-align:middle; position:absolute;}
.CommentBox1 ul li button.modify { background-image:url(/img/community/comment_modify.png); right:25px;}
.CommentBox1 ul li button.delete { background-image:url(/img/community/comment_delete.png); right:5px;}

.report_write { background:#f6f6f6; border:#ddd solid 1px; padding:15px 20px;}
.report_write label {width:0; font-size:0; visibility:hidden;}
.report_write input { border:#ccc solid 1px; padding:5px; }
.report_write button.report { border: #ccc solid 1px;background: #fff;padding: 0px 8px;margin-left: 25px;height: 30px;font-size: 12px; }


/* 캘린더 */
.Calendar { position:relative; display:inline-block;}
.Calendar label { width:0; height:0; overflow:hidden; font-size:0; display:none;}
.Calendar button {background:#f6f6f6; border:#ddd solid 1px; width:30px; height:30px; margin-left:-6px;}

.CalendarWin { position:absolute; width:205px; background:#fff; z-index:10000; border:#666 solid 1px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; margin-top:-1px; display:none;}
.CalendarWin .Month { font-size:11px; font-family:"나눔고딕B"; color:#999; text-align:center; display:block; padding:7px 0;}
.CalendarWin button.MonthFoward { position:absolute; left:8px; top:5px; width:15px; height:15px; background:none; border:none; text-align:center;z-index:1;}
.CalendarWin button.MonthNext { position:absolute; right:8px; top:5px; width:15px; height:15px; background:none; border:none; text-align:center;z-index:1;}
.CalendarWin button.Calendar_submit { text-align:center;background:none; border:none; font-size:11px; box-shadow:inset 0px 5px 5px #eee; width:100%; padding:5px 0; height:auto;}

.MonthBox { position:absolute;left:0px; top:1px; width:100%; background:#fff; z-index:2; text-align:center; padding-top:3px; display:none;}
.MonthBox button {border:#999 solid 1px; border-radius:2px; padding:3px !important; height:auto; font-size:11px;}

.CalendarWin button.Calendar_submit:hover { color:#000;}
.CalendarWin table { width:205px !important; margin-bottom:5px;}
.CalendarWin table th { width:auto !important; font-size:11px; font-weight:normal; background:#00bcd4; padding:3px 0; text-align:center; color:#fff;}
.CalendarWin table td { color:#999; font-size:11px !important; padding:2px 0; text-align:center;}
.CalendarWin table td a { display:inline-block; width:17px; height:17px; text-align:center; line-height:17px; letter-spacing:-1px;}
.CalendarWin table td a:hover { background:#999; color:#fff; border-radius:9px;}
.CalendarWin table td a.M_on {background:#00498f; color:#fff; border-radius:9px;}
.CalendarWin table td a.M_on:hover {background:#00498f; color:#fff; border-radius:9px;}

.SelectIcon_new { margin-bottom:20px;}
.SelectIcon_new a {display:block; height:38px; opacity:0.4; font-size:11px; box-sizing:border-box; border-bottom:#ccc solid 1px;letter-spacing:-1px;padding:4px 4px 0 4px; text-align:center;}
.SelectIcon_new a:hover {background:#ddd;}
.SelectIcon_new a span, .SelectIcon_new a img, .SelectIcon_new a label, .SelectIcon_new a input { vertical-align:middle;}
.SelectIcon_new li:first-child a {border-top:#ccc solid 1px; }
.SelectIcon_new li:first-child a span { margin:0 1px;}
.SelectIcon_new li:nth-child(2) a span { margin:0 10px;}
.SelectIcon_new li:nth-child(3) a span { margin:0 10px;}
.SelectIcon_new a.M_on { opacity:1; background:#fff; border:#ccc solid 1px; position:relative; box-shadow:0 1px 2px #ccc;}
.SelectIcon_new li:nth-child(4) a {padding:8px 3px 0 3px;}
.SelectIcon_new li:nth-child(4) a label { display:inline-block; margin:0 10px;}
.SelectIcon_new li:nth-child(4) a label input { margin-right:3px;}

.ui-datepicker {background-color: #fff;}


/* 2016.01.11 신고목록 */
.Report_result ul {max-height:200px; overflow:auto; border:#ddd solid 1px; border-top:none; overflow:auto;}
.Report_result ul li {border-bottom:#ddd solid 1px; padding:10px;}
.Report_result ul li .name { font-size:14px; font-family:"나눔고딕B"; color:#333; display:inline-block;}
.Report_result ul li .date { font-size:11px; color:#999;display:inline-block; margin:5px;}
.Report_result ul li .comment_cont { font-size:14px; display:block; }
.Report_result ul li button { background: no-repeat center center; width:15px; height:15px; text-indent:-1000px; overflow:hidden; vertical-align:middle;}
.Report_result ul li button.modify { background-image:url(../img/comment_modify.png);}
.Report_result ul li button.delete { background-image:url(../img/comment_delete.png);}
.Report_result ul li:last-child { border-bottom:none;}

/* .sqList .dragItem>.M_on{background-color: rgb(70, 174, 255);border-radius: 10px;} */
.toolBar .tb_right ul li .colorMap{background: #8d9ba8; border:#53687b solid 1px;width: 50px !important;height: 25px !important;font-size: 12px;text-align: center;padding-top: 3px;color: #fff;border-radius: 13px;box-sizing: border-box;margin-top: 1px;}
.toolBar .tb_right ul li .colorMap img { vertical-align:middle; margin-right:5px;}
.toolBar .tb_right ul li .colorMap.on {background:#28425b; border:none; padding-top:4px;}

    
/* 추가 */
.rela {box-sizing:border-box; padding-left:330px;}
.rela .leftArea {width: 330px !important;} 
.HomeCommunity {position: absolute; top: 7px; background: url(/img/community/icon_home.png) no-repeat center;}
/* .HomeCommunity {background-image: url(/img/community/icon_home.png) !important;} */
.sideQuick.sq01 {top:3px; left:7px;}
.sideQuick.sq03 {top:37px !important;left:356px !important;}
.sceneBox {display:block !important; float:none !important;}
.quickBox .subj {height:33px !important; display: flex;}
.quickBox.step01 {left:0; top:34px;}/*20년수정반영*/
.quickBox .subj a:hover {transform:none;}
.sqListBox.sq03 .sqTabs {height:34px !important;}
.sqListBox.sq03 {top:33px !important; opacity:0.8;}
.sqListBox.sq03 .sqList ul li .ellipsis:before,.sqListBox.sq03 .sqList ul li .ellipsis.M_on:before{width:0;height: 0;overflow: hidden;}
.sqListBox.sq03 .sqList ul li .ellipsis>input{float: left;margin-top: 8px;}
.sqListBox.sq03 .sqList ul li .ellipsis>span{padding-left:0;margin-left: 27px;}
.sqListBox.sq03 .sqList ul li .ellipsis>img{margin-top:2px;}
.sqListBox.sq03 .sqList{height: auto;}
.sqListBox.sq03 .sqTabs a{margin-top: 3px;height: 22px;padding-top: 4px;}
.sqListBox.sq03 .sqTabs span{font-size:12px;display: inline-block;}
.sqListBox.sq03.onlyMydata {left: 330px;border: none;background: none;top: 34px !important;opacity: 1;width: 90px;}
.sqListBox.sq03.onlyMydata .sqTabs {width: 80px;height:32px !important;}

/* .sideQuick{position:absolute;left:0;z-index:13;display:block;height:34px;box-sizing:border-box;overflow:hidden;font-size:0;line-height:34px;color:#fff;text-align:center;border:#21396c;border-radius:0;} */
/* .sideQuick img,.sideQuick span{vertical-align:middle; margin-left:6px} */
/* .sideQuick span{display:inline-block;padding:0;margin:0;font-family: 'Nanum Gothic';font-size: 13px;} */
/* .sideQuick.sq01,.sqListBox.sq01{top:0;} */
/* .sideQuick.sq02,.sqListBox.sq02{top:35px;z-index:13;width:85px} */

/* h2, h3, h4, dt { font-weight:normal !important;} */

.cm_newwin2 .btn {font-size: 12px;font-family: dotum,"돋움",sans-serif;padding: 3px 5px 3px 5px;border-radius: 3px;box-shadow: 1px 1px 1px #555;margin:0 5px;background-color: #fff;}
.cm_newwin2 .btnWrite {position: absolute;left: 75px;top: 9px;background: #fff url(/img/community/comment_modify.png) no-repeat 5px 4px;padding: 3px 5px 3px 19px;}
/* 통계리스트 버튼(색지도)의 "즐겨찾기한 목록이 없습니다." 부분 스타일 _20160512 */
.dataTables_empty {font-size: 12px; text-align: center; padding-top: 70px;}


/* 등록아이콘선택_20160512 */
.SelectIcon_new1 { width:279px; height:156px; border:#ccc solid 1px; margin-bottom:20px; position:relative; box-sizing:border-box;}
.SelectIcon_new1 .i_menu { position:absolute; left:-1px; bottom:0; width:279px;  box-sizing:border-box; z-index:100;}
.SelectIcon_new1 .i_menu li { float:left; width:62px; position:relative;}
.SelectIcon_new1 .i_menu li a { display:block; width:100%; height:29px; background:#ccc no-repeat center center; text-indent:-1000px; overflow:hidden; box-sizing:border-box;}
/*
left:calc(50% - 3px); 제거 left:40%; 추가 
*/
.SelectIcon_new1 .i_menu li.M_on:before { content:''; display:block; background: #4e86b5; width: 6px; height: 6px; position: absolute; top: -3px; transform: rotate(45deg); left:40%;}
.SelectIcon_new1 .i_menu li.M_on a { border-bottom:#036 solid 3px; background-color:#4e86b5;}
.SelectIcon_new1 .i_menu li a:hover {background:#76a8cc no-repeat center center;}
.SelectIcon_new1 .i_menu li.M_on a:hover { background-color:#4e86b5;}
.SelectIcon_new1 .i_menu li a.disabled:hover {background-color:#ccc;}
.SelectIcon_new1 .i_menu li.M_on a.disabled:hover { background-color:#4e86b5;}
.SelectIcon_new1 .i_menu li:nth-child(1) a { background-image:url(/img/community/i_tab1.png);}
.SelectIcon_new1 .i_menu li:nth-child(2) a { background-image:url(/img/community/i_tab2.png);}
.SelectIcon_new1 .i_menu li:nth-child(3) a { background-image:url(/img/community/i_tab3.png);}
.SelectIcon_new1 .i_menu li:nth-child(4) a { background-image:url(/img/community/i_tab4.png);}
.SelectIcon_new1 .i_menu li:nth-child(5) a { background-image:url(/img/community/i_tab5.png);}
.SelectIcon_new1 .i_menu li:nth-child(5) { width:31px;}
.disabled{opacity: 0.5;}
.i_box {font-size:11px; display:none;}
.i_box input, .i_box label { vertical-align:middle;}
.i_box.M_on { display:block;}
.i_box_header { position:relative;font-size:11px; height:26px;background:#f5f5f5; border-bottom:#ebebeb solid 1px; box-sizing:border-box; padding:5px 5px;}
.i_box_cont {font-size:11px; height:101px; overflow:auto; box-sizing:border-box;}
.i_box.disabled .i_box_cont label img{opacity: 0.5;}
.i_box1 .i_box_header label { position:absolute; right:6px;}
.i_box1 .i_box_cont {padding:20px 10px 0 10px;}
.i_box1 .i_box_cont img { vertical-align:middle; margin:0 0 0 3px;}
.i_box1 .i_box_cont img:first-child {margin:0;}
.i_box1 .i_box_cont input[type=text] { font-size:11px; height:22px; box-sizing:border-box; border:#fff solid 1px; letter-spacing:-1px; width:60px;}
.i_box1 .i_box_cont input[type=text]:focus {border-color:#ccc;}
.i_box2 .i_box_header label { position:absolute; right:6px;}
.i_box2 .i_box_cont { text-align:center; padding:35px 10px 0 10px;}
.i_box2 .i_box_cont img { vertical-align:middle; margin:0 0 0 10px;}
.i_box2 .i_box_cont img:first-child {margin:0;}
.i_box2 .i_box_cont input[type=text] { font-size:11px; height:22px; box-sizing:border-box; border:#fff solid 1px; letter-spacing:-1px; width:60px;}
.i_box2 .i_box_cont input[type=text]:focus {border-color:#ccc;}
.i_box3 .i_box_header label { position:absolute; right:6px;}
.i_box3 .i_box_cont {text-align:center; padding-top:35px;}
.i_box3 .i_box_cont img { vertical-align:middle; margin:0 0 0 15px;}
.i_box3 .i_box_cont img:first-child {margin:0;}
.i_box3 .i_box_cont input[type=text] { font-size:11px; height:22px; box-sizing:border-box; border:#fff solid 1px; letter-spacing:-1px; width:60px;}
.i_box3 .i_box_cont input[type=text]:focus {border-color:#ccc;}
.i_box4 .i_box_header label { position:absolute; right:6px;}
.i_box4 .i_box_cont { padding:10px 10px 10px 10px; position:relative;}
.i_box4 .i_box_cont .all_check { position:absolute; left:15px; top:14px;}
.i_box4 .i_box_cont li { width:49%; margin-right:1%; float:left; margin-bottom:5px}
.i_box4 .i_box_cont li label span { display:inline-block; width:20px; height:28px; vertical-align:middle; text-align:center;}
.i_box4 .i_box_cont li label span img { vertical-align:middle;}
.i_box4 .i_box_cont li input[type=text] { font-size:11px; width:80px; height:22px; box-sizing:border-box; border:#fff solid 1px;}
.i_box4 .i_box_cont li input[type=text]:focus {border-color:#ccc;}
.i_box5 .i_box_cont { padding:0; position:relative; display:none; overflow:visible;}
.i_box5 .i_box_cont.M_on { display:block;}
.i_detail {font-size:11px; height:99px; overflow:auto; box-sizing:border-box; padding:10px;}
.i_btn_make { position:absolute; right:3px; top:-23px; font-size:11px; width:50px; height:20px; background:#fff url(/img/community/i_btn_make.png) no-repeat 5px center; border:#ccc solid 1px; text-align:left; padding:0 0 0 12px;}
.i_btn_list { position:absolute; right:3px; top:-23px; font-size:11px; width:45px; height:20px; background:#fff url(/img/community/i_btn_list.png) no-repeat 5px center; border:#ccc solid 1px; text-align:left; padding:3px 0 0px 15px; box-sizing:border-box;}
.i_box_list li { width:50%; float:left;margin-bottom:8px;}
.i_box_list li input[type=text] {font-size:11px; width:80px; height:22px; box-sizing:border-box; border:#fff solid 1px; }
.i_box_list li input[type=text]:focus {border-color:#ccc;}
.i_box_list li label span { margin-left:2px;display:inline-block; width:23px; height:28px; /* vertical-align:middle;  */text-align:center;}
.i_box_list li label span img { vertical-align:middle;}
.i_box_bagic dt { float:left; font-size:11px; width:20%; display:inline-block; vertical-align:top; padding-top:5px;}
.i_box_bagic dd { float:left; font-size:11px; width:80%; position:relative;}
.i_box_bagic dd input[type=text] { width:100%; height:23px; padding:3px;  font-size:11px; border:#ccc solid 1px; box-sizing:border-box; margin-bottom:5px;}
.i_box_make input[type=text]:nth-child(4) { width:143px;}
.i_btn_file { background:#eaeaea; width:45px;height:23px; padding:3px;  font-size:11px; border:#ccc solid 1px; box-sizing:border-box; margin-left:-1px; vertical-align:top;/* position:absolute; right:0;*/}
.i_btn_group { text-align:right;}
.i_btn_group button { width:58px; height:23px; font-size:11px; color:#fff; text-align:center;padding:3px 0; background: #333; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#666, #333); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#666, #333); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#666, #333); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#666, #333); /* Standard syntax */ }
.i_icon_list { margin-bottom:6px;}
.i_icon_list li { display:inline-block; width:49%;}
.i_btn_delete { background:url(/img/community/i_btn_delete.png) no-repeat left top; width:13px; height:13px; text-indent:-1000px; overflow:hidden;}
.i_icon_list li label span { display:inline-block; width:23px; height:28px; vertical-align:middle; text-align:center;}
.i_icon_list li label span img { vertical-align:middle;}
.i_icon_list li input[type=text] {font-size:11px; width:55%; height:22px; box-sizing:border-box; border:#fff solid 1px; vertical-align:middle; }
.i_icon_list li input[type=text]:focus {border-color:#ccc;}

.search-box{box-sizing: border-box;background: #edf5ff; padding: 10px 15px;height:45px; margin-top: 25px; border-radius: 5px;}
.search-box>div{float:right;}
.search-box .submit-box{width:auto;}
.search-box .submit-box button[type=submit]{font-size: 11px; border: #ccc solid 1px;width: 24px; height: 24px; box-sizing: border-box;color: #333;border-radius: 5px; background: #f4f4f4 url(../img/community/cm_btn_search.png) no-repeat center; background-size: 36px;}
.search-box .search-select-box{float:left;width:160px;font-size:12px;}
.search-box .search-select-box>span{width:100px;}
.search-box .search-select-box select{width: 115px; height: 24px; border: #ccc solid 1px; border-radius: 5px; background: #fff url(../img/community/cm_select_arrow.png) no-repeat right 7px top 5px; background-size: 15px; padding-left: 10px; font-size: 12px; -moz-appearance: none; -webkit-appearance: none; cursor: pointer;}
/* .search-box .search-select-box select{width:120px;height: 22px;border: #ccc solid 1px;box-sizing: border-box;-webkit-appearance: none;padding: 0 50px 0 5px; background: #fff url(/img/community/select_arrow.png) no-repeat right center;cursor: pointer;font-size: 12px; border-radius: 5px;} */
.search-box .search-select-box select::-ms-expand{display:none;}

ul.easytree-container li .checkbox{width:20px;height:20px;background-size:100% 100%;display:inline-block;cursor: pointer;}
.easytree-title{line-height: 17px;}
span.easytree-expander{margin-bottom: 3px;}
ul.easytree-container li .checkbox.unchecked{background-image: url(../img/community/unchecked.png);}
ul.easytree-container li .checkbox.checked{background-image: url(../img/community/checked.png);}
ul.easytree-container li .checkbox.indeterminate{background-image: url(../img/community/indeterminate.png);}


/* 새로 적용 되는 곳 */

/* 2016-08-31 커뮤니티 맵 신규 스타일 */
.CM_new div, .CM_new input, .CM_new button,.CM_new span,.CM_new p,.CM_new h2,.CM_new h3,.CM_new h4,.CM_new h3,.CM_new a { box-sizing:border-box;}
.CM_index { overflow:visible;}
.CM_index h2 { width:100%; height:132px; background-color:#def4f0; background-image:url(../img/community/cm_header_bg.png); background-size:auto 132px; background-position: right 54px bottom; background-repeat:no-repeat; padding:34px 0 0 75px; font-size:26px; color:#595959; margin-top:25px; margin-bottom:35px; }	
/* .CM_index h2 strong{ font-family:'나눔고딕EB';font-size:26px;} */
.CM_index h2 span { display:block; font-size:16px; padding:8px 0 0 2px;}
.CM_index .CM_Left { float:left; width: 100%;}
.CM_index .CM_Right { float:left; width:200px;}
	
.CM_Left .SearchArea { height:40px; border-bottom:#6699cc solid 2px; position:relative; margin-bottom:30px;}
.CM_Left .SearchArea .SearchList label { font-size:14px; color:#666; margin-right:10px;}
.CM_Left .SearchArea .SearchList input { height:30px; width:200px; border:#ccc solid 1px; border-radius:5px; }
.CM_Left .SearchArea .SearchList input::placeholder { font-size: 12px; color: #999; }
.CM_Left .SearchArea .SearchList button { position: absolute; margin-left:-28px; height:30px; padding:0 14px; background:url(../img/community/cm_btn_search.png) no-repeat right center; background-size: 36px;}
/* .CM_Left .SearchArea .SearchList button:hover {background:url(../img/community/cm_btn_search_on.png) no-repeat right center;} */
.CM_Left .SearchArea .SearchType { position:absolute; right:0; top:0;}
/*
	appearance:none; 제거 
*/
.CM_Left .SearchArea select#community-search-type { width: 95px; height:30px; border:#ccc solid 1px; border-radius:5px; background:url(../img/community/cm_select_arrow.png) no-repeat right 7px top 5px; background-size:15px; padding-left:10px; font-size:12px;-moz-appearance: none;-webkit-appearance: none; cursor: pointer;}
/* .CM_Left .SearchArea select#community-search-type option { padding: 5px 0; } */
.CM_Left .SearchArea select#community-search-type2 { width: 130px; height:30px; border:#ccc solid 1px; border-radius:5px; background:url(../img/community/cm_select_arrow.png) no-repeat right 7px top 5px; background-size:15px; padding-left:10px; font-size:12px;-moz-appearance: none;-webkit-appearance: none;  cursor: pointer;}
.CM_Left .SearchArea select#community-second-sort { width: 120px; height:30px; border:#ccc solid 1px; border-radius:5px; background:url(../img/community/cm_select_arrow.png) no-repeat right 7px top 5px; background-size:15px; padding-left:10px; font-size:12px;-moz-appearance: none;-webkit-appearance: none;  cursor: pointer;}
.CM_Left .SearchArea select::-ms-expand { display:none;}
.CM_Left .SearchArea .SearchType label { width:0; height:0; overflow:hidden; font-size:0; position:absolute; }

.CM_Left .SearchArea form {margin-top: 5px}
.CM_Left .SearchArea #community-search-form1    {margin: 5px 15px 0 0;}
.CM_Left .SearchArea #community-search-form2    {margin: 5px 5px 0 0;}
.CM_Left .SearchArea button.btn_mapmake { position: absolute; right: 113px; width: 150px; height:30px; border-radius:25px; background-color:#0c8ce9; font-size: 14px; color: #fff; background-image:url(../img/community/cm_btn_make.png); background-repeat: no-repeat; background-position: right 11px top 5px; background-size: 20px; display:block; text-align:left; padding-left: 15px; margin-top:5px; transition-duration: .3s;}
.CM_Left .SearchArea button.btn_tutorial {position: absolute; border-radius: 1000px; background-color: #1dab8f; font-size: 12px; margin: 5px 1px 0 1px; color: #ffffff; line-height: 19px; height: 30px; width: 95px; right: 0px; cursor: pointer; border: 0; outline: 0;}
/* .CM_Left .btn_mapmake { background:url(../img/community/cm_btn_make.png) no-repeat right 12px top 11px; background-size: 20px; display:block; font-family: '나눔고딕B'; text-align:left; padding-left: 20px; margin-bottom:21px;} */
.CM_Left .SearchArea button.btn_mapmake:hover {transform:translateY(-5px); box-shadow:2px 5px 5px #eee;}


/* 커뮤니티 전체 목록 */
/* .CM_Left .CM_List { overflow:auto;} */
.CM_Left .CM_List .sum { position:relative; float:left; width: 340px; height: 190px; border-radius: 10px; margin:0 30px 30px 0; background: #fff1e4; padding: 30px 30px; cursor:pointer; transition-duration: .3s;}
.CM_Left .CM_List .sum:hover {transform:translateY(-10px); box-shadow:5px 10px 10px #eee;}
/* .CM_Left .CM_List .sum { float:left; width: 340px; height: 190px; border-radius: 10px; box-shadow:2px 4px 8px #eee; margin:0 30px 30px 0; background: #fff1e4; position:relative; padding:30px 30px; cursor:pointer;} */
.CM_Left .CM_List .sum:nth-child(3n) {margin-right:0;}
.CM_Left .CM_List .sum .Type { position:absolute; left: 30px; top: 34px; z-index: 2;}
/* .CM_Left .CM_List .sum .Type { position:absolute; left:7px; top:-1px; z-index:2;} */
/* .CM_Left .CM_List .sum .Type img { margin-right:2px; display:inline-block;} */
.CM_Left .CM_List .sum .TitleImg { position: absolute; margin-top:15px; display:block; width:100px; height:100px; z-index:1; background-size:cover; background-repeat: no-repeat;background-position: center;}
/* 	.CM_Left .CM_List .sum .TitleImg {position: absolute; width: 100px; height: 100px; border: #000;}	  */
.CM_Left .CM_List .sum .TitleImg:before { content:''; display:block; width:100px; height:100px; opacity:0.2; position:absolute; left:0; box-sizing:border-box;}
/* .CM_Left .CM_List .sum .No {font-size:11px; position:absolute; right:15px;margin-top:-23px; color:#999;} */
/* .CM_Left .CM_List .sum p { font-size:12px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap:break-word; height:40px; line-height:16px;} */
 /*
  width:calc(100% - 30px); 제거
 */
.CM_Left .CM_List .sum .ListInfo { position: relative; height: 100%; padding-left: 130px; font-size:14px; display:block;} 
.CM_Left .CM_List .sum .ListInfo h3 { font-size:16px; color:#666; margin-bottom:22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; height: 40px; line-height:20px; width:100%;}
/* .CM_Left .CM_List .sum .ListInfo .Name {font-size:11px; color:#999; margin-bottom:10px; display:block;} */
.CM_Left .CM_List .sum .ListInfo .Name { background:url(../img/community/cm_intro_icon_name.png) no-repeat left center; background-size: 15px; display:block; height:19px; padding-left:20px; line-height:18px; margin-bottom: 5px; color:#595959;}
.CM_Left .CM_List .sum .ListInfo .Name strong {font-family:'나눔고딕B';font-size:14px;}
.CM_Left .CM_List .sum .ListInfo .RegDate { background:url(../img/community/cm_intro_icon_regdate.png) no-repeat left center; background-size: 15px; display:block; height:19px; padding-left:20px; line-height:18px; margin-bottom: 5px; color:#595959;}
.CM_Left .CM_List .sum .ListInfo .member { background:url(../img/community/cm_intro_icon_member.png) no-repeat left center; background-size: 15px; display:inline-block; height:19px; padding-left:20px; line-height:18px; margin-right: 10px; color:#595959;}
.CM_Left .CM_List .sum .ListInfo .reply { background:url(../img/community/cm_intro_icon_reply.png) no-repeat left center; background-size: 15px; display:inline-block; height:19px; padding-left:20px; line-height:18px; color:#595959;}
/* .CM_Left .CM_List .sum .ListInfo .more { position:absolute; right:0; top:10px;} */
/* .CM_Left .CM_List .ListMore {font-family:'나눔고딕B'; font-size:12px; text-align:center; display:block; border:#ddd solid 1px; clear:both;padding:5px 0; background:url(../img/community/cm_listmore.png) no-repeat center center;} */
.CM_Left .CM_List .sum .ListInfo img { position: absolute; right: 0;}


/* .CM_Right .btn_mapmake:hover {background-image:url(../img/community/cm_btn_make_ov.png);} */
/* .CM_Left .btn_mapmake img {  height: 20px; width:auto; } */
/* 	.CM_Left .CM_List .sum .ListInfo .regDate{ background: url(/img/community/cm_intro_icon_member.png) no-repeat left top; margin: 0px 15px 17px 0px !important; font-size: 12px; color: #999; display: block;	padding-left:24px; height: 18px; font:11px;	} */

.CM_Left .CM_List .sum .ListInfo .communityIcon { position: absolute; left: 63px; top: 0px; width: 40px; height: 40px; border-radius: 20px; background-color: darkgray;}
.CM_Left .CM_List .sum .ListInfo .communityIcon img{width:75%;}
 
.CM_Left .CM_List .sum .sTitle   {margin-right:5px; color: #356fc5; font-weight: bold;}
.CM_Left .CM_List .sum .tempType {margin-right:5px; color: #356fc5; font-weight: bold;}
	    		    
.CM_Left .SearchArea {display: flex; border-bottom: 0px;}
.CM_Left .SearchArea .SearchType {position:relative;}

.CM_Left .CM_List .typeInfo { float: right; margin-top: 10px; }
.CM_Left .CM_List .typeInfo .typeInfoA {display: inline-block; margin-right: 12px;}
.CM_Left .CM_List .typeInfo .typeInfoL {display: inline-block; margin-right: 12px;}
.CM_Left .CM_List .typeInfo .typeInfoP {display: inline-block;}
	
	
/* Hot커뮤니티 */
.CM_Right .ListHot h3 { height:24px; background:#eb8c2f; border-radius:12px; color:#fff; font-size:12px; line-height:24px; padding-left:20px;}
.CM_Right .ListHot h3 strong {font-family:'나눔고딕B';}
.CM_Right .ListHot ul {padding:10px 5px 5px 20px;}
/*mng_s 20230822 이진호, 웹 품질진단 기준 미달로 color 추가*/
/* .CM_Right .ListHot li a { display:block; font-size:12px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap; line-height:13px; margin-bottom:8px} */
.CM_Right .ListHot li a { display:block; font-size:12px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap; line-height:13px; margin-bottom:8px; color : #555;}
.CM_Right .ListHot li a span { background:url(../img/community/cm_right_no.png) no-repeat left top; width:19px; height:13px; vertical-align:middle; margin-right:4px; font-size:11px; color:#fff; display:inline-block; text-align:center; padding-right:3px;}
 
 
 /* 최신커뮤니티 */
.CM_Right .ListNew h3 { height:24px; background:#5cb0b0; border-radius:12px; color:#fff; font-size:12px; line-height:24px; padding-left:20px;}
.CM_Right .ListNew h3 strong {font-family:'나눔고딕B';}
.CM_Right .ListNew ul {padding:10px 5px 5px 20px;}
.CM_Right .ListNew li a { display:block; font-size:12px;overflow: hidden;
 text-overflow: ellipsis; white-space:nowrap; line-height:13px; margin-bottom:8px}
 .CM_Right .ListNew li a span { background:url(../img/community/cm_right_no.png) no-repeat left top; width:19px; height:13px; vertical-align:middle; margin-right:4px; font-size:11px; color:#fff; display:inline-block; text-align:center; padding-right:3px;}
 
 
 /* 공지사항 */
.CM_Right .ListNotice { background:url(../img/community/cm_intro_partition.png) no-repeat center top; padding-top:10px;}
.CM_Right .ListNotice h3 { font-family:'나눔고딕B'; font-size:14px; color:#333;}
.CM_Right .ListNotice ul { padding:10px 0 10px 0;}
.CM_Right .ListNotice li { position:relative; font-size:12px; }
/* #notice_search_word { height: 30px; width: 200px; border: #ccc solid 1px; border-radius: 5px; font-family: '나눔고딕';} */
#noticeListBtn { position: absolute; margin-left: -28px; height: 30px; padding: 0 14px; background: url(../img/community/cm_btn_search.png) no-repeat right center; background-size: 36px;}

/*mng_s 20230822 이진호, 웹 품질진단 기준 미달로 color 추가*/
/*  .CM_Right .ListNotice li a {line-height:16px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap; line-height:13px; height:16px; display:block; margin-bottom:3px;} */
 .CM_Right .ListNotice li a {line-height:16px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap; line-height:13px; height:16px; display:block; margin-bottom:3px; color:#555;}
/*mng_e 20230822 이진호*/
.CM_Right .ListNotice li a:before { content:'ㆍ';}


/* 바로가기메뉴 */
.CM_Right .Gomenu>a ,.go-helper{ display:block; height:31px; border:#ddd solid 1px; border-radius:3px; font-size:14px; padding:6px 0 0 10px; margin-bottom:7px; position:relative;}
.CM_Right .Gomenu>a:after,.go-helper:after { content:''; display:block; background:url(../img/community/cm_intro_right_arrow.png) no-repeat left top; width:11px; height:9px; position:absolute; right:10px; top:10px;}
.CM_Right .Gomenu>a:nth-child(2) { margin-bottom:15px;}
.go-helper{ width: 140px;box-sizing: border-box;right:0;position: absolute;top:60px;}

.CM_Right .Gomenu .QR { position:relative; padding:10px 0 0 103px; font-size:12px; font-family:'나눔고딕B'; color:#333; word-break:keep-all; line-height:1.4;height: 120px;background: url(../img/community/cm_qr.png) no-repeat left top;}
.CM_Right .Gomenu .QR:first-line { color:#099;}
.CM_Right .Gomenu .QR img { position:absolute; left: 9px;top: 12px;width: 74px;}
.CM_Right .Gomenu .QR:before { content:''; width:9px; height:3px; background:#339999; position:absolute; left:103px; top:0;}

.IndexStatusBar1 {  position:relative; height:28px; display:inline-block; margin-top: 15px; border-bottom: #ccc solid 1px; margin-bottom: 15px;}
/* .IndexStatusBar1 {  position:relative; height:50px; background:url(/img/community/IndexStatusBar1_bg.png) no-repeat left 28px; display:inline-block; margin-top: 15px; } */
.IndexStatusBar1 ul { overflow:auto;padding-left:1px; width:100%;}
.IndexStatusBar1 li { float:left; width: 94px; margin-left:-1px; }
.IndexStatusBar1 li.M_on a {border-bottom: #0c8ce9 solid 3px; color:#333; font-weight: bold; position:relative; height:28px;}
/* .IndexStatusBar1 li.M_on a {background: linear-gradient(#0abfd6, #0d9caf);border:#0d9caf solid 1px;color:#fff; position:relative; height:28px;} */
.IndexStatusBar1 li a { display:block; text-align:center; height:28px; font-size:11px; color:#444; padding-top:5px; box-sizing: border-box;}
/* .IndexStatusBar1 li a { display:block; background: linear-gradient(#e4e4e4, #ccc); border:#ccc solid 1px; text-align:center; height:28px; font-size:11px; color:#444;font-family:'나눔고딕'; padding-top:5px; box-sizing: border-box;} */
.IndexStatusBar1 li:first-child a { border-top-left-radius:5px;}
.IndexStatusBar1 li:last-child a { border-top-right-radius:5px;}
.IndexStatusBar1 li ul { position:absolute; left:0; top:30px; display:none;}
.IndexStatusBar1 li:nth-child(4) ul { left:405px;}
.IndexStatusBar1 li.M_on ul { display:block;}
.IndexStatusBar1 li.M_on ul li { display:inline-block; width:auto; margin-right:10px;}
.IndexStatusBar1 li.M_on ul li a { font-size:11px; color:#666; background:none; display:inline-block; text-align:left; height:auto; border:none;}
.IndexStatusBar1 li.M_on ul li.M_on a { color:#000; font-family:'나눔고딕B';}

#region-chart p { font-size: 12px; }
#region-all-data-table p { font-size: 12px; }


/* 개설된 커뮤니티 */
#community-left-menu .mCSB_scrollTools{z-index: 101}
/* .cm_info { width:330px; box-sizing:border-box;} */


/* 탭 */
.cm_info_s { display:grid; overflow:hidden;padding:24px 15px; position:relative; box-sizing:border-box;}
.cm_info_s .cn_tab_btn { display:block; height:32px; width:330px; color:#666; font-size:14px; line-height:32px; padding-left:15px; background:#fff url(../img/community/cm_tab_arrow.png) no-repeat right 15px center; position:absolute; left:0; top:0; box-sizing:border-box; z-index:100;}
.cm_info_s.cm_basic { height:86px; box-sizing:border-box;}
.cm_info_s.cm_basic.M_on { height:auto; box-sizing:border-box;}
.cm_info_s .cm_div { padding: 0 15px;}
/* .cm_info_s h2 { background:none; border:none; font-family:'나눔고딕B'; font-size:16px; color:#333; box-sizing:border-box; padding:0; height:auto;} */
/* .cm_info_s h2 img { vertical-align:middle; margin-left:15px;} */
.cm_info_s.M_on .cn_tab_btn {left:-1000px; position:absolute;}
.cm_info_s.M_on { height:auto;}

.cm_basic .cm_property { float: right; }
/* .cm_basic .cm_property { position:absolute; right:15px; top:15px;} */
.cm_basic h3 { color:#333;font-family:'나눔고딕B'; font-size:20px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; padding: 12px 15px 15px 15px; border-bottom: #e0e0e0 solid 1px;}
.cm_basic.M_on h3 { white-space:normal; line-height:22px; font-weight: bold;}
.btn_cm_more { position:absolute; right:15px; background:url(../img/community/cm_detail_btn_close.png) no-repeat left top; width:27px; height:22px; text-indent:-1000px; overflow:hidden;border:none; top:52px;}
.cm_basic.M_on .btn_cm_more {right:-100px;}

.cm_basic .FaceImg { width:200px; height:200px; display:block; background: no-repeat center; background-size:cover; text-indent:-1000px; position:relative; cursor: pointer; margin: 15px auto; border-radius: 5px;}
.cm_basic .FaceImg:before { content:''; display:block; width:100%; height:100%; box-sizing:border-box; position:absolute; border:#e0e0e0 solid 1px; border-radius:5px; left:0; top:0; opacity:0.3; }

.cm_basic .cm_cont { font-size:14px; color:#666; line-height:1.4; padding: 0 15px 15px 15px; border-bottom: #e0e0e0 solid 1px;}
.cm_basic .cm_detail_tb { margin: 15px;}
/* .cm_basic .cm_detail_tb { width:100%; border-top:#369 solid 2px; margin: 15px;} */
/* .cm_basic .cm_detail_tb caption { display:none;} */
/* .cm_basic .cm_detail_tb th {background:#edf5ff;font-weight:normal; font-size:14px; color:#666; text-align:center; white-space:nowrap; width:68px; height: 23px; border-radius: 5px;} */
/* .cm_basic .cm_detail_tb td {font-size:14px; color:#666; padding:6px 10px; vertical-align:top;} */
/* .cm_basic .cm_detail_tb td a { display:block; height:16px;} */
.cm_basic .cm_detail_tb div {margin-bottom: 5px;}
.cm_basic .cm_detail_tb .infoTitle {display:inline-block; background:#edf5ff; font-size:14px; color:#666; text-align:center; width:68px; height: 23px; border-radius: 5px; line-height: 23px; margin-right: 10px; vertical-align: top;}
.cm_basic .cm_detail_tb .infoContents { display: inline-block; width: 207px; }
.cm_basic .cm_detail_tb .infoContents a { width: 100%; }
.cm_basic .cm_detail_tb td a.M_on:after { content:''; display:inline-block; background:url(../img/community/cm_icon_addressthis.png) no-repeat left top; width:13px; height:16px; margin-left:10px; vertical-align:middle;}
/* .cm_basic .cm_detail_tb tr:last-child th, .cm_basic .cm_detail_tb tr:last-child td {border-bottom:#369 solid 2px;} */


.cm_basic .btn_comment { background:#28425d; border:#0b1d31 solid 1px; height:32px; padding-left:35px; padding-right:10px; border-radius:3px; position:absolute; right:20px; color:#fff; font-size:14px;}
.cm_basic .btn_comment:before { content:''; background:url(../img/community/cm_icon_comment.png) no-repeat left top; width:20px; height:21px; display:block; position:absolute; left:10px; top:4px;}

.cm_sns {padding: 15px; border-top: #ddd solid 1px;}
.cm_sns button { margin-right: 5px; }

.TabArea {width:370px;}


/* 등록자료 */
.List_search { display: inline-block;}
/* .List_search { position:unset; right:15px; top:15px;} */
.List_search label { position:absolute; left:-1000px;}
.List_search input { height: 30px; width: 200px; border: #ccc solid 1px; border-radius: 5px; margin-bottom: 8px;}
/* .List_search input { height:30px; width:208px; font-size:12px; color:#666; border:#ccc solid 1px; box-sizing:border-box; margin-bottom: 9px;} */
#poiSearchBtn { position: absolute; margin-left: -28px; height: 30px; padding: 0 14px; background: url(../img/community/cm_btn_search.png) no-repeat right center; background-size: 36px;}
/* .List_search button { background:#28425d; width:62px; height:30px; color:#fff; font-size:12px; border:none;  margin: 0 0 7px 4px;} */

.Icon_search {background: #edf5ff; box-sizing: border-box; border-radius: 5px; position: relative; width: 374px; padding: 10px 55px 10px 12px;}
/* .Icon_search {background:#e7e7e7;box-sizing:border-box; border:#ccc solid 1px; box-shadow:inset 0 -5px 10px #ccc; height:35px; padding:4px 0 0 10px; position:relative; width: 370px;} */
.Icon_search a { font-size: 11px; margin-right: 4px;}
/* .Icon_search a { font-size:11px; letter-spacing:-1px;} */
.Icon_search a img { vertical-align:middle; height:26px;}
.Icon_search button { font-size:12px; color:#666; background:#fff; box-shadow: #ccc 1px 1px 2px 0; padding:4px 8px; border-radius:5px; position:absolute; right:12px; top:12px;}
/* .Icon_search button { font-size:12px; color:#666; background:#fff; border:#999 solid 1px; padding:2px 7px; border-radius:13px; position:absolute; right:10px; top:9px;} */

div.topArea{margin: 0 0 15px 0; position: relative;}

.List_tab { overflow: hidden; height:26px;}
/* .List_tab { overflow:auto; height:26px;} */
.List_tab li { float:left; margin-left:-1px;}
.List_tab li:first-child { margin-left:0;}
.List_tab li a { display:block; height:27px;box-sizing:border-box; font-size:12px; padding:5px 10px;}
/* .List_tab li a { display:block; background:#ddd; border:#ccc solid 1px; height:27px;box-sizing:border-box; font-size:12px; padding:5px 10px;} */
.List_tab li a span {font-family:'나눔고딕EB'; color:#333; margin-left:3px;}
.List_tab li.M_on a { background:#fff; font-size:14px; color:#333; border-bottom:none;}

.data_List { background:#fff; box-sizing:border-box;}
/* .data_List { background:#fff; border:#ccc solid 1px; box-sizing:border-box; margin-top:-1px; padding:0 20px; margin-bottom:10px;} */
.data_List a { display:block; font-size:12px; padding-left:55px; position:relative;}
/* .data_List a {box-sizing:border-box; display:block; border-bottom:#ececec solid 1px; font-size:12px; padding:8px 0 0 55px; position:relative; height:49px;} */
.data_List li {border: #ccc solid 1px; border-radius: 5px; padding: 10px 15px; margin-top: 5px;}
.data_List li:last-child a {border-bottom:none;}
.data_List a span.no { color:#999; font-size:11px; position:absolute; left:0; top:12px;}
.data_List a span.icon {position:absolute; left:22px; top:8px;}
.data_List a span.icon img { height:22px;}
.data_List a span.date { font-size:11px; position:absolute; right:0; top:8px;}
.data_List a span.title strong { display:block;font-family:'나눔고딕B'; font-size:14px; color:#333; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; width:235px; margin-bottom:1px; }
.data_List a span.title span {overflow: hidden; text-overflow: ellipsis; white-space:nowrap; display:block; margin-top: 5px;}

.pasing { text-align:center; margin-top: 15px;}
.pasing a { vertical-align:middle;margin:0 1px;}
.pasing a img { vertical-align:middle;}
.pasing a.off { opacity:0.4;}
.pasing span {font-size:14px; margin:0 10px; vertical-align:middle; padding-top:2px;}
.pasing span strong {font-family:'나눔고딕EB'; color:#333;}


.cm_data .btn_comment { background: #0c8ce9; height: 30px; width: 115px; padding-right:12px; border-radius:20px; color:#fff; font-size:12px; position: relative; display: inline-block; float: right;}
/* .cm_data .btn_comment { background:#28425d; border:#0b1d31 solid 1px; height:21px; padding-left:25px; padding-right:7px; border-radius:3px; position:absolute; right:16px; top:138px; color:#fff; font-size:12px;} */
.cm_data .btn_comment:before { content:''; background:url(../img/community/cm_icon_location2x.png) no-repeat center; width:12px; height:12px; display:block; position:absolute; right:15px; background-size:100%; top: 9px;}
/* .cm_data .btn_comment:before { content:''; background:url(../img/community/cm_icon_comment.png) no-repeat left top; width:15px; height:16px; display:block; position:absolute; left:7px; top:2px; background-size:100%;} */


.List_detail            {position:absolute; left:-1000px; top:0; width: 350px; height:100%; top: 125px;}
.List_detail.left.M_on  {left:350px; }
.List_detail.right      {position:absolute; left:-1000px; height: -webkit-fill-available; top: 34px; width: 404px; background: lightgray;}
.List_detail.right.M_on {left: 0px;}
.List_detail.view       {position:absolute; left:-1000px; height: -webkit-fill-available; top: 33px; width: 404px;}
.List_detail.view.M_on  {left: 0px;}
.List_detail h2 { padding: 0 0 5px 15px; font-weight: bold; display: inline-block; }
.List_detail #poi-detail-title { padding: 0 0 15px 15px; }
.List_detail .mCSB_container>div>img, .List_detail .mCSB_container>img { display: inline-block; vertical-align: -1px; width: 14px; }
/* .List_detail img { display: inline-block; vertical-align: -1px; width: 14px; } */
/* .List_detail h2 img { margin-left:0; height:23px; margin-right:4px; vertical-align:middle;} */
/*
	width:calc(100% - 30px); 제거 width:90%;추가 height:calc(100% - 45px);제거 height:90% 추가;
*/
.List_detail .detail_box {position: absolute; width: 100%; height: 100%; background: #fff; padding: 15px; box-sizing: border-box; border:#ddd solid 1px;}
.List_detail .detail_box .right {position: absolute; width: 100%; height: 100%; background: #fff; padding: 15px; box-sizing: border-box;}
.List_detail:before { content:''; display:block;  position:absolute; left:0; top:0; width:100%; height:100%; background:#ddd; opacity:1.0;}
.List_detail .ImgZone { height:200px; padding-left:239px; position:relative; margin-bottom:15px;}
.List_detail .ImgZone .ImgFace { position:absolute; left:15px; top:0; width:200px; height:200px; background-size:100% 100%; overflow:hidden; text-indent:-1000px;cursor: pointer;}
.List_detail .ImgZone .ImgFace:before {content:''; display:block;position:absolute; left:0; top:0; width:200px; height:200px;box-sizing:border-box; border: #ddd solid 1px; border-radius: 5px; opacity:0.3;}
.List_detail .ImgZone .ImgList { overflow:auto;}
.List_detail .ImgZone .ImgList span { width:55px; height:55px; background:url(../img/community/sum_bg.png) no-repeat left top; background-size:100% 100%; position:relative; display:block; float:left; margin:0 10px 10px 0; text-indent:-1000px; overflow:hidden; cursor: pointer; border-radius: 5px;}
.List_detail .ImgZone .ImgList span.M_on:after { border-width:2px; opacity:0.7;}
.List_detail .ImgZone .ImgList span:nth-child(2n) { margin-right:0;}
.List_detail .ImgZone .ImgList span:after { content:''; display:block; width:55px; height:55px; box-sizing:border-box; border: #ddd solid 1px; border-radius: 5px; position:absolute; left:0; top:0; opacity:0.3;}
#layer-popup-box .List_detail{z-index: 1002;}
#layer-popup-box .detail_box .close_layer{top: 5px; right: 15px;}

.List_detail .data_info { font-size:14px; padding: 15px; border-top: #ddd solid 1px;}
/* .List_detail .data_info li { display:inline-block; margin-right:15px; margin-bottom:3px;} */
/* .List_detail .data_info li:last-child { display:block;} */
.data_info_wirter { margin-bottom: 7px; display: inline-block; }
.data_info_date { margin-bottom: 7px; display: inline-block; float: right; }
.data_info .infoTitle {display:inline-block; background:#edf5ff; font-size:14px; color:#666; text-align:center; width:68px; height: 23px; border-radius: 5px; line-height: 23px; margin-right: 10px;}

.List_detail .data_comment { border-top:#ddd solid 1px; border-bottom:#ddd solid 1px; box-sizing:border-box; padding:15px; position:relative; margin-bottom:15px;}
/* .List_detail .data_comment { background:#fafafa; border:#ddd solid 1px; box-sizing:border-box; padding:8px; padding-left:50px; position:relative; margin-bottom:13px;} */
.List_detail .data_comment dt { position:absolute; left:7px; top:10px; font-size:12px; line-height:1;}
.List_detail .data_comment dt img { vertical-align:top; margin-right:3px;}
.List_detail .data_comment dd { line-height:1.2; color:#333;min-height:117px;}

.List_detail .Data_Reply { position:relative; border: #ddd solid 1px; border-radius: 5px; padding: 13px 15px;}
.List_detail .Data_Reply h3 { font-size:12px; font-family:'나눔고딕B'; color:#333; margin-bottom:10px;}
/* .List_detail .Data_Reply h3 { font-size:12px; font-family:'나눔고딕B'; color:#333; background:url(../img/community/icon_datareply.png) no-repeat left 2px; padding-left:15px; margin-bottom:10px;} */
.List_detail .Data_Reply h3 strong { color:#c00; margin-left:3px;}

.List_detail .Data_Reply .repler { position:absolute; left:60px; margin-top:-31px;}
.List_detail .Data_Reply .repler input { border:#ddd solid 1px; box-sizing:border-box; width: 90px; height: 26px; font-size: 12px; margin-right: 5px; border-radius: 5px;}
.List_detail .Data_Reply .repler label { font-size:12px; color:#333; margin-right:5px;}

.List_detail .Data_Reply .reply_insert { margin-bottom:15px;}
.List_detail .Data_Reply .reply_insert label { position:absolute; left:-1000px;}
.List_detail .Data_Reply .reply_insert input { width: 280px; height: 32px; border: #ddd solid 1px; border-radius: 5px; box-sizing: border-box; float: left; margin-right: 3px;}
.List_detail .Data_Reply .reply_insert button { width: 58px; height: 32px; background: #eee; box-sizing: border-box; border: #ddd solid 1px; border-radius: 5px; margin-left: -1px; color: #555; font-size: 12px;}

.List_detail .Data_Reply .reply_list span { display:inline-block; font-size:11px; color:#666;}
.List_detail .Data_Reply .reply_list button { vertical-align:middle; margin:0 2px;}
.List_detail .Data_Reply .reply_list span.title { display:block; color:#333; font-size:13px; }
.List_detail .Data_Reply .reply_list span.id {font-family:'나눔고딕B'; }

.List_detail .pasing_small { text-align: right;}
.pasing_small a { vertical-align:middle;}
.pasing_small a img { vertical-align:middle;}
.pasing_small span { vertical-align:middle; display:inline-block; padding:0 3px; font-size:12px;}
.pasing_small span strong {font-family:'나눔고딕B'; color:#333;}

.close_layer { position:absolute; right:15px; top:15px;}


/* 공지사항 목록 */
.notice_List li:first-child a { border-top: #ddd solid 1px;}
.notice_List a { display: block; box-sizing: border-box; height: 78px; position: relative; border-bottom: #ddd solid 1px; padding: 15px 15px 15px 40px;}
/* .notice_List a { display:block; box-sizing:border-box; height:75px; position:relative; border:#ddd solid 1px; box-shadow:3px 3px 5px #ececec; background:#fff; margin-bottom:5px; padding:12px 15px 10px 40px;} */
.notice_List a span.no { position:absolute; left:15px; top:35px; font-size:11px; color:#999;}
.notice_List a span.title { font-family:'나눔고딕B'; font-size:14px; color:#333; display:inline-block; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; max-width:270px; line-height:1;}
.notice_List a span.date { font-size:11px; color:#999; display:inline-block;line-height:1; vertical-align:bottom; padding-top: 3px; float: right;}
.notice_List a span.cont { display:block; font-size:11px; color:#666; padding-top:3px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; height:28px; line-height:1.2;}
 
 
/* .cm_info .btn,.cm_btn_group .btn {height:21px; padding-left:7px; padding-right:7px; border-radius:3px;  color:#fff; font-size:12px; margin-left:5px;} */
.cm_info .btn_write { background: #0c8ce9; float: right; position: absolute; right: 15px; height: 30px; width: 65px; border-radius: 20px; color: #fff; font-size: 12px; }
/* .cm_info .btn_write,.cm_btn_group .btn_write { background:#28425d; border:#0b1d31 solid 1px; float:right; } */
.cm_info .btn_delete { background:#d02525; border:#aa0707 solid 1px; float:right; }
/* .cm_info .btn_delete,.cm_btn_group .btn_delete { background:#d02525; border:#aa0707 solid 1px; float:right; } */


/* 공지사항 내용보기 */
.listinfo {font-size:12px; padding: 0 15px 15px 15px; margin-bottom:15px; border-bottom:#ddd solid 1px;}
.notice_cont { font-size:14px; line-height:1.4;word-break: break-all;min-height:250px; padding: 0 15px;}
.notice_cont p { margin-bottom:10px;}
/* width:calc(100% - 30px); 제거 width:90%; 추가*/
#layer-popup-notice-view-box .file { display:block; margin-top:15px; border-top:#ddd solid 1px; font-size:12px; padding:8px 0 0 15px; box-sizing:border-box;}
#layer-popup-notice-view-box .file a { display:block; margin-right:15px; padding-left:15px;margin-bottom:5px;background:url(../img/community/icon_file.png) no-repeat left;}
.cm_btn_group { text-align: center; padding-top: 15px; border-top: #ddd solid 1px; margin-top: 15px;}
				
#layer-popup-notice-modify-button { border:#ddd solid 1px; padding: 5px 10px; border-radius: 5px; background-color: #f5f5f5; font-size: 12px;}
#layer-popup-notice-delete-button { border:#ddd solid 1px; padding: 5px 10px; border-radius: 5px; background-color: #f5f5f5; font-size: 12px;}


/* 관리자메뉴 */
.admin_menu li { margin-bottom: 15px; position: relative;}
/* .admin_menu li { float:left; width:85px; margin-right:10px;overflow: hidden;position: relative;} */
.admin_menu li div.overlay { cursor: not-allowed;}
.admin_menu li div.overlay:before { background-color: rgba(34, 34, 34, 0.3);left: 0;top: 0;position: absolute;width: 100%;height: 100%;content: "";z-index: 1;}
.admin_menu li:last-child { margin-right:0;}
.admin_menu li a { display: inline-block; height:80px; width:80px; box-sizing:border-box; background:#fff no-repeat center 10px; border:#ddd solid 1px; font-family:'나눔고딕B'; font-size:12px; position:relative; text-align:center; padding-top:55px; margin-right: 10px; color: #0c8ce9; border-radius: 5px;}
.admin_menu li.am_modify a { background-image:url(../img/community/admin_icon_modify.png);}
.admin_menu li.am_upload a { background-image:url(../img/community/admin_icon_upload.png);}
.admin_menu li.am_member a { background-image:url(../img/community/admin_icon3.png);}
.admin_menu li.am_member a span { color:#c0c; font-size:11px; position:absolute; display:block; width:30px; left:30px; text-align:center; top:31px; letter-spacing:-1px;}
.admin_menu li.am_closing a { background-image:url(../img/community/admin_icon_close.png);}

.admin_menu li span { display: inline-block; font-size: 12px; width: 195px; position: absolute; top: 50%; transform: translate(0, -50%);}
.admin_menu li span p { font-size: 14px; padding-bottom: 10px; font-weight: bold;}

.cn_tab_btn .member {display:inline-block; min-width:16px; height:16px;font-family:'나눔고딕B'; font-size:11px; color:#fff; background:#21b699; border-radius:8px; text-align:center; letter-spacing:-1px; vertical-align:middle; padding: 3px 5px 3px 3px; box-sizing:border-box; line-height:1; margin-left:5px;}

.cm_admin.M_on .cn_tab_btn .member { position:absolute; left:-1000px;}
.cm_admin_memo {padding-top: 20px;}
.cm_admin_memo span p {padding: 20px 0 10px 0; font-weight:bold;}


/* 회원관리 */
.admin_member { z-index:1000;}
.member_info { overflow:auto; margin-bottom:10px;}
.member_info li { display:block; float:left; width:120px; background:#fafafa; border:#ddd solid 1px; box-sizing:border-box; font-size:12px; height:33px; margin-right:5px; position:relative; padding:8px 0 0 10px;}
.member_info li:last-child { margin-right:0;}
.member_info li strong {font-family:'나눔고딕B'; font-size:16px; position:absolute; right:10px; top:5px; color:#36c;}
.member_info li:first-child strong { color:#c00;}

.member_tab {margin-bottom:5px; border-bottom:#ccc solid 1px; height: 31px;}
.member_tab li { width:124px; float:left; margin-left:-1px;}
.member_tab li:first-child { margin-left:0;}
.member_tab li a { display:block;height:32px; background:#f1f1f1; border:#ccc solid 1px; text-align:center; font-size:12px; box-sizing:border-box; padding:8px 0 0 0;position:relative; }
.member_tab li.M_on a {background:#fff; border-bottom:none;font-family:'나눔고딕B'; font-size:13px; color:#333;}
.member_tab li a span { position: absolute; right: 15px; color: #36c; }
.member_tab li.M_on a span { color:#c00;}

.member_List { margin-bottom:20px;}
.member_List li { box-sizing:border-box; height:58px; padding:10px 0 0 30px; position:relative; border-bottom:#ddd solid 1px;}
.member_List li .no { position:absolute; left:0; top:20px; font-size:11px; color:#39c;}
.member_List li .id { display:block; font-size:14px; margin-bottom:5px;}
.member_List li .date { display:block; font-size:12px;}
.member_List li button {background:#28425d; border:#0b1d31 solid 1px; height:21px; padding-left:7px; padding-right:7px; border-radius:3px;  color:#fff; font-size:12px; position:absolute; right:0; top:17px;}
.member_List li button.in { background:#06c; border-color:#01529d;}
.member_List li button.out { background:#d02525; border-color:#aa0707;}


/* 2016.10.05 의견등록하기 */
.WriteBox { box-sizing:border-box; background: #edf5ff; border-radius: 5px; padding:10px 15px; overflow:auto; margin-bottom:15px;}
.WriteBox input { height: 32px; border: #ddd solid 1px; border-radius: 5px; font-family: '돋움', dotum, san-serif; font-size: 12px; width: 126px; float: left; margin-left: 5px; box-sizing: border-box;}
.WriteBox input:nth-child(2) {margin-left:0;}
.WriteBox label { position:absolute; left:-1000px;}
.WriteBox button { height:32px; background:#f1f1f1; border:#ddd solid 1px; text-align:center; font-size:12px; box-sizing:border-box; width:50px; margin-left: 5px; border-radius: 5px;}
.WriteBox ul { padding-top:10px;}
.WriteBox ul li { font-size:11px; margin-bottom:6px; padding-left:10px; position:relative;}
.WriteBox ul li:before { content:'*'; position:absolute; left:0; top:0px;}
.WriteBox ul li:last-child { margin-bottom:0;}

#layer-popup-poi-regist-form { padding: 0 15px; }
#layer-popup-notice-regist-form { padding: 0 15px; }

.List_detail h3 { font-size:14px;font-family:'나눔고딕B'; color:#333; margin-bottom:5px;}
.write_title, .write_position, .write_image, .write_comment, .write_icon{margin-bottom:10px; overflow:auto; clear:both;}
.write_title input {height:32px; width:100%; border:#ddd solid 1px; font-family:'돋움', dotum, san-serif; font-size:12px; box-sizing:border-box; font-weight:bold; border-radius: 5px;}
/* mng_s djlee 20221011 지역현안소통지도 만들기 화면 개선*/
.write_position input {height:32px; width:218px; border:#ddd solid 1px; font-family:'돋움', dotum, san-serif; font-size:12px; box-sizing:border-box; float:left; border-radius: 5px;}
/* mng_e djlee 20221011 지역현안소통지도 만들기 화면 개선*/
.write_position button {height:32px; background:#f1f1f1; border:#ddd solid 1px; text-align:center; margin-left:2px; font-size:12px; box-sizing:border-box; width:58px; float:left; border-radius: 5px;}

.write_image h3 { font-size:11px; color:#666;}
.write_image h3 label {font-size:14px;font-family:'나눔고딕B'; color:#333; margin-bottom:3px; display:block;}

.write_image input {height:26px; width:311px; border:#ddd solid 1px; font-family:'돋움', dotum, san-serif; font-size:12px; box-sizing:border-box; float:left;}
.write_image button {height:32px; background:#f1f1f1; border:#ddd solid 1px; text-align:center; margin-left:-1px; font-size:12px; box-sizing:border-box; width:58px; float:left; border-radius: 5px;}
.write_image .list { overflow:auto; padding-top:10px; clear:both;}
.write_image .list li { float:left; width:50%; height:30px; margin-bottom:5px;}
.write_image .list li button { background:url(/img/community/icon_img_delete.png) no-repeat left top; width:15px; height:15px; overflow:hidden; text-indent:-1000px; border:none; float:none; vertical-align:middle;}
.write_image .list li span {vertical-align:middle; display:inline-block; font-size:11px;}
.write_image .list li span.img { width:39px; height:30px; position:relative; text-indent:-1000px; overflow:hidden; background: no-repeat left top; background-size:100% 100%;}
.write_image .list li span.img:before { content:''; display:block; width:39px; height:30px; box-sizing:border-box; border:#000 solid 1px; position:absolute; left:0; top:0; opacity:0.3;}
.write_image .list li span.filename { max-width:120px; overflow:hidden; white-space:nowrap;text-overflow: ellipsis;padding: 0 5px;}

.write_comment textarea { border:#ddd solid 1px; box-sizing:border-box; padding:5px; width:100%; height:114px;font-family:'돋움', dotum, san-serif; font-size:12px; border-radius: 5px;}


/* file_list */
.write_file .list { overflow:auto;padding: 10px 0px 10px 10px; clear:both; width:100%;height:95px;background:#f1f1f1; box-sizing:border-box; border-bottom: none;}
.write_file .list li { margin-bottom:5px;}
.write_file .list li:last-child {margin-bottom:0;}
.write_file .list li button { background:url(/img/community/icon_img_delete.png) no-repeat left top; width:15px; height:15px; overflow:hidden; text-indent:-1000px; border:none; float:none; vertical-align:middle;}
.write_file .list li span {vertical-align:middle; display:inline-block; font-size:11px;}
.write_file .list li span.filename { max-width:120px; overflow:hidden; white-space:nowrap;text-overflow: ellipsis;padding: 0 5px;}

.write_icon h3 { display:inline-block; margin-right:30px; vertical-align:middle;}
.write_icon label { margin-right:9px;}
.write_icon input { vertical-align:middle;}
.write_icon img { vertical-align:middle;}

button.Finish { background: #0c8ce9; width: 74px; height: 32px; color: #fff; font-size: 12px; border-radius: 5px;}


/* 상세보기 버튼추가 */
.btn_detail_group { text-align:right; margin-bottom:15px;}
.btn_detail_group button { font-size:12px; padding:2px 5px; border:#ccc solid 1px; box-sizing:border-box; height:22px; border-radius:5px;}
.btn_detail_group button img { vertical-align:middle; margin-right:3px; }
.btn_detail_group button.register img {width:12px;}
.btn_detail_group button.register span {font-family:'나눔고딕EB'; color:#F60; }


/* 신고하기 */
.register_layer {position:absolute; width:370px; height:auto; box-sizing:border-box; background:#fff; border-radius:3px; z-index:1000; top:44px; text-align:center; padding:15px 10px; left:-1000px; display:none;}
.register_layer.M_on {display:block;}
.register_layer p { margin-bottom:10px;}
.register_layer label {font-size:12px; }
.register_layer input {font-size:12px; font-family:'돋움', dotum, san-serif; width:120px; height: 25px; border-radius: 5px; border: #ccc solid 1px;}
.register_layer textarea { width:100%; height:235px; border:#ddd solid 1px; border-radius: 5px; padding:5px; font-size:12px; font-family:'돋움', dotum, san-serif; box-sizing:border-box; margin-bottom:10px;}
.register_layer .btn button { background:#fafafa; width:70px; height:22px; color:#666; font-size:12px; border: #ccc solid 1px; border-radius: 5px; }
.register_layer .text_count {font-size:11px; position:absolute; right:10px; margin-top:-20px;}


/* 신고목록 로그인 */
.register_login {position:absolute; width:250px; box-sizing:border-box; background:#fafafa; border:#0c8ce9 solid 2px; border-radius:5px; z-index:1000; text-align:center; padding:10px; left:-1000px;margin-top:-130px;}
.register_login:before { content:''; display:block; background:url(/img/community/box_arrow.png) no-repeat left top; width:7px; height:9px; position:absolute; right:15px; bottom:-9px;}
.register_login.M_on { right:15px;left:auto;}
.register_login p { margin-bottom:10px;}
.register_login input { width:100%; height:24px; border:#ddd solid 1px; font-size:12px; font-family:'돋움', dotum, san-serif; box-sizing:border-box; margin-bottom:10px;}
.register_login .btn button { background:#0c8ce9; width:70px; height:22px; color:#fff; font-size:12px;  border:none; }


/* 신고목록 */
.register_list { position:absolute; left:-1000px; top:0; width:100%; height:100%; box-sizing:border-box; background:#fff; z-index:1000; text-align:left; padding:15px;}
.register_list.M_on {left:0;}
.register_list .close_layer { border:none; padding:0;}
.register_list .List div { position:relative; background:#fff; border-bottom:#ddd solid 1px; font-size:13px; padding:10px;}
.register_list .List div:first-child {border-top:#ddd solid 1px;}
.register_list .List div p.cont_info { color:#999; margin-bottom:10px;}
.register_list .List div p.cont_info span { margin-right:20px; font-size:11px;}
.register_list .List div p.cont { line-height:1.6; word-break:keep-all;}

.register_list .List div button { position:absolute; right:0; bottom:-1px; border:none; padding:0; height:auto; border-radius:0;}
.register_list .List div button img { margin:0;}

.register_list .List div.List_open { background:#fafafa;}

/* .register_list.outer      {position: absolute; left: -1000px; top: 500px; width: 330px; height: 100%; box-sizing: border-box; background: #fff; z-index: 1000; text-align: left; padding: 15px;} */
/* .register_list.outer.M_on {left: 500px;} */


/*** community map ***/
.Hidden { position:absolute; font-size:0; text-indent:-1000px; overflow:hidden;}


/* 커뮤니티 개설하기 */
.cm_make div, .cm_make input, .cm_make table, .cm_make th, .cm_make td, .cm_make span, .cm_make p, .cm_make button, .cm_make textarea, .cm_make a, .cm_make ul, .cm_make li, .cm_make h3 {box-sizing:border-box;}
#mapRgn_1 div, #mapRgn_1 input, #mapRgn_1 table, #mapRgn_1 th, #mapRgn_1 td, #mapRgn_1 span, #mapRgn_1 p, #mapRgn_1 button, #mapRgn_1 textarea, #mapRgn_1 a, #mapRgn_1 ul, #mapRgn_1 li, #mapRgn_1 h3 {box-sizing: content-box;}
.area1 { margin-bottom: 10px; margin-top: 15px; }
.cm_make h2 { line-height:1;}
/* .cm_make h2 { font-family:'나눔고딕B'; font-size:20px; color:#333; line-height:1;} */
.cm_make h2 img { vertical-align:middle; margin-right:10px; margin-top:-4px;}
.cm_make h2 span { color:#aaa;}

.cm_step1 {  border-top:#00498f solid 2px; border-bottom:#ddd solid 1px; margin-bottom:15px; position:relative; overflow:auto;}
.cm_step2 {  border-top:#00498f solid 2px; border-bottom:#ddd solid 1px; position:relative; overflow:auto;}
.step2_title {height: 50px; display: flex; align-items: center; padding: 0 15px;}
.step2_title_text { padding-right: 5px; }
.step2_info { display: flex; margin-left: auto; font-size:11px; align-items: center; }
.step2_info img { width: 18px; }


/* 개설 기본정보 */
.cm_step1 { background:url(/img/community/step1_bg.png) repeat-y left top;}


/* 이미지등록 */
.ImgSelect { height:100%; float:left;width:404px; padding: 15px 35px 15px 26px; }
.ImgSelect .ImgFace { position: absolute; margin-top: 15px; display: block; width: 100px; height: 100px; z-index: 1; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url(/img/community/img_no.png);}
/* .ImgSelect .ImgFace { position:relative; display:block; width:250px; height:178px; background:no-repeat left top; background-size:100% 100%; margin-bottom:14px; text-indent:-1000px; overflow:hidden;background-image: url(/img/community/img_no.png);} */
.ImgSelect .ImgFace:before { content:''; display:block; width:100%; height:100%; box-sizing:border-box; opacity:0.2;}
/* .ImgSelect .ImgFace:before { content:''; display:block; width:100%; height:100%; border:#000 solid 1px; box-sizing:border-box; opacity:0.2;} */
.ImgSelect label { position:absolute; left:-1000px;}
.ImgSelect input[type=text] { height:32px; width:271px; border:#ddd solid 1px; border-radius: 5px 0 0 5px; margin-bottom:15px;}
.ImgSelect button { height:32px; background:#666; color:#fff; font-size:12px; text-align:center; width:72px; float:right; border-radius: 0 5px 5px 0; }
.ImgSelect .comment { font-size:11px;line-height:1.4; margin-bottom:10px;}
/*mng_s 20220927 djlee 소통지도 만들기 샘플이미지 추가*/
.ImgSelect ul { overflow:auto; max-height:290px;}
.ImgSelect li { float:left; width:99px; height:76px; margin-right:5px; margin-bottom:5px;}
/* .ImgSelect li:nth-child(3n) { margin-right:0;} */
/*mng_e 20220927 djlee 소통지도 만들기 샘플이미지 추가*/
.ImgSelect li a { display:block; width:100%; height:100%; position:relative; background:no-repeat left top; background-size:100% 100%; text-indent:-1000px; overflow:hidden; cursor:pointer;}
.ImgSelect li a:before { content:''; display:block; width:100%; height:100%; border:#000 solid 1px; opacity:0.2; box-sizing:border-box;}
.ImgSelect li.M_on a:before {border:#000 solid 2px; opacity:1;}


.cm_make_info { width:100%;  }
.cm_make_info caption { text-indent:-1000px; height:0; overflow:hidden;}
.cm_make_info th { display: inline; padding-left:5px; text-align:left; font-size:14px; font-weight:normal; color:#333; vertical-align:top; line-height:25px; width:120px; line-height:1.3; cursor:default;}
.cm_make_info th label { cursor:default; display: inline-block;}
.cm_make_info th p { display: inline-block; color: #bbb; font-size: 11px;}
.cm_make_info td { display: block; padding-bottom:15px; margin-top: 5px;}
.cm_make_info td input[type=text] { width:100%; height:32px; border:#ddd solid 1px; border-radius: 5px; font-family:'돋움', dotum, san-serif; font-size:14px; padding-left:5px;}
.cm_make_info td textarea { height:64px; border:#ddd solid 1px; border-radius: 5px; width:100%; font-family:'돋움', dotum, san-serif; font-size:14px; padding:3px 5px;}
.cm_make_info td select { height:32px; border:#ddd solid 1px; border-radius: 5px; font-family:'돋움', dotum, san-serif; font-size:14px;-webkit-appearance: none; padding-left:5px; padding-right:25px; width:120px; background:#fff url(/img/community/cm_select_bg.png) no-repeat right center;}
.cm_make_info td select::-ms-expand {display: none;}

.cm_area_box { display:inline-block;}
.cm_area_box:last-child { margin-bottom:0;}
.comment_area { font-size:11px; vertical-align:middle;}
.cm_make_info td .comment_area img { vertical-align:middle; margin-right:4px; margin-top:-5px;}
.cm_make_info td .Calendar #startDate {border-radius: 5px 0 0 5px;}
.cm_make_info td .Calendar #endDate {border-radius: 5px 0 0 5px;}
.cm_make_info td button.callendar { width:32px; height:32px; border:#ddd solid 1px; border-radius: 0 5px 5px 0; margin-left:-1px; padding-top:1px;}


/* 의견등록참여방법 */
.MakeType { overflow:auto;}
.MakeType div { float:left; display:inline-block; width:213px; height:130px; border:#ddd solid 1px; border-radius:5px; margin-right: 4px; padding:15px 15px 15px 40px; overflow:hidden; position:relative;cursor:pointer;}
.MakeType div:last-child { margin-right:0;}
.MakeType div span.title { font-size:14px; color:#666; opacity:0.5;}
.MakeType div span.sub { font-size:11px; color:#666; opacity:0.5;}
/* .MakeType div:first-child { margin-left:0;} */
.MakeType div.type1:before { content:'';  position:absolute; background:url(/img/community/cm_intro_icon_all.png) no-repeat left top; display:block; width:18px; height:18px; opacity:0.4; left:15px; top:15px; }
.MakeType div.type2:before { content:'';  position:absolute; background:url(/img/community/cm_intro_icon_login.png) no-repeat left top; display:block; width:18px; height:18px; opacity:0.4; left:15px; top:15px; }
/* .MakeType div.type3 { width:290px;} */
.MakeType div.type3 ul { padding:5px 0 0 0; opacity:0.5;}
.MakeType div.type3 li { font-size:12px;font-family:'돋움', dotum, san-serif;}
.MakeType div.type3 li input[name=grant_yn_s] { margin-right: 5px;}
.MakeType div.type3 input[type=password] { height: 32px; width: 83px; border: #666 solid 1px; border-radius: 5px; margin-left: 72px; margin-top: -5px;}
/* .MakeType div.type3 input[type=password] { background:#fafafa; height:20px; width:76px;} */
.MakeType div.type3 input[type=password]::placeholder { font-size: 12px; color: #ddd; padding-left: 5px; }
.MakeType div.type3 button {font-size: 10px;font-family: dotum, "돋움", sans-serif;padding: 0;border-radius: 3px;border: 1px solid #1b967f;background-color: #21b69a;height: 20px;width: 70px;color:#fff;}
.MakeType div.type3 button.cancel {border:1px solid #ddd;background-color: #fff;color:#000000;width: 21px;}
.MakeType div.type3 .Img { position:absolute; background:url(/img/community/cm_comment_type3.png) no-repeat left top; display:block; width:18px; height:18px; opacity:0.4; left:15px; top:15px; text-indent:-1000px; overflow:hidden;}
.MakeType div.type3 .Img.type3_1 { background-image:url(/img/community/cm_intro_icon_pw.png );}
.MakeType div.type3 .Img.type3_2 { background-image:url(/img/community/cm_comment_type5.png);}
.MakeType div.type3 .Img.type3_3 { background-image:url(/img/community/cm_comment_type3.png);}
.MakeType div.M_on { background:#fff;}
.MakeType div.M_on.type1:before, .MakeType div.M_on.type2:before, .MakeType div.M_on.type3 ul, .MakeType div.M_on .title, .MakeType div.M_on.type3 .Img { opacity:1;}


/* 등록아이콘선택_20161010 */
.SelectIcon_new2 { width:100%; height:131px; border:#ddd solid 1px; border-radius: 5px; position:relative; box-sizing:border-box; background:#fff;}
/* .SelectIcon_new2 { width:100%; padding-left:125px; height:131px; border:#ddd solid 1px; border-radius: 5px; position:relative; box-sizing:border-box; background:#fff;} */
.i_menu.hide {display: none;}
.show {display: block;}
.select {position: relative; padding: 5px 10px; margin-bottom:5px; width: 160px; height:32px; border-radius: 5px; border: #ddd solid 1px; cursor: pointer; background: #fff url(/img/community/cm_select_bg.png) no-repeat right center;}
.select ul {position: absolute; top: 30px; left: 0; width: 100%; border-radius: 5px; border: #ddd solid 1px; cursor: pointer; z-index: 999;}
.select ul li {padding: 10px; background:#f1f1f1;}
.select ul li:hover {background:#fff;}

/* .SelectIcon_new2 .i_menu { position:absolute; left:-1px; top:-1px; width:125px;  z-index:1;} */
/* .SelectIcon_new2 .i_menu li { margin-top:-1px; } */
/* .SelectIcon_new2 .i_menu li:first-child { margin-top:0;} */
/* .SelectIcon_new2 .i_menu li a { display:block; width:100%; height:27px; background:#f1f1f1; font-size:12px;border:#ddd solid 1px; padding:5px 0 0 7px;} */
/* .SelectIcon_new2 .i_menu li:first-child a { border-radius: 5px 0 0 0; } */
/* .SelectIcon_new2 .i_menu li:last-child a { border-radius: 0 0 0 5px; } */
/* .SelectIcon_new2 .i_menu li.M_on a {background-color:#fff; border-right:none;} */
/* .SelectIcon_new2 .i_menu li a:hover {background:#fff;} */
/* .SelectIcon_new2 .i_menu li a.disabled:hover {background-color:#ccc;} */
/* .SelectIcon_new2 .i_menu li.M_on a.disabled:hover { background-color:#4e86b5;} */

.disabled{opacity: 0.5;}
.SelectIcon_new2 .i_box {font-size:11px; display:none;}
.SelectIcon_new2 .i_box input, .i_box label { vertical-align:middle;}
.SelectIcon_new2 .i_box.M_on { display:block;}
.SelectIcon_new2 .i_box_header { position:relative;font-size:11px; height:26px;background:#f5f5f5; border-bottom:#ebebeb solid 1px; box-sizing:border-box; padding:5px 5px;}
.SelectIcon_new2 .i_box_cont {font-size:11px; height:130px; overflow:auto; box-sizing:border-box;}
.SelectIcon_new2 .i_box.disabled .i_box_cont label img{opacity: 0.5;}
.SelectIcon_new2 .i_box_cont >.i_box_choose{padding-top:20px;}
.SelectIcon_new2 .i_box1 .i_box_header label { position:absolute; right:6px;}
.SelectIcon_new2 .i_box1 .i_box_cont {text-align: center; padding:6px 10px 0 10px;}
.SelectIcon_new2 .i_box1 .i_box_cont img { vertical-align:middle; margin:0 0 0 3px;}
.SelectIcon_new2 .i_box1 .i_box_cont img:first-child {margin:0;}
.SelectIcon_new2 .i_box1 .i_box_cont input[type=text] { font-size:11px; height:22px; box-sizing:border-box; border:#fff solid 1px; letter-spacing:-1px; width:50px;}
.SelectIcon_new2 .i_box1 .i_box_cont input[type=text]:focus {border-color:#ccc;}
.SelectIcon_new2 .i_box2 .i_box_header label { position:absolute; right:6px;}
.SelectIcon_new2 .i_box2 .i_box_cont { text-align:center; padding:6px 10px 0 30px;}
.SelectIcon_new2 .i_box2 .i_box_cont img { vertical-align:middle; margin:0 0 0 10px;}
.SelectIcon_new2 .i_box2 .i_box_cont img:first-child {margin:0;}
.SelectIcon_new2 .i_box2 .i_box_cont input[type=text] { font-size:11px; height:22px; box-sizing:border-box; border:#fff solid 1px; letter-spacing:-1px; width:60px;}
.SelectIcon_new2 .i_box2 .i_box_cont input[type=text]:focus {border-color:#ccc;}
.SelectIcon_new2 .i_box3 .i_box_header label { position:absolute; right:6px;}
.SelectIcon_new2 .i_box3 .i_box_cont {text-align:center; padding-top:6px;}
.SelectIcon_new2 .i_box3 .i_box_cont img { vertical-align:middle; margin:0 0 0 15px;}
.SelectIcon_new2 .i_box3 .i_box_cont img:first-child {margin:0;}
.SelectIcon_new2 .i_box3 .i_box_cont input[type=text] { font-size:11px; height:22px; box-sizing:border-box; border:#fff solid 1px; letter-spacing:-1px; width:60px;}
.SelectIcon_new2 .i_box3 .i_box_cont input[type=text]:focus {border-color:#ccc;}
.SelectIcon_new2 .i_box4 .i_box_header label { position:absolute; right:6px;}
.SelectIcon_new2 .i_box4 .i_box_cont { padding:15px 10px 10px 30px; position:relative;}
.SelectIcon_new2 .i_box4 .i_box_cont .all_check { position:absolute; left:15px; top:14px;}
/* mng_s djlee 20221011 지역현안소통지도 만들기 화면 개선*/
.SelectIcon_new2 .i_box4 .i_box_cont li { width:32%; margin-right:1%; float:left; margin-bottom:5px}
/* mng_e djlee 20221011 지역현안소통지도 만들기 화면 개선*/
.SelectIcon_new2 .i_box4 .i_box_cont li label span { display:inline-block; width:20px; height:28px; vertical-align:middle; text-align:center;}
.SelectIcon_new2 .i_box4 .i_box_cont li label span img { vertical-align:middle;}
/* mng_s djlee 20221011 지역현안소통지도 만들기 화면 개선*/
.SelectIcon_new2 .i_box4 .i_box_cont li input[type=text] { font-size:11px; width:78px; height:22px; box-sizing:border-box; border:#fff solid 1px;}
/* mng_e djlee 20221011 지역현안소통지도 만들기 화면 개선*/
.SelectIcon_new2 .i_box4 .i_box_cont li input[type=text]:focus {border-color:#ccc;}
.SelectIcon_new2 .i_box5 .i_box_cont { padding:0; position:relative; display:none; overflow:visible;}
.SelectIcon_new2 .i_box5 .i_box_cont.M_on { display:block;}
.SelectIcon_new2 .i_detail {font-size:11px; height:130px; overflow:auto; box-sizing:border-box; padding:10px;}
.SelectIcon_new2 .i_btn_make { position:absolute; font-size:11px; width:50px; height:20px; background:#fff url(/img/community/i_btn_make.png) no-repeat 5px center; border:#ccc solid 1px; text-align:left; padding:0 0 0 12px; top:auto; right:10px; bottom:10px;}
.SelectIcon_new2 .i_btn_list { position:relative; top:auto; font-size:11px; width:45px; height:20px; background:#fff url(/img/community/i_btn_list.png) no-repeat 5px center; border:#ccc solid 1px; text-align:left; padding:3px 0 0px 15px; box-sizing:border-box; float:right;}
.SelectIcon_new2 .i_box_list li { width:50%; float:left;margin-bottom:8px;}
.SelectIcon_new2 .i_box_list li input[type=text] {font-size:11px; width:150px; height:22px; box-sizing:border-box; border:#fff solid 1px; }
.SelectIcon_new2 .i_box_list li input[type=text]:focus {border-color:#ccc;}
.SelectIcon_new2 .i_box_list li label span { margin-left:2px;display:inline-block; width:23px; height:28px; /* vertical-align:middle;  */text-align:center;}
.SelectIcon_new2 .i_box_list li label span img { vertical-align:middle;}
.SelectIcon_new2 .i_box_bagic dt { float:left; font-size:11px; width:15%; display:inline-block; vertical-align:top; padding-top:5px;}
.SelectIcon_new2 .i_box_bagic dd { float:left; font-size:11px; width:80%; position:relative;}
.SelectIcon_new2 .i_box_bagic dd input[type=text] { width:200px; height:23px; padding:3px;  font-size:11px; border:#ccc solid 1px; box-sizing:border-box; margin-bottom:5px;margin-right:10px}
.SelectIcon_new2 .i_box_make input[type=text]:nth-child(4) { width:143px;}
.SelectIcon_new2 .i_btn_file { background:#eaeaea; width:75px;height:23px; padding:3px;  font-size:11px; border:#ccc solid 1px; box-sizing:border-box; margin-left:-1px; vertical-align:top;/* position:absolute; right:0;*/}
.SelectIcon_new2 .i_btn_group { text-align:left;}
.SelectIcon_new2 .i_btn_group button { width:58px; height:23px; font-size:11px; color:#fff; text-align:center;padding:3px 0; background: #333; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#666, #333); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#666, #333); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#666, #333); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#666, #333); /* Standard syntax */ }
.SelectIcon_new2 .i_icon_list { margin-bottom:6px; clear:both; min-height:52px;}
.SelectIcon_new2 .i_icon_list li { display:inline-block; width:32%;}
.SelectIcon_new2 .i_btn_delete { background:url(/img/community/i_btn_delete.png) no-repeat left top; width:13px; height:13px; text-indent:-1000px; overflow:hidden;}
.SelectIcon_new2 .i_icon_list li label span { display:inline-block; width:23px; height:28px; vertical-align:middle; text-align:center;}
.i_icon_list li label span img { vertical-align:middle;}
.i_icon_list li input[type=text] {font-size:11px; width:55%; height:22px; box-sizing:border-box; border:#fff solid 1px; vertical-align:middle; }
.i_icon_list li input[type=text]:focus {border-color:#ccc;}

.cm_info_text { font-size:11px; color: #bbb;}

/* 배경지도 만들기 */
.cm_step2 { height: 784px;}
.cm_step2 h3 { font-size:14px; color:#333;font-family:'나눔고딕B'; margin-bottom:7px;}
.cm_make_MapArea { width:100%; height:100%; background:#ccc;}
.cm_make_map { position:absolute;  top:0; height:100%;width:280px; background:#fff; border:#ddd solid 1px; padding:15px;z-index:1001;}
.cm_make_map.open {left:0;}
.cm_make_map.close {left:-279px;}
.cm_make_map ul { font-size:12px; margin-bottom:15px;}
/*top:calc(50% - 30px);제거 top:40%; 추가*/
.btn_control { position:absolute;  right:-14px; top:40%}

.cm_make_map_basic { overflow:auto; background:#f1f1f1; border:#ddd solid 1px; padding:5px 10px;}
.cm_make_map_basic li { float:left; margin-right:20px;}
.cm_make_map_basic input[type=checkbox] { margin-right:5px;}

.cm_make_map_tab { overflow:auto;z-index: 100;position: relative;}
.cm_make_map_tab li { width:50%; float:left; text-align:center;}
.cm_make_map_tab li:first-child a { border-right:none;}
.cm_make_map_tab li a { display:block; height:26px; background:#f4f4f4; border:#ddd solid 1px; padding-top:5px; }
.cm_make_map_tab li.M_on a { background:#fff; border-bottom:none;}
.cm_make_map_tab_list { background:#fff; border:#ddd solid 1px; padding:10px; margin-top:-16px; height:175px;overflow:auto;}
.cm_make_map_tab_list.select-list { margin-top:0;}
.cm_make_map_tab_list.select-list .delete{ background: url(/img/community/icon_img_delete.png) no-repeat left top;width: 15px;height: 15px;overflow: hidden;text-indent: -1000px;border: none;float: none;vertical-align: middle;margin-right:10px;}
.cm_make_map_tab_list li {line-height:24px; position:relative;margin-bottom: 3px; }
.cm_make_map_tab_list li span { position:absolute; right:0; top:0; font-size:11px;}
.cm_make_map_tab_list li input, .cm_make_map_tab_list li img { vertical-align:middle; margin-right:5px;}
.cm_make_map_tab_list>li.M_on>ul { display: block;}
.cm_make_map_tab_list ul { margin-left: 15px;display:none;}
.cm_make_map_tab_list .group>.parent{cursor: pointer;font-size:12px}
.cm_make_map_tab_list .group>.parent>span{position: relative;left: 0;width: 16px;height: 16px;display: inline-block;background-image: url(/img/community/tree_icons.png);background-position: -96px 0;vertical-align: middle;}
.cm_make_map_tab_list>li.M_on>.parent>span { background-position: -112px 0;}
.current-theme-list {  float:right;}
.current-theme-list>img { margin-left: 5px;width: 15px;height: 15px;opacity: 0.5;}
.current-theme-list>img.M_on { opacity: 1;}
span.comment{display: inline-block;width: 13px;height: 13px;background: #999;border-radius: 7px;color: #fff;font-family: '나눔고딕EB';margin-left: 3px;vertical-align: text-top;}

.add_list { float:right;height:20px;font-family:'돋움', dotum, san-serif; font-size:11px; color: #666; background: #f1f1f1; border: #ddd solid 1px; margin-top:-27px; padding:0 5px; }

.cm_step2 .Finish { margin-left:80px;}


/* 즐겨찾기 추가 */
.Add_bookmark {position:absolute; left:0; top:0; width:100%; height:100%;z-index: 1001;display:none;}
.Add_bookmark.M_on {display:block;}

.Add_bookmark:before { content:''; display:block;position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.7;}
/*height:calc(100% - 20px); 제거 height:90%;추가 */
.Add_bookmark .bk_box { background:#fff; width:269px; position:absolute; left:-1000px; top:10px; height:90%;}
/*
	height:calc(100% - 70px); 제거 height:80% 추가;
*/
.Add_bookmark .bk_cont {position:absolute; left:0; top:39px; width:100%; padding: 10px 5px 10px 5px; overflow:auto;}
.Add_bookmark .bk_box .cm_make_map_finish { position:absolute; bottom:0; left:0; width:100%; height:31px; border-top:#ddd solid 1px; text-align:center; padding-top:4px;}
.Add_bookmark .bk_box .cm_make_map_finish button { margin-left:0 !important; font-size:12px; height:21px;}
#history-depth-1.M_on {left:10px; width:170px;}
#history-menu-depth-major.M_on{left:181px; width:230px;}
#history-menu-depth-population.M_on,
#history-menu-depth-3fFish.M_on,
#history-menu-depth-company.M_on,
#history-menu-depth-kosistree.M_on{left:181px; width:250px;}
#history-menu-depth-population.join{width:770px;}
#history-menu-depth-companytree.M_on {left:432px; width:250px;}
#history-menu-depth-kosis.M_on {left:432px; width:280px;}
.Add_bookmark .bk_box h3 {background:#f4f4f4; border-bottom:#ddd solid 1px; height:39px; padding:10px 0 0 10px;}
.Add_bookmark .bk_box .box_close { background:url(/img/community/box_close.png) no-repeat center center; width:15px; height:15px; position:absolute; right:12px; top:12px; text-indent:-1000px; overflow:hidden;}

.Depth1_menu { font-size:14px;}
.Depth1_menu a img { opacity:0.4; width:30px; vertical-align:middle; margin-right:7px;}
.Depth1_menu a { display:block; padding:5px; margin-bottom:1px; }
.Depth1_menu .M_on a {background:#f1f1f1; border-radius:5px;font-family:'나눔고딕B'; color:#333}
.Depth1_menu .M_on a img {opacity:1;}
.Depth1_menu a:hover img {opacity:1;}
.Depth1_menu a:hover { background:#f1f1f1; border-radius:5px;}

.stepBox{padding: 0 0 10px 0;margin: 0 10px 0 0;font-size: 12px;}
.stepBox>p,.stepBox>.link{width: 210px;font-size:13px;padding-left:13px;}
.stepBox>p.off{width: 255px;}
.stepBox>p.off>span{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 120px;display: inline-block;}

.cateMenu{width: 210px;}
a.roundTextBox {font-size: 13px;margin-left: 10px;text-align: left;padding-left: 20px;width: 210px;background: #dcdcdc url(/img/ico/ico_up02.png) no-repeat 190px center;}
a.roundTextBox.on{background: #00bcd4 url(/img/ico/ico_down02.png) no-repeat 190px center;}
div.roundTextBox{font-size: 13px;text-align: left;padding-left: 13px;width: 210px;margin-left: 10px;}
.mgb_12{width:210px;}
#slider-range2, .slider-range,.stepBox.join .slider-range {width:200px;}
.stepBox .slider_controll_bar li{width:40px;}
.stepBox.join .slider_controll_bar li{width:34px;}
.stepBox .slider_controll_bar_long li{width:21px;}
.joinDefault{margin-top:10px;}

.join .joinStepBox{width: 238px;float: left;padding: 10px 10px 20px 10px;height: auto;overflow: hidden;}
.join .roundTextBox select.fl{font-size: 13px;float: right;margin: 3px 15px 0 0;height: 23px;}

.roundArrBox{width: 210px;background: #00bcd4 url(/img/ico/ico_colorbar01.png) no-repeat 185px center;}

.stepBox ul{width: 210px;margin:0;padding-left:10px;}
#history-menu-depth-company .stepBox ul,
#history-menu-depth-companytree .stepBox ul,
#history-menu-depth-kosis .stepBox ul,
#history-menu-depth-kosistree .stepBox ul{width: 240px;margin:0;}
#history-menu-depth-companytree .stepBox ul>li .inp,
#history-menu-depth-kosistree .stepBox ul>li .inp{height: 26px;}

#history-menu-depth-company .stepBox ul.honinType>li label{width: 93px;font-size:11px;}

.normalBox{width: 240px;height: 462px;}
.houseArea{font-size:10px;}
.houseArea select{width: 70px;font-size:10px;}
.stepBox ul.honinType>li label{width:70px}
#API_4011 .stepBox ul{width:220px;}
a.subRoundTextBox{width:210px;background: #dcdcdc url(/img/ico/ico_up02.png) no-repeat 190px center;}
a.subRoundTextBox.on{background: #dcdcdc url(/img/ico/ico_down03.png) no-repeat 190px center;}
.stepTreeBox{overflow: auto;height: 330px;}

.ListTitle {border-top: #ccc solid 2px;font-size: 14px;color: #000;padding: 5px 0 0px 0;text-align: left;margin: 10px 8px 5px 8px;font-family: '나눔고딕EB';}
.write_file input {height:32px; width:222px; border:#ddd solid 1px; font-family:'돋움', dotum, san-serif; font-size:12px; box-sizing:border-box; float:left; border-radius: 5px 0 0 5px; margin-bottom: 2px;}
.write_file button {height:32px; background:#f1f1f1; border:#ddd solid 1px; text-align:center; margin-left:-1px; font-size:12px; box-sizing:border-box; width:67px; float:left; border-radius: 0 5px 5px 0;}
.write_title, .write_position, .write_image, .write_comment, .write_icon {margin-bottom:10px; overflow:auto; clear:both;}
/* mng_s djlee 20221011 지역현안소통지도 만들기 화면 개선*/
.write_title, .write_position, .write_image, .write_comment, .write_icon, .write_file {margin-bottom:18px; overflow:auto; clear:both;}
/* mng_e djlee 20221011 지역현안소통지도 만들기 화면 개선*/

.sop-marker-icon.community-on{display:inline-block;padding:6px 8px;background:rgba(255, 255, 255, 0.8);border-radius:25px;box-shadow:#000 0 0 10px;}

#history-list-box{min-height: 150px;}
#poi-list-box{min-height: 50px;}
#poi-list li{width:50%;float:left;}
#poi-list li a{text-align: left;border:none;background-color: rgba(255, 255, 255, 0.6);color: #666;}
#poi-list li a img{margin-left: 5px;}
#poi-list li a .text{width:75px;margin-left: 55px;color: #666;}

.sqListBox.sq03 .sqList ul li .ellipsis {background-color: rgba(255, 255, 255, 0.6);}


/* 인트로 검색결과 없음 */
.NoneResult { box-sizing:border-box; text-align:center; height:173px; font-size:16px; color:#666; margin-bottom:20px; padding-top:42px}
.NoneResult:before { background: url(/img/community/no_result.png) no-repeat left top; content:''; width:37px; height:40px; display:inline-block; vertical-align:middle; margin-right:10px;}

	
.ui-tooltip{background-color: #fff;}
.ui-tooltip .bottom{height:auto;}

.grant-helper>div{float:left;padding:5px;height:330px;}
.grant-helper>div:nth-of-type(1),.grant-helper>div:nth-of-type(2){width:200px;border-right:1px solid #ddd;}
.grant-helper>div:nth-of-type(3){width:250px;}
.grant-helper>div .title{font-family: '돋움', dotum, san-serif;font-size: 14px !important;font-weight: bold;color: #666;}
.grant-helper>div .content{font-family: '돋움', dotum, san-serif;font-size: 12px !important;color: #666;width:160px;padding-left:5px;}
.grant-helper>div:nth-of-type(3) .content{width:210px;}
.grant-helper>div>div{float:left;padding-top:5px;}
.grant-helper>div>div.grant-image{width:30px;clear:both;float:left;}
.grant-helper>div:nth-of-type(3) .grant-image{padding-top:6px;}
.grant-helper>div:nth-of-type(3) .grant-image:nth-of-type(1){padding-top:20px;}

.quickBox .bottom > a.stepClose.on{position:absolute;z-index:1001;top:360px;right:-25px;display:block;overflow:hidden;width:25px;height:68px;text-indent:-2000px;opacity:1;background-image:url(/img/community/lnb_close.png);background-repeat:no-repeat;}/*20년수정반영*/
.quickBox .bottom > a.stepClose{position:absolute;z-index:1001;top:360px;right:-25px;display:block;overflow:hidden;width:25px;height:68px;text-indent:-2000px;opacity:1;background-image:url(/img/community/lnb_open.png);background-repeat:no-repeat;}/*20년수정반영*/
.quickBox {overflow: visible;}/*20년수정반영*/
.rela{padding-left: 0px;}/*20년수정반영*/

/* 지역현안소통지도 만들기 (카테고리 추가, 샘플이미지 추가) 20220927*/
.SampleImgCtgr {width: 100%; height: 30px; margin-top: 5px; margin-bottom: 5px; border: #ddd solid 1px; border-radius: 5px;}


/* 20240322 이금은 추가 (start) */
.subMenu { z-index: 99999;}
#community-left-menu {width:100%; background-color: #fff;}

.communityMapBar{ position: relative; width: 100%; height: 35px; overflow: hidden; background: #f5f5f5; box-sizing: border-box; border-bottom: 1px solid #d8dade; border-top: transparent;}
.toolBar h2 { font-family: 'Nanum Gothic Bold'; font-size: 16px; position: absolute; top: 7px; left: 35px; display: inline-block; color: #213967;}
/* .toolBar h2 { font-size: 16px; position: absolute; top: 7px; left: 20px; display: inline-block; color: #666;} */
.toolBar h2:before { position: absolute; top: 5px; left: -19px; display: inline-block; width: 13px; height: 12px; content: attr(data-before); background-image: url(/css/common/images/icon_title.png); background-repeat: no-repeat; background-position: left center; background-size: 100%;}
.mapNavi_1 {position:absolute; left:220px;}
.quickBox .subj div a {position: absolute; right: 10px; top: 10px;}

.new_menu { height: auto; overflow: hidden; display: inline-flex; cursor:pointer;}
.new_info { border-radius: 15px 15px 0 0; height: 28px; padding: 0 15px; margin-top: 5px;}
/* .new_info.on {background-color: #0c8ce9; color: #fff; font-weight: bold; border-bottom: none; border-radius: 15px 15px 0 0; height: 28px;padding: 0 15px; margin-top: 4px;} */
.new_notice { border-radius: 15px 15px 0 0; height: 28px;padding: 0 15px; margin-top: 5px;}
.new_admin { border-radius: 15px 15px 0 0; height: 28px;padding: 0 15px; margin-top: 5px;}
.new_info_tab      {display:none;}
.new_info_tab.on   {display:block;}
.new_poi_tab       {display:none;}
.new_poi_tab.on    {display:block;}
.new_notice_tab    {display:none;}
.new_notice_tab.on {display:block;}
.new_admin_tab     {display:none;}
.new_admin_tab.on  {display:block;}


.dataSideBox {z-index: 1200; position: absolute; right: 0px; top: 34px; width: 404px; height: calc(100% - 33px); overflow: hidden; background: #fff; box-shadow: -1px 1px 5px #ccc;}
.dataSideBox .bar {display: flex; border-bottom: 1px solid #dcdcdc; margin: 0 15px;}
/* .dataSideBox .bar {position: relative; width: 100%; height: 33px; overflow: hidden; display: flex; background: #00bcd4; background: #f1f1f1; border: 1px solid lightgray;} */
.dataSideBox .bar span{border-radius: 15px 15px 0 0; height: 28px; padding: 0 15px; margin-top: 5px; cursor:pointer; align-content: center;} 
.dataSlider.ui-slider {position: absolute; text-align: left; background: transparent !important; border: 0; margin-top: 5px; right: 0px; top: 7px;}

.poiSideContents     {display:none;}
.poiSideContents.on  {display:block;}
.dataSideContents    {display:none;} 
.dataSideContents.on {display:block;}
    
.compareBox .tables table {width: 374px; table-layout: fixed;}    
.dscList dt>a {display: block; width: 380px; height: 26px; overflow: hidden; border-radius: 13px; line-height: 26px; color: #333; text-indent: 10px;}

/* .bottom { background-color:#f1f1f1;} */

#sf-area { position: absolute; z-index: 1000; border: 1px solid #e0e0e0; border-radius: 10px; box-shadow:2px 4px 8px #eee; font-size: 12px; padding: 15px 7px; } /* Scroll-Follow */
#sf-area .about { width: 60px; border-bottom: 1px solid #e0e0e0; margin: 0 auto; text-align: center; padding-bottom: 10px;}
#sf-area a { line-height: 150%; }
#sf-area a:hover { font-weight: bold; }
#sf-area .tuto { cursor: pointer; width: 60px; border-bottom: 1px solid #e0e0e0; margin: 0 auto; text-align: center; padding: 10px 0;}
#sf-area .QrArea { font-size: 12px; line-height: 150%; width: 60px; margin: 0 auto; text-align: center; padding-top: 10px;}
#sf-area .QrArea .QrImg { width: 60px; height: 60px; background-color: #f3f3f3; border-radius: 10px; display: flex; justify-content: center; align-items: center;}
#sf-area .QrArea .QrImg img { width: 46px; height: 46px; }
#sf-area .QrArea .QrTxt { padding-top: 3px;}
/* #sf-area p{ position: relative;} */
.sf-img { position: relative; top: -160px; width: 80px; height: 283px; background: url("/img/community/communityMap_sf.png") no-repeat; display : block;}
/* .sf-img { position: relative; top: -160px; width: 80px; height: 283px; background: url("/img/community/communityMap_sf.png") no-repeat; display : block;} */
.sf-img svg{width: 100%; height: 100%;}

/* 20240322 이금은 추가 (end) */