a {color:black; text-decoration: none;}

.pen {font-family: 'Nanum Pen Script', cursive;} /* 로고 */
.navbar-brand {font-family: 'Nanum Pen Script', cursive;
line-height: 20px}

.title, h5
{font-family: 'IBM Plex Sans KR', sans-serif; text-decoration: none;}

label
{font-family: 'IBM Plex Sans KR', sans-serif; text-decoration: none; font-size:15px;}


.title
{font-size: 20px; font-weight: bold; margin-bottom: 30px;}

h5
{font-size: 20px}

.btn1 {font-family: 'Noto Sans KR', sans-serif; font-size: 13px}

.noto {font-family: 'Noto Sans KR', sans-serif;}

.card-body, .card-text, .content-text, {font-family: 'Nanum Gothic', sans-serif; font-size: 11px;}

/* 게시판의 제목 a태그(.btn2) (상세페이지의 제목은 .title2지만 폰트 사이즈 20으로 직접 설정함) */
.title2
{color:black; text-decoration: none; font-family: 'Nanum Gothic', sans-serif; font-size: 15px;
}

/* 메인화면의 제목 */
.title_main
{color:black; text-decoration: none; font-family: 'Nanum Gothic', sans-serif; font-size: 15px;
}

/* 로고 리스트 */
.logo
{list-style-type: none;
}


/*게시판의 소개글, 저자 */
.intro1
{font-family: 'Nanum Gothic', sans-serif; font-size: 11px;}

/*메인화면의 소설 소개글 */
.intro_main
{font-family: 'Nanum Gothic', sans-serif; font-size: 11px; font-weight: lighter;}


/*편집부 추천 게시판의 소개글, 태그 */
.intro2
{font-family: 'Nanum Gothic', sans-serif;}

/* 게시판 내 태그 부분 */
.tag_board
{font-size: 11px; }

/*게시판의 작성일 */
.date1
{font-family: 'Nanum Gothic', sans-serif; font-size: 9px; color: grey}

/*게시판의 작성일에서 폰트 컬러만 해제 */
.date2
{font-family: 'Nanum Gothic', sans-serif; font-size: 9px;}


/* 콘텐츠(p태그) */
p
{color:black; text-decoration: none; font-family: 'Nanum Gothic', sans-serif; font-size: 13px; line-height: 2.0; margin-bottom: 0;}

.comment
{color:black; text-decoration: none; font-family: 'Nanum Gothic', sans-serif; font-size: 10px; line-height: 20.0px}

.comment_user
{color:black; text-decoration: none; font-family: 'Nanum Gothic', sans-serif; font-size: 11px;
font-weight: bold}


.p2
{color:black; text-decoration: none; font-family: 'Nanum Gothic', sans-serif; font-size: 15px;}

input::-webkit-input-placeholder { font-size: 70%; }
input::-moz-placeholder { font-size: 70%; }
input:-ms-input-placeholder { font-size: 70%; }
input:-moz-placeholder { font-size: 70%; }
input::placeholder { font-size: 70%; }

textarea::placeholder { font-size: 80%; }
textarea::-webkit-input-placeholder { font-size: 80%; }
textarea::-moz-placeholder { font-size: 80%; }
textarea:-ms-input-placeholder { font-size: 80%; }
textarea:-moz-placeholder { font-size: 80%; }

.penpen {font-size: 1px !important;}

/* container1은 검색창과 창작하기 영역 */
.container1
{width: 80%;
margin: 20px auto;}

/* container2는 각 개인방의 메인 본문 */
.container2
{width: 90%;
margin: 20px auto;}

/* container3은 메인 소설 게시판(최신순) */
.container3
{width: 96%;
margin: 50px auto;}

/* container_search는 검색페이지 */
.container_search
{width: 90%;
margin: 30px auto;}


/* container_create는 작성페이지 */
.container_create
{width: 100%;
margin: 50px 0;}

/* 작가 상세 페이지의 작가 인포 부분 */
.container_user
{width: 70%;
margin: 50px auto;
position: relative;
top:-80px;}


/* 메인 소설 화면의 조회순, 인기순, 편집부추천 레이아웃 */
.main_2
{display: flex;
flex-direction: column;}

/* container4는 전력 게시판 */
.container4
{width: 96%;
margin: 50px auto;}

/* container5는 랭킹 게시판 */
.container5
{width: 96%;
margin: 10px auto;}

/* 소설 게시판 화면 배열 */
.container_content
{display: flex; flex-direction: column-reverse;}

/* 대문 화면 배열 */
.container_content2
{display: flex; flex-direction: column;}

.container_content3
{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;}

.container_content_couple
{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;}

/* 개인방 베스트 만화 게시판 */
.container_content3_bestmanga
{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}

.container_content3_tag
{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;}

/* 만화, 일러 수정페이지 내 기존 이미지 배열 */
.container_content4
{display: flex; flex-direction: row; flex-wrap: wrap;}

/* 작가 페이지의 연성 */
.container_content_shorts
{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around;}

/* 커플방 */
.container_couple1
{width: 100%; flex-direction:column-reverse;}

.container_couple2
{width: 100%; flex-direction:column;}

/* 메인화면 양측 배너(모바일) */
.banner_m
{width: 100%;}

/* 메인화면 양측 배너(pc) */
.banner_p
{width: 0px; height: 0px;}

/* 배너 이미지 */
.banner_img
{width: 100%;}

/* 페이지네이션 */
.pagination1
{display: flex;
color: black;
float: center;
padding: 8px 16px;
text-decoration: none;
list-style-type: none;}

/* door는 각 개인방의 대문 사진 */
.door 
{border-style:none; 
border-radius: 3%;
width: 1300px;
margin: 20px auto;}

/* 상세 페이지 인트로 */
.row {margin: 20px auto 50px auto}

/* 게시판, 상세 포스트 페이지 등에서 표지 이미지와 텍스트 정렬 */
.board1
{display: flex;}

.toons
{display: flex; flex-direction: row;}

/* 게시판의 제목, 소개글, 저자, 작성일 등의 리스트 */
.list1
{list-style-type: none;
margin: 5px auto;
line-height: 2.0;}


.list2
{list-style-type: none;
line-height: 1.5;}

/* 최신 연성 게시판*/
.shorts
{padding-left:0;}

/* 검색 페이지 게시글 헤드 이미지 */
.search_img
{width: 70px; height: 93.3px}

/* 검색 페이지 게시글 헤드 이미지 */
.search_img_auth
{width: 70px; height: 93.3px}

/* 게시판 게시글 헤드 이미지 */
.img2
{width: 70px; height: 93.3px}

/* 편집부 추천 게시판 헤드 이미지 */
.img3
{width: 70px; height: 93.3px}

.img4
{width: 100%; height: 172px;}

/* 유저 페이지의 대문 이미지 */
.main_img{
 height: 93px;
}


/*커플방의 영업인기 만화, 일러스트 구역 패딩 */
.couple_manga{
 padding-left:5px;
 padding-top:0;
 padding-bottom:0;
 padding-right:5px;
}

/* 마이페이지 구독자 아바타 */
.my_avatar{
 width: 20px;
 height: 20px;
}

/* 해외 글 게시판의 해외 작가 이미지 */
.foreigner{
 width: 40px;
 height: 40px;
}

.foreign_img{
 width:40px;
 text-align:center;
 margin-top:10px;
 margin-left: 10px;
}

/* 태그 검색 결과 창 작가 이미지 */
.tag_user{
 width: 80px;
 height: 80px;
}

/* 만화, 일러스트 게시판 내 이미지와 제목, 내용 영역 */
.image_wrapper{
    position: relative;
    padding-top: 100%;
}

.image_wrapper .child{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.image_wrapper_detail{
    position: relative;
    padding-top: 133%;
}

.image_wrapper_detail .child_detail{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}


.image_wrapper_rect{
    position: relative;
    padding-top: 133%;
}

.image_wrapper_rect .child_rect{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

/* 만화 타이틀, 작가 왼쪽 들여쓰기와 위 마진 */
.manga_title
{margin-top: -11px; padding-left:3px;}


/* 개인방 */
.toonpage_img_couple
{width: 50%;}

/* 개인방 최신 만화 */
.toonpage_img_couple_latest
{width: 50%;}

/* 작가 검색 큰 화면 배열 */
.usersearch_lg
{width: 10%; margin: auto 10px;}

/* 글로벌 홈(커플명) 최신 만화, 일러스트*/
.toonpage_img_global
{width: 50%;}

/*글로벌 홈(커플명) 영업 인기 만화, 일러스트 */
.global_img
{padding:0px;}

/* 개인방 베스트 만화*/
.toonpage_img_couple2
{width: 50%; height: 300px;}

/* 개인방 전력 게시판*/
.toonpage_img_topic
{width: 50%;}

/* 만화, 일러스트 게시판 내 이미지와 제목, 내용 영역 */
.toonpage_img
{width: 50%;}

/* 태그 게시판 내 만화 */
.toonpage_img_tag
{width: 50%; height: 300px;}

/* 만화, 일러스트 수정페이지 내 기존 이미지 */
.toonpage_img_edit
{width: 25%; height: 70px;}

/* 상세글 아래 이전글, 다음글 헤드 이미지 */
.img5
{width: 40px; height: 53.3px}

/* 작성 페이지의 무료 표지 이미지 */
.img_cover
{width: 60px; height: 79.8px}


/* 메인 화면 소설 이미지 */
.img_main
{width: 70px; height: 93.3px}

/* 작가 상세 페이지의 아바타 */
.user_page_avatar
{width: 50px; height: 50px; }

/* 개인방 커플 일러 */
.couple_door
{width: 150px; height: 150px; border-radius: 15px;}

.couple_door_bg
{width: 150px; height: 150px; margin: 10px auto 10px auto; border-radius: 25px;}


/* 개인방 커플 태그 */
.couple_tag{font-size: 13px;}


/*이미지 내 저자 표시*/
.source
{position:absolute; bottom: 5px; right: 5px; font-size: 10px; line-height: 1.0;}

/* 상세글 아래 이전글, 다음글 테이블 */
.table1
{width: 100%; border-radius: 25px;}

/*상세 페이지 좋아요, 북마크, 조회수 영업 등 */
.bookmark_etc
{width:100%; margin-left: -15px;}

/*연성 상세 페이지 좋아요, 북마크, 조회수 영업 등 */
.bookmark_etc_shorts
{width:100%; margin-left: -25px;}

/*댓글 입력 폰트 */
.replyinput
{line-height:1.0; font-size:12px; font-weight: normal;}

/* 영업 '좋아요', 시리즈 '좋아요' 버튼 */
.pr_btn
{width: 90%; font-size: 12px;}

/* 상세페이지에서 영업할 때 기존 영업 포트폴리오에 담기 */
.pr_list
{display:none;}

/* 개인방 태그 */
.btn_t
{border-style: none; width: 70px; font-size: 10px;}


/* 인기 커플방 태그들 전체 */
.tags
{width: 100%;}

/* 태그 개별 */
.tag
{line-height: 10px;}

.img-fluid
{width: 200px; height: 266.6px;}


hr
{color: grey;}

/* 태그 페이지 소설, 만화, 일러스트 버튼 */
.tag-a
{
    text-decoration: none;
  }

.tag-on
{
    text-decoration: none;
    box-shadow: 0 20px rgba(75, 112, 253, 0.3) inset;
  }
.tag-a { display: inline; }


/* 작가 페이지 소설, 만화, 일러스트 버튼 */
.cat-u:link
{
    text-decoration: none;
    box-shadow: 0 -6px rgb(250, 237, 125) inset;
  }

.cat-u:visited {
    text-decoration: none;
    box-shadow: 0 -6px rgb(250, 237, 125) inset;
  }

.cat-u { display: inline; }

/* 작가 페이지의 닉네임, 바이오 등 속성들 */
.user_nickname
{text-align: center; margin-top:10px;}

.user_info
{text-align: center; font-size: 9px;}

.user_bio
{font-size: 13px; text-align: center;}

.user_main
{margin: 20px auto;}

/* 작가 페이지의 프로필 */
 .profile
 {margin-top:-30px;}


.hide {
    display: none; }

.itemBoxHighlight {

    border:none;

    width:150px;

    height:120px;

    padding:10px;

    margin-bottom:10px;

    background-color:rgb(204,204,204);

}

/* ios 터치 스크롤 */
body { -webkit-overflow-scrolling: touch; }



.delBtn {width:40px; height:40px; position:absolute; font-size:20px; border-radius:25%; line-height:26px; border-style:solid;
                  right:0px; bottom:0px; z-index:999; color:grey; border-color:grey; cursor:pointer;}





/* 작성 페이지의 인풋 태그 스타일 */
.form_input {
margin: 50px auto;}


/* 파일 올리기 관련 */
.upload-name {
      height: 40px;
      padding: 0 10px;
      vertical-align: middle;
      border: none;
      background-color: white;
      width: 60%;
      color: #999999;
      border-radius: 5px;
    }

.upload-label {
      padding: 10px 20px;
      color: #fff;
      vertical-align: middle;
      background-color: rgba(0, 53, 109, 0.95);
      cursor: pointer;
      height: 40px;
      margin-left: 10px;
      border-radius: 5px;
      line-height: 25px;
    }

.upload-file {
      position: absolute;
      width: 0;
      height: 0;
      padding: 0;
      overflow: hidden;
      border: 0;
    }



#att_zone {
  width: 90%;
  min-height: 350px;
  padding: 10px;
  border: 1px solid grey;
  margin: 50px auto;
}



.itemBox {margin: 5px}


div ul line{display: inline-block;}



#user-img
{width:20px; height:20px; border-radius: 50%;}