/*
@import url(//fonts.googleapis.com/earlyaccess/jejugothic.css);
*{ font-family: 'Jeju Gothic', sans-serif; }
*/

/*css 초기화--------------------------------------------------*/
*{margin: 0; padding: 0; text-decoration: none; list-style: none;color: black;  background-size: contain; word-break : keep-all; word-wrap : break-word; font-size: 15px;color: #2f2f2f;}

a:hover{text-decoration: none; color: #2f2f2f}
::-webkit-input-placeholder {color: #979797;opacity: 1;}
:-ms-input-placeholder {color: #979797;opacity: 1;}
::placeholder {color: #979797;opacity: 1;}/*미리보기 글자색*/
:-ms-input-placeholder {color: #979797;}
/*헤더-------------------------------------------------------------*/
html {width:100%; height:100%; }
body{overflow-y: none; background-color: #f5f6fa; min-width: 320px; height: calc(100% - 85px); /*display: flex; flex-direction: column;*/ } 
header{width: 100%; height: 85px; padding: 0px 30px ; background-color: #f5f6fa; margin:0px auto; color: #000;margin: 0px;display: inline-block; display: flex;  justify-content:center; position: fixed; top: 0; z-index: 4; min-width: 320px; border-bottom:1px solid #ECECEC;}
input:focus, button:focus {outline: none; }
#wrap {width: 100%; max-width:1200px; height:auto; min-height: calc(100% - 237px); margin:85px auto 0px auto;}
.landingwrap {width: 100%; height:auto; min-height: calc(100% - 237px); margin:85px auto 0px auto;}
#head_form{display:block; width:100%; max-width:1200px; display: flex; flex-direction: row; justify-content: space-between; }

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

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

.readynotice {display:flex; }



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

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

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

#notice{vertical-align: top;color: red;position: absolute;top: 10px;right: 33px;width: 18px;height: 18px;line-height: 18px;border-radius: 9px;}
#notice .badge-unread{color: red; font-weight: bold; font-size: 16px; text-align: center; padding: 0px 3px;}
#head_menu>a>i:hover{color: #666;}
#logout>.profile_pic{width: 39px; height: 39px; border-radius: 15px; padding: 0px;}
#head_menu>a:nth-last-child(1)>img{width: auto; height: 25px;}
.profile_pic{width: 39px; height: 39px; border-radius: 100%;}

#menubutton{display:none;}

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



#landingsearch {
  display: flex;
  overflow: hidden;
  top: 85px;
  margin: 0px auto  0px auto;
  align-items: center;
  justify-content: center;
  transition: height 0.2s ease-out;
  flex-direction:column;
  z-index: 9;
  width:100%;
  background-color:#F0F8FF;
  padding-bottom: 100px
}


#landingsearch > .searchblock {display: flex;  justify-content: center; border-radius: 32px; border:1px solid #EAEAEA;}
#landingsearch > .searchblock > #searchbar{ width:100%; max-width: 700px; height: 64px; border: 0px; margin: 0px 10px 0px 20px; padding:0px; font-size:25px; border:0px !important;  border-radius: 0px;}
#landingsearch > .searchblock > input {border:0px; width:100%; min-width:300px; margin:10px 0px 10px 25px;}
#landingsearch > .searchblock > input:focus {outline:none;}
#landingsearch > .searchblock > i {display:inline-block; margin: 10px 15px 10px 20px; width:50px !important; }
#landingsearch > .searchblock > span {font-size:25px; color:#999999; border-left:2px solid #8A8A8A; height:30px; margin:18px 20px 0px 0px; line-height:28px; padding-left:20px; cursor: pointer;}

.landingkeyword {
  color:#333;
  width:500px;
  justify-content: center;
  padding-top:30px;
  text-align:center;
}

.landingkeyword button  {
  font-size:20px !important;
  cursor: pointer;
  display:inline-block !important;
  margin:5px 15px !important;
  border:0px;
  all:unset;
}


.landingvideo {
	width: 100%;
	max-width: 1200px;
	height: 100%;
	max-height: 720px;
	margin:0px auto;
	border-radius: 15px;
	overflow: hidden;
	
}
.vlandingvideo video {
	width: 100%;
	height: 100%;
	object-fit: cover; /*영상이 잘리지 않도록 맞춤 */
	display: block;
}

/*로그인-----------------------------------------------------------*/

.login_form  { width:100%; max-width:530px; padding:150px 0px 0px 0px; margin:0px auto 0px auto; min-height:calc(100% - 152px);}   
.login_notice {color:#1749AF; font-size:16px; font-weight:bold; padding:0px 0px 50px 0px;}
.login_form h2 {font-size:26px; font-weight:bold; }
.login_form > .login-wrapper { margin:0px 0px 0px 0px; }
.login_form > .login-wrapper  input[type="text"],
.login_form > .login-wrapper  input[type="password"] {
  width: 100%;
  padding: 12px;
  margin: 6px auto;
  border-radius: 8px;
  border: 1px solid #ccc;
  font-size: 14px;
}

.login_form > .login-wrapper .sub-buttons {
  display: flex;
  justify-content: space-between;
  margin: 20px 0 20px 0%;
}

.login_form > .login-wrapper .signup-text {
  margin: 0px 0 10px 0;
  font-size: 16px;
  text-align:center;
}

.login_form > .login-wrapper .signup-text button {
  padding:3px 20px;
  margin-left:10px;
}

.social-login {
  margin: 30px 0px 0px 50px;
  text-align: left;
}

.sns-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.sns-btn {
  display: flex;
  align-items: center;
  padding: 10px 14px;
  font-size:17px;
  border:1px solid #B0B0B0;
  border-radius: 10px;
  display:inline-block;
  padding:5px;
  color:#575656;
  margin-bottom: 10px;
  cursor: pointer;
}

.sns-btn i {-webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  box-sizing: border-box;
  vertical-align: middle;
}













/*회원가입--------------------------------------------------------------*/

.join_from { width:100%; max-width:920px; padding:150px 0px 0px 0px; margin:0px auto 0px auto; min-height:calc(100% - 152px);}  
.join_from h3 {font-size: 30px; font-weight: bold;}  
.join_from h4 {font-size: 20px; font-weight: bold; margin-top:20px;}  

.join_from dl {overflow: hidden; display: flex; flex-wrap: wrap;}
.join_from dt {width:14%; text-align:right; padding:5px 1% 5px 0px; margin-top:10px; display: table-cell; vertical-align: middle;}
.join_from dd {width:35%; margin-top:10px;}
.join_from dd > input {width: 100%; border: 1px solid #bdbdbd;  border-radius: 0.25rem;   padding: 8px;}
.join_from dd label {display: inline-block; margin-right: 15px;}
.join_from dd.fulldd {width:85%; padding:5px 0px 5px 0px; display: table-cell; vertical-align: middle;}
.join_from dd .etcinput { border: 1px solid #bdbdbd;  border-radius: 0.25rem;   padding: 8px;}
.join_from dd.nonfild {width:85%;}
.join_from dd.h3dd {width:85%; padding:5px 0px 5px 0px; display: table-cell; vertical-align: middle; }
.join_from dd.h3dd > span {font-size:15px; color:#808080; font-weight:normal; padding:15px 0px 0px 0px;  display: block; }
.join_from .btngr { text-align:center; margin-bottom:15px;}
.join_from .btngr button { text-align:center; padding:5px 10px;}

@media screen and (max-width:820px){
  .join_from dt {width:100%; text-align:left; padding-right:1%; margin-top:10px;}
  .join_from dd {width:100%; margin-top:0px;}
  .join_from dd.nonfild {display:none;}
  .join_from dd.h3dd {width:100%; padding:0px 0px 0px 0px;}
  .join_from dd.h3dd > span {padding:0px 0px 0px 0px;}
 }

.Authentication {
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
  text-justify: auto;
}

.Authentication  .modal {
  width: 300px;
  padding: 15px 17px 20px 17px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  position: relative;
  top: calc(50% - 150px);
}

.Authentication .modal h3 {
  font-size: 20px;
  margin: 0 0 15px;
  font-weight: bold;
  padding-bottom:5px;
  border-bottom:1px solid #000000;
}

.Authentication .modal p {
  font-size: 16px;
  margin-bottom: 15px;
}

.Authentication .modal input[type="text"] {
  width: 100%;
  padding: 10px;
  font-size: 14px;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  margin-bottom: 15px;
  box-shadow: 0 1px 5px rgba(0,0,0,0.1);
}

.Authentication .modal .buttons {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.Authentication .close-icon {
  position: absolute;
  right: 20px;
  top: 15px;
  font-size: 18px;
  font-weight:bold;
  cursor: pointer;
}





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

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

/*.popup{position: fixed; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); display: none;z-index: 4;}*/
#LoginModal{width: 80%; max-width: 498px; height: 320px; margin: 0 auto; background: #fff;padding-top: 30px;border-top-left-radius: 0.25rem;border-top-right-radius: 0.25rem;}
#LoginModal2{width: 80%; max-width: 498px; height: 70px; margin: 0 auto; background: #ececec; border-top: 1px solid #d9d9d9}
/*로그인로딩 */
.loginloading{text-align: center;display:block; width: auto; display: none;}
/*로그인메일*/
.login_label{width: 100%; height: 100px; padding-left:10%; margin-bottom:5px;}

#login-email {text-align:right;}
#login-email>input{
  padding: 12px;
  margin: 6px auto;
  border-radius: 8px;
  border: 1px solid #ccc;
  font-size: 14px;}


/*로그인패스워드*/
#loginpsw {text-align:right;}
#loginpsw>input{
  padding: 12px;
  margin: 6px auto;
  border-radius: 8px;
  border: 1px solid #ccc;
  font-size: 14px;}

#ug{margin-bottom: 10px;}
/*로그인버튼*/
#logingo{width: 100%; height: 40px; border: 0px; font-size: 16px; cursor: pointer;}

/*회원가입*/
#membership{width: 75px; height: 40px; margin-top: 15px;  background-color: #28a745; color: white; border: 0px; border-radius: 0.25rem; font-size: 16px; cursor: pointer;float: left;margin-left: 5%;}
#membership:hover{background-color: #218838;}
/*돌아가기*/
#logincancel{width: 75px; height: 40px; margin-top: 15px;  background-color: #f24646; color: white; border: 0px; border-radius: 0.25rem; font-size: 16px; cursor: pointer;float: right;margin-right: 5%;}
#logincancel:hover{background-color: #bc3737;}

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

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

#mini_inpo{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
#mini_inpo>span{height: 30px; line-height: 30px; color: #696969;}
#mini_inpo>span:nth-child(1){font-size: 20px;font-weight: 500; margin-top: 5px;}
#mini_inpo>a:nth-last-child(1){color: #0057ff; height: 30px; line-height: 30px;}
#mini_inpo>a:nth-last-child(1):hover{text-decoration: underline;}
#logout_btn{display: block;height: 48px; line-height:48px; border-top:1px solid #e5e5e5; color: #696969; font-size: 15px; text-align: center;}
#logout_btn:hover{background-color: #ececec}
#logout_btn>i{color: #696969; font-size: 20px;}
/*메뉴-------------------------------------------------------------*/
#submenu{width: 320px; position: absolute; top: 60px; right: 0; height: 285px; background: white; z-index: 9; border:1px solid #bfbfbf;display: none; padding: 5px;}

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

.menulist{line-height: 30px; width: 100%;font-size: 18px; border: 0px;text-align: left; font-weight: 700;}
#Event-btn{font-size: 18px;}
.menulist:nth-last-child(1):hover{background-color: #c6c6c6}
.menulist>ul{width: 100%;}
/*.menulist>ul>li{border-bottom: 1px solid #c6c6c6;}*/
.menulist>ul>li>a{font-size: 13px;padding-left: 15px;}
.menulist>ul>li:hover{background: #c6c6c6;}
#m_menu{display: none;}
/*--------------------------------헤더끝-------------*/


#viewcontents {border:1px solid #101010; overflow:hidden; display:flex;}
.mapcontent {border:1px solid #101010; width:70%;}
.maplist {border:1px solid #101010; width:30%;}

#imgbox{width: 100%; margin-left: 0; height: calc( 100% - 140px); margin-bottom: 0px; display: table; max-height: 100% ;border: 1px solid #ececec;background-color: #fff; border-bottom-left-radius: 4px; border-top-left-radius: 4px; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.2); box-shadow: 0 1px 3px rgba(0,0,0,0.2);}
#mapcategory{width:100%;}
#imgbox>a{display: table-cell; height: 100%; vertical-align: middle; text-align: center; color: #2f2f2f;}
#imgbox>a>div{display: inline-block; height: auto;}
#imgbox>a>div>img{width: auto;z-index: -10; max-width: 100%;}

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



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

#mapinpo{width: 100%; overflow-x: hidden; overflow-y: auto; border: 1px solid #ececec; background-color: #fff; border-bottom-left-radius: 4px; border-top-right-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); box-shadow: 0 1px 3px rgba(0,0,0,0.2); padding-top: 10px;}
#inpo,#inposell,#inpolink,#inporeview,#inpoclick{}
#exclamation{position: absolute;right: 20px; top: 5px; font-size: 15px;color: dimgray; cursor: pointer;}
#bookmark-btn{position: absolute; right: 40px; top: 5px; font-size: 15px; color: dimgray; cursor: pointer;}
#trash{position: absolute;right: 60px; top: 5px; font-size: 15px;color: dimgray; cursor: pointer;}
#viewedit{position: absolute;right: 80px; top: 5px; font-size: 15px;color: dimgray; cursor: pointer;}
#inpo{padding-left: 5%;padding-right: 5%; width: 100%;padding-bottom: 10px; margin-top: 15px;}
#inpo>h3{margin-top:10px;font-size: 18px; height: 30px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#maptype{color: hotpink;font-size: 15px;}
#inpo>div>div>img{width: 30px;margin-right: 10px;}
#inpo>div>span{margin-left: 10px; font-size: 9px;color: dodgerblue;}
#inpo>p:nth-last-child(1){padding-left: 10px}
#tag{margin: 10px 0px;}
#inpo>#tag>div{width: auto;height: 22px; padding:0px 3px;margin-top: 5px; background-color: #89dbff;display: inline-block;}
#inpo>#tag>div>a{display: inline-block; font-size: 12px;height: 19px; line-height: 19px; vertical-align: text-top; max-width: 290px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#userpi{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; line-height: 30px; vertical-align: middle;padding: 5px 0px;}
#mapcontents{max-height: 4.5em;overflow: hidden;display: inline-block; position: relative;}
#contentsheight{display: inline-block;max-width: 300px;}
#contentsheight>p{margin-bottom: 0px;}
#morebtn{display: none; text-align: right;width: 100%; margin-top: 5px; color: #003cd9; font-size: 11px; cursor: pointer;}
#morebtn2{display: none; text-align: right;width: 100%; margin-top: 5px; color: #003cd9; font-size: 11px; cursor: pointer;}

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

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

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


/*
#inpoclick>button:nth-child(1){margin:0px 5%}
#inpoclick>button:nth-child(2){background-color: #ef7d8e;}
*/
 
/*링크-------------------------------------------------------------*/
#inpolink{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;clear: both; padding-right: 0px; padding: 10px 0px;}
#inpolink>span{width:60%; height: 28px; font-size: 18px; margin: 0px 5%; float: left;background-color:#d9d9d9;}
#inpolink>button{width:25%; height: 30px; border: 0px;border-radius: 2px;background-color: #00b550;color: white;cursor: pointer;}
#inpolink>button:hover{background-color: #008f3f;}
/*아이콘-------------------------------------------------------------*/
#inpoheader{width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center;padding-top: 10px; position: relative; border-bottom: 1px solid #ececec; border-top: 1px solid #ececec; padding-bottom: 10px;}
#inpoheader>div>i{font-size: 15px; color: dimgray}
#inpoheader>div:nth-child(1)>i{font-size: 15px; cursor: pointer;}
/*댓글-------------------------------------------------------------*/
/*댓글입력-------*/
#inporeview{width: 96%;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-left: 5%; margin: 0;display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap;border-bottom: 1px solid  #ececec;padding-bottom: 10px;padding-top: 10px;}
#inporeview>textarea{width: 245px; resize: none; height: 30px; overflow: auto;  margin-left: 10px; font-size: 15px;}
#inporeview>button{width:30px; height: 30px; border: 0px;border-radius: 2px;background-color: white;color:#00b550;cursor: pointer;}
#inporeview>button>i{color:#00b550;font-size: 20px;}
#inporeview>button>i:hover{color: #008f3f;}
/*댓글리스트-------*/
.reviewlist{width: 90%; margin-left: 5%; max-height: 50%; display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.onereview{padding: 5px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.reviewtext{width: 175px; text-align: left;font-size: 15px; max-height: 4.5em;overflow: hidden;position: relative;}
.reviewuser>img{width: 30px;}
.reviewname{width: 60px; font-size: 15px; font-weight: 700; text-align: center;margin: 0px 5px;}
.c_morebtn{display: none; text-align: right;width: 100%; margin-top: 5px; color: #003cd9; font-size: 11px; cursor: pointer; position: absolute;right: 5px; bottom: -5px;}
.c_morebtn2{display: none; text-align: right;width: 100%; margin-top: 5px; color: #003cd9; font-size: 11px; cursor: pointer;position: absolute;right: 5px;bottom: -5px;}

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

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

#doc_edit_kategori>select{height: 28px; font-size: 16px; width: 90%;}
#doc_editModal>form>#doc_edit_kategori>input{width: 15px; }
#doc_editModal>form>#doc_edit_kategori>label{display: inline-block;width: auto;}
#doc_editModal>form>#doc_edit_type>input{width: 15px; }
#doc_editModal>form>#doc_edit_type>label{display: inline-block;width: auto;}
#doc_editModal>form>#doc_edit_sell>input{width: 15px;}
#select_pay{display: none; }
#doc_editModal>form>#doc_edit_sell>#select_pay>#mapprice{width: 90px; text-align: right;}
#doc_editModal>form>#doc_edit_sell>label{display: inline-block;width:auto;font-size: 20px;}
#doc_editModal>form>#doc_edit_content>span{width: 90%;}
/*수정버튼*/
#doc_edit_button{margin-top: 10px;}
#doc_edit_ok{width: 100%; height: 40px; background-color: #28a745; color: white;border: 0px; border-radius: 0.25rem; font-size: 16px; cursor: pointer;}
#doc_edit_ok:hover{background-color: #218838;}
/*로딩버튼*/
#doc_edit_loading{width: 100%; height: 40px; border: 0px;font-size: 16px; display: none; text-align: center; font-weight: 700;}
/*돌아가기*/
#doc_edit_cancel{width: 75px; height: 40px; margin-top: 15px;  background-color: #f24646; color: white; border: 0px; border-radius: 0.25rem; font-size: 16px; cursor: pointer;float: right;margin-right: 5%;}
#doc_edit_cancel:hover{background-color: #bc3737;}

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



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

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

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

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

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

#loading{position: relative;width: 100%;text-align: center;height: 92px;padding-top: 30px; opacity: 0;}
/*------------------------my페이지 --------------------------*/
section{width: 100%;}

@media (min-width:640px) and (max-width:960px){
  #top_menu{width: 620px;}
}
@media (min-width:960px) and (max-width:1280px){
  #top_menu{width: 940px;}
}
#top_menu{width: 1200px; margin:85px auto 0; text-align: right; background-color: #fff; z-index: 1;}
#menu_se{width: 100%; /*height: 60px;*/ z-index: 1;border-bottom: 1px solid #ececec;margin-top: auto; }
#top_menu>a{display:inline-block; width: 75px; /*height: 60px;*/ line-height: 50px; font-weight: normal; font-size: 15px; }
#top_menu>a:hover{color: #0057ff;}
#top_menu>a:focus {outline: none;}
#profile_form{position: relative; top: 60px; width:100%; max-width: 1370px; height:100%; min-height:700px; margin: 0 auto; padding-bottom: 50px;}
#profile{width: 360px; height: 180px;padding: 20px; border-top-left-radius: 4px;}
#profile>a{display: block;font-size: 21px; line-height: 24px;margin-bottom: 15px;}
#profileimg{width: 100px; height: 100px; display: inline-block; border-radius: 50px;}
#profile_userword{display: inline-block;margin-left: 10px;vertical-align: top;}
#historyicon{padding: 20px 0px;width: 360px; border-bottom: 1px solid #e8e8e8;}
#historyicon>span{display: block;padding-bottom: 5px; padding: 0px 20px;}/*요기*/
#historyicon>span>span:nth-last-child(1){float: right;font-weight: 500;}/*요기*/
#historyicon>a>span{font-size: 16px; }
#historyicon>a:nth-child(1){background-color: #0057ff;}
#historyicon>a:nth-child(1)>span{color: white;}
#historyicon>a:hover{background-color: #0057ff;}
#historyicon>a:hover>span{color: white;}
#historyicon>a>i{margin-right: 5px;}

.my_page{ width:100%; height:100%; min-height:700px; border:0px; padding-top:50px;}
/*-------------------------------------*/
/*---profile이미지 -----*/
/*---history-----*/
#historyicon2{text-align: left; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3;padding-bottom: 5px;}

/*----프로필이미지변경 --------*/
#delete_imgform{display: none;}
#change_imgform{width: 310px; position: fixed; top: 120px; left: 50%; margin-left: -170px; background: #dbeafe; padding: 20px; text-align: center; display: none;z-index: 9;}
#Preview>img{margin: 10px 0px;}
#change_imgform input:nth-last-child(3){width: 75px; height: 40px; background-color: #2e75b6; color: white; border: 0px; border-radius: 0.25rem; font-size: 16px; cursor: pointer; font-size: 18px; font-weight: 700;}
#change_imgform input:nth-last-child(3):hover{background-color: #245c90;}
#change_imgform input:nth-last-child(2){width: 75px; height: 40px; background-color: #f24646; color: white; border: 0px; border-radius: 0.25rem; font-size: 16px; cursor: pointer; font-size: 18px; font-weight: 700;}
#change_imgform input:nth-last-child(2):hover{background-color: #b93535;}
#change_imgform input:nth-last-child(1){width: 75px; height: 40px; border:1px solid #f24646; background: #FFF; color: #f24646;  border-radius: 0.25rem; font-size: 16px; cursor: pointer; font-size: 18px; font-weight: 700;}
/*마이페이지*/
#mymenu{width: 360px;padding: 20px;}
#mymenu>ul>h3{font-size: 20px;}
#mymenu>ul{padding: 0px; display: block; width: auto;border-radius: 8px;}
#mymenu>ul>li>a{font-size: 15px; padding: 2px 10px;display: block; cursor: pointer}
#mymenu>ul>li{display: block;}
#mymenu>ul>li:hover:not(#library_list){text-decoration: underline; font-weight: 700;}

#library_list{display: none;}
/*-------------업로드-------------------*/


#mapkeyword_tagsinput{overflow: hidden;  height: 45px!important; padding-top: 5px; padding-left: 5px; margin-top:5px; border:1px solid #CED4DA !important; color:#787878 !important; border-radius: 5px;}
#mapkeyword_tagsinput input { font-size:16px !important;}
#mapkeyword_tag{width: auto!important}/*태그입력  히든*/

#upload_title{width:100%; max-width:900px; margin:0px auto; text-align: left; font-size:30px; padding: 35px 0px 20px 0px ;}
#upload_title > span {font-weight:normal; display:inline-block; color:#808080; font-size:16px; padding-left:15px;}
#upload_form{width:100%; max-width:900px; margin:0 auto; text-align: left; background-color: #fff; padding: 30px; display:flex; flex-direction: column;}

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

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

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

#insertFiles tbody tr td{height: 30px; line-height: 30px;}
#insertFiles>tbody>tr>td>span{display: block;}
#insertFiles>tbody>tr>td>span>span{display: inline-block;width: 30%; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; max-width: 30%;}
#insertFiles>tbody>tr>td>span>input{width:40%;height:30px; line-height:22px; vertical-align: top;}
#insertFiles>tbody>tr td>input{height:30px; line-height:22px; vertical-align: middle;}

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

.filely_inputbox {
  background-color:#fff;
  position: absolute !important;
  border-radius: 15px;
  width:350px !important;
  opacity: 100% !important;
  top:50%;
  left: 50%;
  z-index:11;
  padding:15px!important;
  margin:0px 0px 0px 0px!important;
  transform: translate(-50%, -50%);
}

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

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

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

.filely_inputbox > .filebox {
  padding:0px 10px 15px 10px;
  
}

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

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

/*------------------------블로그------------*/
/*전체 틀*/
#blog_contents{max-width: 1014px; width: 90%; height: auto; text-align: center; margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; background-color: #FFF}
/*메뉴*/
#blog_sort{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-pack: distribute;-webkit-box-pack: justify;justify-content: space-between; padding: 5px 10px; width: 100%;}
#blog_sort>a{width: 25%; display: inline-block; border-top: 2px solid #d0d8e4;}
#blog_sort>a:nth-child(1){border-top: 2px solid #013E98;font-weight: 700;}

/*박스*/
.blog_box{width: 100%; background: #ffffff; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap;-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);box-shadow: 0 1px 3px rgba(0,0,0,0.2); border-radius: 4px; border: 1px solid #ececec; margin-bottom: 10px; padding: 5px;}
/*박스 1,2*/
.blog_box>div{width: 50%; height: 300px; display: inline-block;}
.blog_info{padding: 20px; cursor: pointer; padding-bottom: 0px;}
.b_title{line-height: 31px;height: 93px; text-align: left; overflow: hidden; text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.b_con{height: 63px; line-height: 21px; text-align:  left; overflow: hidden; text-overflow: ellipsis;margin: 50px 0px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; }
.b_date_time{text-align: right; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #ececec;}
.b_date_time>p{margin-bottom: 0px;}
.bigsize_img{max-width: 500px;max-height: 300px; height: 300px; z-index: 2;}


#blog_view{max-width: 1014px; width: 90%; height: auto; text-align: center; margin: 0 auto; margin-bottom: 60px;}
#blog_view>h3{text-align: left;}
#b_view{margin-bottom: 20px; border-bottom: 1px solid #ececec;}
#title_img{text-align: center;}
#view_con{margin-top: 20px;text-align: left;}
#view_con>p{padding: 10px;}
#bd_con img{max-width:100%;}
#blogreview{width: 100%;-ms-flex-wrap: wrap;flex-wrap: wrap; margin: 0;display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap;padding-bottom: 10px;padding-top: 10px;}
#blogreview>textarea{width: 100%; resize: none; height: 30px; overflow: auto;  margin-left: 10px; font-size: 15px;}
#blogreview>button{width:30px; height: 30px; border: 0px;border-radius: 2px;background-color: white;color:#00b550;cursor: pointer;}
#blogreview>button>i{color:#00b550;font-size: 20px;}
#blogreview>button>i:hover{color: #008f3f;}

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

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

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

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

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


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



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

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


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
/*익스플로러에서만 작동하는 css 내용 작성*/
  #searchbar{line-height: 30px;}
/*  .my_page{height: 100%;}*/
}

/* 968 px 이하 헤더용*/
@media screen and (max-width:968px){
  .fa-bars:before {
    content: "\f0c9";
}

  #logout,#login,#footer,#TW_logo,#view_sort,#notice{display: none;}
  #notice2{margin-left: 5px;vertical-align: top; text-align: center; color: red;position: absolute;top: 10px;left: 25px;background-color: white;width: 18px;height: 18px;line-height: 18px;border-radius: 9px; display:block;}
  #head_menu{position: relative; left: 25px;}
  
#head_menu > ul {display:none;}

  #menubutton{position: fixed; top:30px; right:20px; z-index: 9999; display:block;}
  #menubutton>i{font-size: 30px;}
  #head_menu>a>i{color: #666666;}  
  #landingsearch {z-index: 1;}
  #submenu{position: fixed; top: 0; right: 0; width:100%; max-width:300px; background: #fff; border-left: 1px solid #999; padding-top: 60px; height: 100%; z-index: 11;}
  .menulist{line-height: 30px; width: 100%;font-size: 18px; border: 0px; font-weight: 700;color: #a4a4a4; cursor: pointer;}
  .menulist>ul{width: 100%; display: none; z-index: 3;}
  .menulist>ul>li{background-color: #393939;}
  .menulist>ul>li>a{display: block; width: 100%; font-size: 13px;padding-left: 15px; color: #a4a4a4;}
  
  .menulist>ul>li>a:hover{color: #fff;}
  .menulist:hover{color: #fff}
  .menulist>ul>li:hover{ background-color: #727272}
  .reviewtext{width: 100%;}
  .menulist:nth-last-child(1):hover{background-color: rgba(0,0,0,0);}
  #Event-btn{color: #a4a4a4}
  #Event-btn:hover{color: #fff}
  
  #m_menu{display: block; padding-top: 10px; display:flex; flex-direction: column}
  
  .m_button{display: block; height: 30px; line-height: 30px; border-radius: 15px; background-color: #ff7600; color: #fff; font-weight: 700; margin-left: 5px;}
  .m_button:hover{background-color: #c65b00; color: #fff}
  
  #m_profile{cursor: pointer; position: relative;}
  #m_profile>a{color: #a4a4a4;}
  #m_profile_menu{padding-left: 60px; display: none;}
  #m_profile_menu>li{height: 30px; line-height: 30px;}
  #m_profile_menu>li>a{color: #a4a4a4;}
  #m_profile_menu>li>a:hover{color: #fff;}

  #profile_form{width: 90%; padding-bottom: 0px;}
  #profile,#historyicon{display: inline-block; width: 49%; height: 180px; border: 0; padding: 20px; float: left;}
  #mymenu{width: 100%; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; clear: both}
  #mymenu>ul>li{display: inline-block;}
  .my_page{position: relative; left: 0px; width: 100%; height: auto; border: 0px; background-color: #FFF;padding: 30px;border-top-right-radius: 4px; }
}

@media (min-width:640px) and (max-width:1150px){
  #profile_form{width: 90%;}
  #profile,#historyicon{display: inline-block; width: 49%; height: 180px; border: 0; padding: 20px; float: left;}
  #mymenu{width: 100%; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; clear: both}
  #mymenu>ul>li{display: inline-block;}
  .my_page{position: relative; left: 0px; width: 100%;  border: 0px; background-color: #FFF;padding: 30px;border-top-right-radius: 4px; }
  
  #upload_form>form>div>span:nth-child(1){font-size: 16px;}
  #upload_form>form>#map_type>label{font-size: 16px;}
  #upload_form>form>#map_sell>label{font-size: 16px;}
  #doc_editModal>form>div>span:nth-child(1){font-size: 16px;}
  #doc_editModal>form>#doc_edit_type>label{font-size: 16px;}
  #doc_editModal>form>#doc_edit_sell>label{font-size: 16px;}
  
  
}
@media (min-width:1150px) and (max-width:1370px){
  #profile_form{width: 1150px;} /*iframe 730*/
}
/*view 페이지 내용들*/
@media screen and (max-width:968px){
  #profile_form{width: 100%;}
  #imgbox{width: calc(100% - 100px);position: relative; margin-top: 110px;}
  #contentsheight{max-width: 100%;}
  #mapinpo{width: calc(100% - 100px);position: relative; top: 0px; right: 0px; margin-left: 50px; margin-bottom: 50px;}
  #mapcategory{margin-top: 0px; margin-left: 50px; padding-top: 0px; border-radius: 6px; background-color: rgba(255,255,255,0.8); padding:0px 5px;}
  #mapcategory>a{line-height: 32px; font-weight: 700;}
  #inporeview>textarea{width: 100%;}
}
/* 640 px 이하*/
@media screen and (max-width:640px){
  #head_menu{left:0px;}
  #searchbar{width: 150px;}
  #profile_form{width: 100%;}
  
  #imgbox{width: 100%; margin-top: 0px; margin-left: 0px;}
  #mapinpo{width: 100%; margin-left: 0px;}
  #mapcategory{margin-left: 10px;}
  /*업로드*/
  #upload_form{padding: 0px;}
  #upload_form>form>div>span:nth-child(1){font-size: 12px;}
  #map_keyword>span:nth-child(2){display: none;}
  #mapkeyword_tagsinput{height: 90px!important;}
  #upload_form>form>#map_type>label{font-size: 12px;}
  #upload_form>form>#map_sell>label{font-size: 12px;}
  #upload_form>form>#map_kategori>label{font-size: 12px;}
  #upload_form>form>#map_kategori>input{width: 10px;}
  #upload_form>form>#map_type>input{width: 10px;}
  #upload_form>form>#map_sell>input{width: 10px;}
  
  #doc_editModal>form>div>span:nth-child(1){font-size: 12px;}  
  #doc_editModal>form>#doc_edit_kategori>label{font-size:12px;}
  #doc_editModal>form>#doc_edit_kategori>input{width: 10px;}  
  #doc_editModal>form>#doc_edit_type>label{font-size: 12px;}
  #doc_editModal>form>#doc_edit_type>input{width: 10px;}
  #doc_editModal>form>#doc_edit_sell>input{width: 10px;}
  #doc_editModal>form>#doc_edit_sell>label{font-size: 12px;}

  #blog_contents{width: 100%; height: auto;}
  /*박스*/
  .blog_box{width: 90%;margin-left: 5%; -ms-flex-wrap: wrap; flex-wrap: wrap;}
  /*박스 1,2*/
  .blog_box>div{width: 100%;height: auto;}
  .blog_box>div:nth-child(1){-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;}
  .b_title{line-height: 17px;height: 51px;}
  .b_title>h3{font-size: 15px;}
  .b_con{height: 42px; line-height: 14px; font-size: 12px; margin: 10px 0px;}
  .bigsize_img{height: 200px;}
}


.isearch {background-image: url('/img/icon/icon_search.svg'); width:36px; height:36px;  background-repeat: no-repeat; display: block;}
.landingsearch {background-image: url('/img/icon/icon_graysearch.svg'); width:36px; height:36px;  background-repeat: no-repeat; display: block;}
.iupload {background-image: url('/img/icon/icon_upload.svg'); width:29px; height:29px; background-repeat: no-repeat; display: block;}
.icheckevent {background-image: url('/img/icon/icon_checkevent.svg'); width:34px; height:34px; background-position:center; background-repeat: no-repeat; display: block;}

.inaver {background-image: url('/img/icon/icon_naver.svg'); width:30px; height:30px;  background-repeat: no-repeat; display: block;}
.ikakao {background-image: url('/img/icon/icon_kakao.svg'); width:30px; height:30px;  background-repeat: no-repeat; display: block;}
.igoogle {background-image: url('/img/icon/icon_google.svg'); width:30px; height:30px;  background-repeat: no-repeat; display: block;}
.iapple {background-image: url('/img/icon/icon_apple.svg'); width:30px; height:30px;  background-repeat: no-repeat; display: block;}

.iready {background-image: url('/img/icon/icon_ready.svg'); width:22px; height:21px; background-position:center; background-repeat: no-repeat; display: block;}


/* 맵등록 페이지 */
.category-row {
  display: flex;
  align-items: center;
  margin-bottom: 22px;
}

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

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