/* 리셋css 시작 */

 * { margin: 0; padding: 0; border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
   box-sizing: border-box; }

img { max-width: 100%; }
ol { list-style-position: inside; }

/* 리셋css 종료 */



html { font-family: Arial, Verdana, sans-serif; font-size: 15.5px; color:#111; }
body { background: #E7E6E8; }

header, .favlist li, #nav_menu, .sonav2 li, .sonav3 li, .sonav4 li, .thumb_list li, 
#communitynav_box, .textlist li, .sonav1 li, .topnavi, .txtlist li
{   background: #fff; border-radius: 0px; }

#wrap {  width: 100%; margin: 0 auto; background: #E7E6E8; padding: 0;}
#wrap-one {  width: 100%; margin: 0 auto; background: #E7E6E8; padding: 0;}

#wrap ul { list-style: none; }
#wrap ul li { list-style-type: none; overflow: hidden; }

header {  margin-bottom: 0.3rem; padding: 0.8rem 0.8rem 0.5rem 1rem; background: #fff;}
header img { height: 1.5rem; vertical-align: middle; display: inline-block; margin-bottom: 0.3rem;}
#headertitle { font-weight: bolder; font-size: 1.5rem; display: inline-block; color: #222222;
 text-shadow: 0.1px 0.3px 0.5px #cacaca; }
.headerright { font-weight: normal; font-size: 1.2rem; display: inline-block; float: right; 
padding: 0.7rem 1rem; border-left: 2px solid #E7E6E8; }


.list-header { float: right; margin-right: 0.2rem; font-size: 0.95rem; margin-top: 0.3rem; }

#content { float: right; width: 63%; overflow: hidden; }
#content-short { float: right; width: 62%; overflow: hidden; }
#content_oneside { float: right; width: 70%; overflow: hidden; }
#communitycontent { float: right; width: 58%; overflow: hidden; }
#content-full { width: 100%; padding: 0 0.5rem 0 0.5rem; }
#content-slim-side { float: right; width: 66%; overflow: hidden; }
#content-one { width: 100%; padding: 0; }


#nav_box { width: 35%; float: left; font-size: 0.93rem; background: #fff; }
#nav_box-long { width: 36%; float: left; font-size: 0.93rem; background: #fff; }
#nav_box_oneside { width: 28%; float: left; font-size: 0.95rem;  background: #fff; }
#nav-box-full { width: 100%; font-size: 0.98rem; background: #fff; padding: 0.1rem 0.5rem;
margin-bottom: 0.5rem; }
#nav_box-slim-side { width: 32%; float: left; font-size: 0.93rem; background: #fff; }

.full-box { width: 100%; margin-bottom: 0.3rem; background: #fff; }


.boxele-title { width: 100%; padding: 0; }
.boxele-title li { width: 50%; float: left; font-weight: bold; font-size: 1.1rem; 
padding: 0.5rem 0.1rem; text-align: center; }
.boxele-title-r { border-left: 3px solid #E7E6E8; border-bottom: 3px solid #E7E6E8; }
.boxele-title-l { border-right: 3px solid #E7E6E8; border-bottom: 3px solid #E7E6E8; }

.navmenu { width: 100%; font-size: 0.98rem; padding: 0.5rem 0.2rem 0.5rem 0.2rem; }
.navmenu li { float: left; padding: 0.3rem 0.28rem 0.3rem 0.28rem; font-size: 0.98rem; 
border-radius: 0.1rem; margin: 0;  }
.navmenu img {  margin: 0 0 0.1rem 0; vertical-align: middle; height: 1.1rem; }
.navbutton { width: 100%; font-size: 1rem; padding: 0.7rem; border-bottom: 7px solid #E7E6E8; }


#nav-box-full .navmenu li { border-radius: 0.5rem; margin: 0.2rem; font-size: 1rem;
border: 1px solid #333; padding: 0.3rem 0.4rem 0.3rem 0.4rem; }

.search-menu { width: 100%; font-size: 1rem; margin-bottom: 0.23rem;
padding: 0.5rem 0.2rem 0.5rem 0.2rem; background: #fff; }
.search-menu li { float: left;  padding: 0.3rem 0.28rem 0.3rem 0.28rem; 
border-radius: 0.1rem; margin: 0;  }

.navmenu-one { width: 100%; font-size: 1rem; padding: 0.3rem; }
.navmenu-one li { padding: 0.3rem 0.5rem; font-size: 0.98rem; border-radius: 0.2rem; }

.navmenu-two { width: 100%; font-size: 1rem; padding: 0.3rem; }
.navmenu-two li { float: left; width: 50%; padding: 0.3rem; font-size: 0.97rem; border-radius: 0.2rem; }

.navline { width: 100%; height: 1px; clear: both; background: #E7E6E8; margin: 0.38rem 0 0.38rem 0; }
.navtitle { margin: 0.57rem 0 0.2rem 0.3rem ; color: #3f3f3f; font-weight: bold; font-size: 1.1rem; }

.navmenupre { width: 100%; clear: both; font-size: 1rem; padding: 0.3rem 0; }
.navmenupre li { float: left; padding: 0.5rem; }

.newnavmenu { width: 100%; clear: both; padding: 0.7rem 0 0.7rem 1rem; }
.newnavmenu img {  margin: 0 0.2rem 0.1rem 0; vertical-align: middle; height: 1rem; }

.topnavi { width: 100%; font-size: 1rem; padding: 0.7rem 0rem 0.6rem 0.3rem; background: #fff; margin-bottom: 0.5rem;}
.topnavi li { display: inline-block; padding: 0.2rem; font-size: 0.97rem; border-radius: 0.2rem; }
.topnavi-title { padding: 0.1rem 0.1rem 0.2rem 0.2rem; color: #3f3f3f; font-weight: bold; font-size: 1.1rem; } 

.navi-button { width: 100%; font-size: 0.97rem; padding: 0.1rem 0 0.1rem 0; }
.navi-button li { display: inline-block; margin: 0 0.15rem 0.5rem 0.15rem; background: #fff; text-align: center; 
padding: 0.3rem; border-radius: 0.5rem;}

.smalltext { font-size: 0.9rem; }

#navmenu_oneside { width: 100%; clear: both; font-size: 1rem; }
#navmenu_oneside li { width: 100%; padding: 0.5rem;  }

.prebox { font-size: 1rem; margin-top: 1rem; }


#newitembox { width: 100%; clear: both; font-size: 1rem; padding: 0.7rem; border-bottom: 0.3rem solid #E7E6E8; }
#newitemboxbottom { width: 100%; clear: both; font-size: 1rem; padding: 0.7rem; border-top: 0.3rem solid #E7E6E8; }


#navbutton { width: 100%; clear: both; font-size: 1rem; padding: 0; }
#navbutton li { width: 48%; float: left; margin: 0% 0% 2% 2%; background: #fff; text-align: center; 
height: 2.8rem;  line-height: 2.8rem;  border-radius: 2px;}

#communitynav_box { width: 40%; float: left; font-size: 0.95rem; padding: 0;}
#communitynav_menu { width: 100%; clear: both; font-size: 1rem; }
#communitynav_menu li { width: 50%; float: left; padding: 0.5rem ; overflow: hidden; }

.nav_boxtitle { clear: both; padding: 0.5rem; background: #9f9f9f; }
.nav_boxline { clear: both; height:1px; background: #E7E6E8; margin: 0;}

footer { font-size: 0.8rem; padding: 3rem 0 1rem 0; color: #3f3f3f; text-align: center; }

a:link {text-decoration: none; color: #333;}
a:visited {text-decoration: none; color: #333;}
a:active {text-decoration: none; color: #333; }
a:hover {text-decoration: none; color: #333; }


.textright { float: right; padding-right: 1.2rem; font-size: 0.8rem; }

.clearboth_box { clear: both; width: 0; height: 0; }

.list-bottom { margin-left: 1em; }


.textbox { width: 100%; font-size: 1rem; margin-top: 5px; background: #fff; 
padding: 1rem 1rem 0 1rem; }
.textline { font-size: 1rem; padding-bottom: 1rem; line-height: 1.5; }
.textbold { font-weight: bold; font-size: 1.1rem; }



.favlist { width: 100%; font-size: 0; clear: both; margin-top: 5px; }
.favlist li { height: 3.2rem; font-size: 0.98rem; margin-bottom: 5px; 
padding-left: 0.8rem; line-height: 3.2rem; overflow: hidden; }
.favlist img {  margin: 0 0.5rem 0.25rem 0; vertical-align: middle; height: 1.4rem; padding-right: 0rem;
border-right: 0;}


.favlist li a { display: block; }



.txtlist { width: 100%; clear: both; margin-top: 5px; }
.txtlist li { font-size: 0.98rem; margin-bottom: 5px; padding: 0.8rem; line-height: 1.7;
background-image: url( "/favimage2/button-arrow.png" ); background-repeat: no-repeat; 
background-position: right 50%; background-size: 1rem; background-origin: content-box; }
.txtlist img {  margin: 0 0.5rem 0.1rem 0; vertical-align: middle; height: 1.5rem; padding-right: 0rem;
border-right: 0;}

.favlist li:hover, .sonav2 li:hover, .sonav3 li:hover, .sonav4 li:hover, .sonav1 li:hover,
.navmenu li:hover, details summary:hover, .navmenu-one li:hover, .boxele-title li:hover, 
.txtlist li:hover, .search-menu li:hover, .round li:hover
{ background: #f7f7f7; }


.favpost { width: 100%; font-size: 0.98rem; margin-top: 5px; background: #fff; line-height: 1.7;
padding: 0.1rem 1rem 1rem 1rem; color:#111; }

.favpost h2 { font-size: 1.2rem; margin-top: 1rem; margin-bottom: 0.1rem;  font-weight: bold; }
.favpost h3 { font-size: 1rem; margin-top: 1rem; margin-bottom: 0.1rem;  font-weight: bold; }




.fav-s { width: 3.5rem; display: inline-block;  
 border-left: 0; }
.fav-l { width: calc(100% - 3.5rem); display: inline-block;  }
.fav-s img { margin: 0 0 1.6rem 0.95rem; border-right: 0; }

.fav-s::before { content:""; display: inline-block; height: 1.8rem; width: 1px;
 background: #CFCFD0; margin-left: -0.7rem; margin-top: 0.7rem; }

.button-right { font-weight: normal; font-size: 1rem; display: inline-block; float: right; 
padding: 0.5rem 1rem; margin: 0.3rem 0.3rem;
box-shadow: 0px 0.2px 0.5px 0.2px #cacaca;  background: #fff; border-radius: 0.7rem; }

.textlist { width: 100%; clear: both; font-size: 0.95rem; margin-top: 5px; }
.textlist li { height: 3rem; margin-bottom: 0.5rem; padding-left: 1rem; line-height: 3rem; 
 border-left: 0.1rem solid #5f5f5f; }

h1 { margin: 0.1rem 0 0.5rem 0.2rem; color: #3f3f3f; font-weight: bold; font-size: 1.16rem; }
h2 { font-weight: bold; margin-top: 1rem; margin-bottom: 0.5rem; }
h3 { font-weight: bold; margin-top: 1.5rem; margin-bottom: 0.5rem; }
h4 { font-weight: bold; margin-top: 1rem; margin-bottom: 0.5rem; }
h5 { font-weight: bold; }

.sotitle { font-size: 1rem; margin: 1.2rem 0 0.3rem 0.2rem; color: #3f3f3f; font-weight: bold; }
.sotitle_first { margin: 0.1rem 0 0.5rem 0.2rem; color: #3f3f3f; font-weight: bold; font-size: 1rem; }
.sotitle_right { float:right; margin-right: 0.5rem; font-size: 1rem; font-weight: normal; }

article { font-size: 1rem; margin-top: 5px; margin-bottom: 0.5rem;
background: #fff; padding: 1rem; line-height: 1.7; }

.less-padding { padding: 1rem 0.5rem; }


.post-link { margin: 1rem 0; padding: 1rem; font-size: 1.1rem; border: 1.2px solid #5f5f5f; }

article a { padding: 0.2rem; }
article a:link {text-decoration: none; color: #3366ff;}
article a:visited {text-decoration: none; color: #3366ff;}
article a:active {text-decoration: none; color: #3366ff; }
article a:hover {text-decoration: none; color: #3366ff; background: #f7f7f7; }

article p { margin-bottom: 1rem; }
article table { margin-bottom: 1.5rem; }

article table {
            width: 100%; margin: 1rem 0;
            border-collapse: collapse; /* 테두리 선 겹침 방지 */
        }
article table, th, td {
            border: 1px solid #9f9f9f; /* 테두리 선 추가 */
        }
article td {
            padding: 0.7rem; /* 내용과 테두리 간 여백 */
            text-align: left; /* 텍스트 왼쪽 정렬 */
        }
article th { padding: 0.7rem;
            background-color: #f5f5f5; text-align: center; /* 헤더 배경 색상 */
        }

article .morebox { padding: 0.7rem; margin: 1rem 0; border: 1px solid #333; }

.center-title { font-size: 1.7rem; text-align: center; font-weight: bold; }

.a-padding { }
.a-padding a { padding: 0.25rem 0.2rem; display:inline-block; }



.ele-box { font-size: 1rem; margin-top: 0.2rem; margin-bottom: 0.2rem; 
background: #fff; padding: 0.5rem 1rem; }

.ele-box-title { display: inline-block; font-weight: bold;   
 margin-right: 0.1rem; padding: 0 0.5rem 0 0.2rem; border-right: 0.1rem solid #E7E6E8; }

.ele-box a { display: inline-block; padding: 0.2rem; }
.ele-box a:link {text-decoration: none; color: #3366ff;}
.ele-box a:visited {text-decoration: none; color: #3366ff;}
.ele-box a:active {text-decoration: none; color: #3366ff; }
.ele-box a:hover {text-decoration: none; color: #3366ff; background: #f7f7f7; }



#content-full h1 { font-size: 1.35rem; }
#content-full h2 { font-size: 1.25rem; }
#content-full h3 { font-size: 1.15rem; }
#content-full .sotitle { font-size: 1.35rem; }

#content-one h1 { margin: 5px 0 5px 0; padding: 1rem 1rem; font-size: 1.6rem; color: #111; 
background: #fff; line-height: 1.5; }
#content-one h2 { font-size: 1.6rem; margin-top: 1.5rem; }
#content-one h3 { font-size: 1.45rem; }
#content-one h4 { font-size: 1.25rem; }

#content-one ul { list-style-type: disc;  }
#content-one ul li { padding: 0.2rem 0.1rem 0.1rem 0.7rem; }
#content-one ol li { padding: 0.2rem 0.1rem 0.1rem 0.7rem; }

#content-one ul, #content-one ol { margin-bottom: 1rem; }
#content-one ul li::marker { font-size: 0.8rem; }

.sonav2 li, .sonav3 li, .sonav4 li, .sonav1 li
{ float: left; height: 2.8rem; line-height: 2.8rem; text-align: center; padding: 0; font-size: 0.96rem; 
 border-right: 1px solid #E7E6E8; border-bottom: 1px solid #E7E6E8; overflow: hidden; }

.sonav2.smalltext li, .sonav3.smalltext li, .sonav4.smalltext li,
.sonav1.smalltext li { font-size: 0.92rem; }

.sonav2, .sonav3, .sonav4, .sonav1 { margin: 0;}

.sonav1 li { width: 100%;  }
.sonav2 li { width: 50%; }
.sonav3 li { width: 33.3%;  }
.sonav4 li { width: 25%;  }

.sonav1 a:nth-child(1n) li { border-right: 0px; }
.sonav2 a:nth-child(2n) li { border-right: 0px; }
.sonav3 a:nth-child(3n) li { border-right: 0px; width: 33.4%; }
.sonav4 a:nth-child(4n) li { border-right: 0px; }

#sonavpoint { border-bottom: 0.3rem solid; font-weight: bold; }

details { margin: 0; padding: 0; }
details summary { height: 2.8rem; line-height: 2.8rem; text-align: center; padding: 0; font-size: 0.95rem; 
  background: #fff; width:100%; border-bottom: 1px solid #E7E6E8; }
/* --마커 삭제-- summary::-webkit-details-marker { display: none; } */
summary { cursor: pointer; } 

summary::marker { content: "+ "; } 
details[open] summary::marker { content: "- "; }

/* --후방 마커-- summary::after { content: ' 더보기 +'; }
details[open] summary:after { content: " 접기 -"; } */

.thumblist {  width: 100%;  clear: both; background: #fff; padding: 0.1rem 0rem 0.5rem 0.6rem; }
.thumblist li { padding: 0.5rem 0.7rem; text-align: center; margin: 0.5rem 0.5rem 0 0; 
display: inline-block; overflow: hidden; border-radius: 2px; border: 1px solid #E7E6E8; }



/* 공유버튼 */
.sharebutton3 { width: 100%; overflow: hidden; margin-bottom: 0.5rem; }
.sharebutton3 li { margin-right: 1rem; float: left; }
.sharebutton3 li img { height: 1.5rem; }

.sharebutton2 { width: 100%; overflow: hidden; margin-top: 1rem; }
.sharebutton2 li { margin-right: 1rem; float: left; }
.sharebutton2 li img { height: 1.9rem; }


/* 뉴메뉴 */
.newnav {  }
.newnav img { height: 0.92rem; }




/* 단순 썸네일 */
.thumb_list {  width: 100%;  clear: both; margin: 0 auto; overflow: hidden;  font-size: 0.95rem; margin: 0.5rem 0 0.5rem 0;}
.thumb_list li { height:3rem; line-height: 3rem; float: left; width: 31.33%; text-align: center; margin: 1%; overflow: hidden; }

/* 글 두줄 */
.twotext { line-height: 1.4rem !important; }


/* 로딩화면 */
#load {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 0.8;
    background: white;
    z-index: 99;
    text-align: center;
}

#load img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
}



/* ------- 이 아래로는 임시  -------- */





/* 반응형 설정 시작 */

@media screen and (min-width:1024px) {

  
  #wrap { width: 970px; }  
  #wrap-one { width: 780px; }  
  #content { padding-bottom: 0; }
  #navbutton li { width: 23%; }

  article { font-size: 1.2rem; padding: 1rem 2rem; }

  #content-full { padding: 0; }
  #content-one { padding: 0; }

  #nav_box { width: 29%; padding: 0; }
  #content { width: 69%; }
  
  #nav_box-slim-side { width: 23%; padding: 0; }
  #content-slim-side { width: 75%; }
  
  .navmenu { padding: 0.5rem 0.3rem 0.5rem 0.3rem; }
  .navtitle { margin: 0.35rem 0 0 0.35rem ; }
  #content-short { float: right; width: 69%; overflow: hidden; }
  #nav_box-long { width: 29%; float: left; font-size: 0.93rem; background: #fff; }

  }