/* globally definition */
    html, body { width:100%; background-color:#fff; font-size:0.9em; } /* 좌우스크롤 방지라는데 앱에선 상관이 없을지도 */
    a { color:#323232; }
    a:link, a:visited, a:hover, a:active { text-decoration:none; } /* a href를 안쓰는 갬성이라 필요 없을지도 */
    ::placeholder { color:#ababab; font-size:1em; } 
    .placeholder-detail { white-space:nowrap; position:absolute; bottom:0; right:2px; } /*상위요소에 psrl(position:relative)정의필수*/
    button { appearance:none; -webkit-appearance:none; border:0; margin:0; padding:0; background-color:inherit; white-space:nowrap; }
    button:disabled { opacity:0.5;}
    select { appearance:none; -webkit-appearance:none; }
    /* fixed layout */
    .top-nav { position:fixed; width:100%; height:44px; top:0; left:0; right:0; bottom:auto; line-height:44px; background-color:#fff; user-select:none; }
    .top-nav>.top-box { width:100%; display:flex; align-items:center; justify-content:space-around; }
    .top-nav>.top-box>.top-box-l { width:10%; text-align:left; padding-left:12px; }
    .top-nav>.top-box>.top-box-c { width:80%; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:12px;}
    .top-nav>.top-box>.top-box-r { width:10%; text-align:right; padding-right:12px; }
    .top { position:fixed; width:100%; height:44px; top:0; left:0; right:0; line-height:44px; user-select:none; border:1px solid #dbdbdb; background-color:#fff; }
    .top>.top-box { width:100%; display:flex; justify-content:space-between; }
    .top>.top-box>.top-box-l { width:10%; font-size:1.5rem; color:#999; text-align:left; margin-left:4px; }
    .top>.top-box>.top-box-c { width:75%; text-align:center; font-size:1.2rem; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0 4px; }
    .top>.top-box>.top-box-r { width:10%; font-size:1.5rem; color:#999; text-align:right; margin-right:6px; }
    .mid { position:fixed; width:100%; top:46px; left:0; right:0; bottom:44px; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; }
    .mid-set { position:fixed; border:0; top:46px; left:0; right:0; bottom:44px; overflow-y:auto; -webkit-overflow-scrolling:touch; overflow-x:hidden; }
    .mid-set>.profile>.wrap-proflie { display:flex; align-items:center; }
    .mid-set>.profile>.wrap-proflie>.thumb-profile { width:30%; }
    .mid-set>.profile>.wrap-proflie>.thumb-profile img { width:50%; height:60%; border-radius:50%; margin:1.2rem; }
    .mid-set>.profile>.wrap-proflie>.infos-profile { width:70%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }/*왜 말줄임표...가 안생기지?*/
    .mid-set>.profile>.wrap-proflie>.infos-profile>.name-profile { font-size:1.2rem; font-weight:bold; color:#262626; }
    .mid-body input[type=text],input[type=password] { border:1px solid #dbdbdb; font-size:.8rem; width:100%; height:44px; padding-left:6px; }
    .bot-nav { position:fixed; width:100%; height:44px; bottom:0; user-select:none; }
    .jg { display:none }
    .iphone-notch-bottom, .ibot { position:fixed; top:env(safe-area-inset-top); right:env(safe-area-inset-right); bottom:env(safe-area-inset-bottom); left:env(safe-area-inset-left); pointer-events:none; contain:strict; z-index:-9999; }
    /* frequently used */
    .display-block, .dpok { display:block; } 
    .display-none, .dpno { display:none; } /*부모요소에 dpno를 설정하고 자식요소에 flex를 권장한다.!important는 과용주의*/
    .width-100, .wt10 { width:100%; }
    .width-80, .wt08 { width:80%; }
    .width-50, .wt05 { width:50%; }
    .width-30, .wt03 { width:35%; }
    .width-25, .wt02 { width:25%; }
    .width-10, .wt01 { width:10%; }
    .height-100, .ht10 { height:100%; }
    .height-44px, .hg44 { height:44px; }
    .height-22px, .hg22 { height:22px; }
    .line-height-22px, .ln22 { line-height:22px; }
    .line-height-18px, .ln18 { line-height:18px; }
    .width-height-22px, .wh22 { width:22px; height:22px; }
    .width-height-33px, .wh33 { width:33px; height:33px; }
    .width-height-44px, .wh44 { width:44px; height:44px; }
    .position-relative, .psrl { position:relative; }
    .position-absolute, .psal { position:absolute; }
    .border-0, .brd0 { border:0; }
    .border-1px-dbdbdb, .brdb { appearance:none; -webkit-appearance:none; border:1px solid #dbdbdb; }
    .border-input-dbdbdb, .ipdb { appearance:none; -webkit-appearance:none; border:1px solid #dbdbdb; border-radius:8px; padding:4px; margin:4px; }
    .border-line, .brln { position:relative; padding-left:max(14px,env(safe-area-inset-left)); padding-right:max(14px,env(safe-area-inset-right)); border-top:1px solid #dbdbdb; display:flex; justify-content:space-between; align-items:center; font-size:1rem; }
    .border-bottom-dbdbdb, .bbdb { border-bottom:1px solid #dbdbdb; }
    .box-top-shadow, .btsh { box-shadow: 0 -10px 10px -10px rgba(115,115,115,1); }
    .padding-6px, .pd06 { padding:6px; }
    .padding-12px, .pd12 { padding:12px; }
    .padding-16px, .pd16 { padding:16px; }
    .padding-top-12px, .pt12 { padding-top:12px; }
    .padding-top-44px, .pt44 { padding-top:44px; }
    .padding-left-6px, .pl06 { padding-left:6px; }
    .padding-left-5px, .pl05 { padding-left:5px; }
    .padding-left-4px, .pl04 { padding-left:4px; }
    .padding-left-12px, .pl12 { padding-left:12px; }
    .padding-left-16px, .pl16 { padding-left:16px; }
    .padding-right-6px, .pr06 { padding-right:6px; }
    .padding-right-5px, .pr05 { padding-right:5px; }
    .padding-right-4px, .pr04 { padding-right:4px; }
    .padding-right-12px, .pr12 { padding-right:12px; }
    .padding-bottom-6px, .pb06 { padding-bottom:6px; }
    .padding-bottom-12px, .pb12 { padding-bottom:12px; }
    .margin-4px, .mg04 { margin:4px; }
    .margin-bottom-10px, .mb10 { margin-bottom:10px; }
    .margin-bottom-16px, .mb16 { margin-bottom:16px; }
    .flex-1-1-auto, .f11a { display:flex; flex:1 1 auto; } /*부모엘리먼트에 꽉차게*/
    .flex-space-around, .flsa { display:flex; justify-content:space-around; }
    .flex-space-between, .flsb { display:flex; justify-content:space-between; }
    .flex-all-center, .flac { display:flex; align-items:center; justify-content:center; }
    .flex-all-left, .flal { display:flex; align-items:center; justify-content:flex-start; }
    .flex-all-right, .flar { display:flex; align-items:center; justify-content:flex-end; }
    .vertical-center, .vtct { position:relative; top:50%; transform: translateY(-50%); }
    .vertical-align-middle, .vtam { vertical-align:middle; }
    .horizontal-center, .hoct { position:relative; left:50%; transform: translateX(-50%); }
    .horizontal-right, .hort { display:flex; justify-content:flex-end; } /*기본적으로 flex는 상위div또는 자신div가 width:100%를 가지고 있어야 제대로 작동한다.*/
    .text-align-left, .txal { text-align:left; }
    .text-align-center, .txac { text-align:center; }
    .text-align-right, .txar { text-align:right; }
    .text-overflow-ellipsis, .txoe { display:block; text-decoration:none; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .fontsize-dot-5, .fsd5 { font-size:.5rem; }
    .fontsize-dot-6, .fsd6 { font-size:.65rem; }
    .fontsize-dot-8, .fsd8 { font-size:.8rem; }
    .fontsize-dot-9, .fsd9 { font-size:.9rem; }
    .fontsize-1rem, .fs1r { font-size:1rem !important; }
    .fontsize-point2rem, .fsp2 { font-size:1.25rem; }
    .fontsize-point5rem, .fsp5 { font-size:1.5rem; }
    .fontsize-2rem, .fs2r { font-size:2rem; }
    .fontsize-3rem, .fs3r { font-size:3rem; }
    .font-weight-bold, .ftwb { font-weight:bold; }
    .color-white, .colw { color:#fff; }
    .color-blue, .colb { color:#0095f6 !important; }
    .color-red, .colr { color:#d13f4a; }
    .color-888, .co88 { color:#888; }
    .color-antique, .coat { color:#d1e4dd } /* frindly button color #28303d */
    .color-262626, .co26 { color:#262626; }
    .border-color-262626, .bc26 { border-color:#262626 !important; }
    .background-color-white, .bgcw { background-color:#fff; }
    .background-color-black, .bgc0 { background-color:#000; }
    .background-color-blue, .bgcb { background-color:#0095f6; }
    .background-color-fafafa, .bgfa { background-color:#fafafa; }
    .background-color-e4e4e4, .bge4 { background-color:#e4e4e4; }
    .circle, .crcl { box-sizing:border-box; border:2px solid #dbdbdb; border-radius:50%; padding:2px; }
    /*this page only*/
    .thumbnail, .thum { position:relative; padding-top:70%; overflow:hidden; }
    .thumbnail-center, .thcn { position:absolute; top:0; left:0; right:0; bottom:0; -webkit-transform:translate(50%,50%); -ms-transform:translate(50%,50%); transform:translate(50%,50%);}
    .thumbnail-center-img, .thci { position:absolute; top:0; left:0; max-width:100%; height:auto; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
    #comment-textarea, .cmta { box-sizing:border-box; height:22px; width:100%; font-size:16px; resize:none; border:0; }
    .rd16-cnt-rank-num, .rcrn { position:absolute; color:#fff; font-size:2.5rem; opacity:.5; font-weight:900; top:14px; left:52px; }
    .rd16-cnt-play-arrow, .rcpa { position:absolute; color:#fff; font-size:3rem; opacity:.5; }
    #rd16-cmt-write { position:fixed; bottom:0; left:0; right:0; top:auto; min-height:44px; }
    .re-reply::before, .repl::before { position:relative; content:"└"; padding-left:34px; }
    .re-re-reply::before, .rrpl::before { position:relative; content:"└"; padding-left:80px; }
    /**** gnu board only ****/
    input[type=text], input[type=password], input[type=submit], input[type=image], input[type=radio], input[type=checkbox], button { font-size:1rem; -webkit-appearance:none }
    .set-radio { margin:10px 12px; }
    .set-radio>p { font-weight:bold; }
    .set-radio-btn { appearance:none; width:16px; height:16px; border-radius:50%; vertical-align:-3.4px; }
    .set-radio-btn:checked { border:4px solid #0095f6; }
    .set-checkbox { margin:10px 12px; }
    .set-checkbox-btn { appearance:auto; box-sizing:border-box; width:16px; height:16px; vertical-align:-2.4px; border:1px solid #dbdbdb; }
    .set-checkbox-btn:checked { color:#0095f6; }
    
    .bot-nav2 { display:flex; justify-content:space-between; position:fixed; border:0; bottom:0; left:0; right:0; top:auto; height:44px; user-select:none; border:1px solid #dbdbdb; background-color:#fff;}
    .bot-nav2::after { position:absolute; height:env(safe-area-inset-bottom); left:0; right:0; top:44px; background-color:#fff; content:''; }
    .bot-nav2>.bot-nav2-logo { width:30%; margin:0 .2em .1em .4em; font-weight:bold; }
    .bot-nav2>.bot-nav2-steps { width:70%; display:flex; align-items:center; justify-content:space-between; padding:8px 0 0 8px; margin:0 8px; font-size:1.6rem; color:#777; }
    .active { color:#323232; }
    .bot-nav2>.bot-nav2-steps>.bot-nav2-step2, .bot-nav2-step3 { position:relative; }
    .bot-nav2 i { height:100%; font-size:2rem; }
    .bot-nav2 a { color:#777; }
    .badge-number { position:absolute; top:-6px; right:-8px; min-width:1.2rem; min-height:1rem; font-weight:bold; font-size:.9rem; color:#262626; }
    .btn-wrap { border:1px solid #dbdbdb; border-radius:15px; width:auto; height:30px; line-height:30px; box-sizing:content-box; padding:0 7px; }
    .btn-wrap>.btn-cont{ display:inline-block; }
    .btn-wrap2 { border:1px solid #fff; width:auto; height:20px; line-height:20px; text-align:center; box-sizing:border-box; padding:0 4px; }
    .btn-wrap2>.btn-cont{ display:inline-block; vertical-align:middle; line-height:normal; }
    /* setting */
    .input-title { margin:12px; font-size:1rem; }
    .input-box { width:100%; height:34px; background-color:#fafafa; border-radius:8px; font-size:2em; }
    .btn-submit-set { margin:12px 14px; padding:0 12px; height:34px; background-color:#0095f6; color:#fff; border:0; border-radius:6px; }
    .txt-help-set { margin:12px 14px; color:#0095f6; }

    .thread { height:100%; margin-top:.8em; }
    .thread>.threadHeader { position:relative; margin:0 0 .4em 0; }
    /*
    .thread .threadWriter { position:relative; top:-4px; }
    .thread .threadTopic { position:relative; top:-12px; }
    .thread .list_contents { position:relative; top:-11px; }
    */
    .thread>.threadHeader>.topic { display:inline; font-size:.8em; color:lightslategray; }
    .thread .threadTopic { margin:0 5px; }
    .thread .list_contents{ margin:0 5px; }
    .thread>.threadHeader>.threadTopic>span.threadType { color:#fd3a3a; }
    .thread>.threadBody { display:flex; justify-content: space-between; }
    .thread>.threadBody>.threadContent { display:block; display:-webkit-box; max-width:80%; height:auto; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; }
    .thread>.threadBody>.threadThumb { overflow:hidden; display:flex; width:4rem; height:4rem; align-items:center; justify-content:center; }
    .threadThumb { flex:0 0 auto; position:relative; margin:0; width:100px; height:100px; border-radius:8px; display:block; overflow:hidden; }
    .thread>.threadFooter { margin:.1em 0; color:lightslategray; }
    .thread>.threadFooter>.like { font-size:.8em; }

    /* head.php */
    .top-title { height:44px; margin-top:0px; padding-left:max(6px,env(safe-area-inset-left)); padding-right:max(6px,env(safe-area-inset-right)); border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; background-color:#f5f5f5; display:flex; justify-content:space-between; align-items:center; font-size:1rem; font-weight:bold; }

    /* outlogin.skin2.php */
    .mid>.profile>.wrap-proflie { display:flex; justify-content:space-around; }
    /*.mid>.profile>.wrap-proflie>.thumb-profile { width:30%; }*/
    .mid>.profile>.wrap-proflie>.thumb-profile i { width:80%; max-width:80px; height:80%; max-height:80px; border-radius:50%; margin:.8rem; font-size:4rem; }
    .mid>.profile>.wrap-proflie>.thumb-profile img { width:80%; max-width:80px; height:80%; max-height:80px; border-radius:50%; margin:.8rem; }
    .mid>.profile>.wrap-proflie>.infos-profile { width:70%; font-size:.7rem; line-height:.2rem; color:#000;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:1rem 0 0; }
    .mid>.profile>.wrap-proflie>.infos-profile>p:nth-child(1) { color:#000; font-weight:bold; font-size:1rem; }
    .mid>.profile>.wrap-proflie>.infos-profile>p:nth-child(2) { color:#000; font-weight:bold; }
    .mid>.profile>.memo-profile { clear:both; margin:0 1em 1.5em; font-size:.8rem; }
    .mid>.profile>.memo-profile i { text-decoration:underline; font-size:1.2rem; }
    .mid>.mid-help { max-width:350px; margin-top:50px; margin-left:12px; margin-right:12px; margin-bottom:50px; text-align:center; }
    .mid>.mid-help>.mid-help-btn { appearance:none; background:0 0; border:0; box-sizing:border-box; width:80px; height:80px; }
    .mid>.mid-help>.mid-help-btn>i { color:#888787; font-size:44px; padding:10px; }
    .mid>.mid-help>.txt-help { margin:23px; }
    .mid>.mid-help>.txt-link-help { margin:23px; color:#0095f6; }
    .mid>.album-photo>.list-photo { width:100%; height:100%; }
    .mid>.album-photo>.list-photo>div { width:33.3%; float:left; line-height:33%; text-align:center; }
    .mid>.album-photo>.list-photo img { width:100%; display:inline-block; padding:0; margin:0; }
    .ul-container { border:1px solid #dbdbdb; margin:12px 0; display:flex; justify-content:space-around; padding:8px 0; list-style:none; }
    .ul-container>.li-items { text-align:center; width:33.3%; }
    .ul-container>.li-items .li-title-activity { color:#888787; font-size:.9rem; }
    .ul-container>.li-items .li-point-activity { display:block; color:#262626; font-weight:bold; }
    
/**** gnuboard only */
    #container-title { font-size:1.4em !important; } /* 페이지 상단 타이틀 글자 크게 */
    #login_frm #login_id { font-size:1.5em; } /* 모바일 로그인 아이디 비번 글자 크게 */
    #login_frm #login_pw { font-size:1.5em; } /* 모바일 로그인 아이디 비번 글자 크게 */
    #login_frm .btn_submit { font-size:1.5em; } /* 모바일 로그인 아이디 비번 글자 크게 */
    #sns_login { font-size:1.1rem; } /* 모바일 회원 가입 sns로그인 버튼 글자 크게 */
    .mb_login_join a { font-size:1.2rem; color:#262626 !important; } /* 모바일 회원 가입 회원정보찾기,회원가입 글자 크게 */
    .sch_word { color:#0095f6; background:none; padding:0; margin:0; }
    .required, textarea.required { background:url('../img/wrest.gif') top right no-repeat !important; } /* 필수 입력 사항 표시 */
    .frm_info { color:#888787 !important; float:left; } /* 회원가입등 인풋박스 설명 폰트색깔 */
    #gnb { max-width:none !important; }
    
/**** list.skin.php */
    .list_01 li { padding-top:0; }
    .bo_cnt { font-size:1rem !important; font-weight:normal !important; }
    .bo_cnt i:first-child { position:relative; top:5px; font-size:23px; }
    .fa-flash { color:#d13f4a !important; } /* 새글 플래시 아이콘 폰트색깔 */
    .bo_info i { margin:0 !important; padding:0 !important; } /* 게시판 목록 materinal icon marigin-left:10px; 무력화 */
    .wrap_btn { box-sizing:border-box; border:1px solid #dbdbdb; border-radius:16px; width:auto; height:30px; line-height:30px; text-align:center; font-size:15px; margin:0; padding:0 7px 0 7px; top:50%; } /* 게시판 목록 버튼 테두리 */
    .sv_wrap { line-height:22.5px } /* 게시판 목록 사용자 아이콘 위치 조정 */
    #bo_v_atc { padding:0 !important; } /* view.skin.php 본문 이미지 좌우 15px padding 없애기 */
    #bo_v_sns li { margin:0 !important; padding:0 !important; border-bottom:none; } /* list.skin.php 공유 버튼 마진 0 */
    #bo_v_sns li a { padding:0 !important; } /* list.skin.php 공유 버튼 패딩 0 */
    .cnt_cmt { margin:0 !important; } /* 공유숫자 마진 0 */ 
    .profile_img img { border-radius:50%; width:30px; height:30px; position:relative; top:-.2rem; } /* 게시물 리스트 회원아이콘 */
    .plugin-nogari-friend[state="1"] > img { border:2px solid #0095f68a !important; box-sizing:content-box; }
    .plugin-nogari-friend[state="2"] > img { border:2px solid #0a0a !important; box-sizing:content-box; }
    .plugin-nogari-friend[state="3"] > img { border:2px solid #d13f4abf !important; box-sizing:content-box; }
  /** list.skin.php 에서 공유버튼 개별로 나오게 하기 위한 수정 같은 이름의 id를 class로 추가 시작 */
    .bo_v_share:before { right:11px !important; } /* sns 풍선 꼭지 위치 수정 */
    .bo_v_share:after { right:11px !important; } /* sns 풍선 꼭지 위치 수정 */
    .bo_v_share { z-index:9999 !important; } /* list.skin.php 공유버튼은 무조건 위에(안하면 게시물 사진에 가려짐) */
    .bo_v_share ul li { float:left; z-index:9999; } /* list.skin.php 공유 버튼 가로로 펼치게 */
    .bo_v_share {display:none;position:absolute;top:42px;right:0;padding:2px !important;text-align:right;background:#fff;border:1px solid #b8bfc4}
    .bo_v_share:before {content:"";position:absolute;top:-8px;right:6px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
    .bo_v_share:after {content:"";position:absolute;top:-6px;right:6px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
    .bo_v_share .btn_scrap {display:inline-block;background:#d4d4d4;color:#444;line-height:40px;width:40px;font-weight:bold;text-align:center;border-radius:3px}
    .pg_wrap { padding:10px 0 54px 0; }
    .pg_current { background:none; color:#0095f6; border-color:#dbdbdb; font-size:1rem; } /* 현재 페이지번호 표시 */
  /** list.skin.php 에서 공유버튼 개별로 나오게 하기 위한 수정 같은 이름의 id를 class로 추가 끝 */

/**** write_skin.php */
    .bo_w { padding:15px 15px 44px 15px !important; }
    .bo_v_tit { overflow:hidden; }
/**** view_skin.php */
    #bo_v #bo_v_con { font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", "NEXON Lv2 Gothic","Malgun Gothic", "맑은 고딕", 나눔고딕, "Nanum Gothic", "Noto Sans KR", "Noto Sans CJK KR", arial, 돋움, Dotum, Tahoma, Geneva, sans-serif; width:100% }
    .is_view_btn { overflow:hidden; white-space:nowrap; }
    #bo_v_con>p { position:relative; padding:0 6px; }

/**** view_commnet_skin.php */
    .bo_vc_w { background:none; padding:0 6px; }
    #bo_v>header { border-bottom:none; }
    .comment_inner { padding:5px !important; }
    .comment_inner .cmt_contents { margin:0 !important; }
    
    #bo_v { padding:6px 0 0 !important; }
    #bo_v>header { padding:0 6px !important; }
    #bo_v #bo_v_atc span { padding:0 6px; }
    #bo_v #bo_v_info { padding:6px 0 0 0 !important; }
    #bo_w { padding:6px 6px 44px 6px !important; }
    #bo_v_act a:hover { background-color:#dbdbdb !important; color: #fd3a3a !important; border-color:#fd3a3a !important; }
    .comment_inner .sv_wrap { font-size:.8rem;} /*댓글닉네임*/
    .comment_inner time { font-size:.7rem; } /*댓글닉네임 옆 시간*/
    #bo_vc { background:none; padding:0 6px; }
    #bo_vc article .comment_inner { margin:6px 0 !important; border:1px solid #dbdbdb; } /*글간격*/

/**** regist */
    #captcha_audio { width:100%; height:44px; }
    .captcha_key { float:right; }
    /*audio { filter: sepia(20%) saturate(70%) grayscale(19) contrast(99%) invert(12%); background-color: #eeeeee; }*/
    #captcha #captcha_img { border:none; }
    audio::-webkit-media-controls-enclosure {
        border-radius: 1px;
        background-color:#fff;
        border:1px solid #dbdbdb;
    }
    #captcha #captcha_key { width:120px; }
    .btn_cancel, .btn_submit { border-radius:1px !important; }
    .register input { box-shadow:none !important; }

/**** login */
#site_name { text-align:center; font-size:3rem; margin: 27px 0 0 0; }
#mb_login { display: table; }
#mb_login #sns_login { padding: 20px 20px 0; }
#sns_login { border:none; }
#flogin { margin: 0 0 20px 0; }

/**** tail */
.bot-nav2-step1>i { font-size:2.2rem !important; top:0 !important;} /* 하단 메뉴 유저 아이콘 */
.thumb-profile>i { font-size:4.2rem !important; top:0 !important;} /* 회원정보 상단 유저 아이콘 */
.logout-profile { position:absolute;bottom:8px;left:8px;font-size:1.6rem; transform:scaleX(-1);}

/**** noti */
#noti-nav.is-fixed ul { box-shadow:none; border:1px solid #dbdbdb; }
.noti-nav-trigger.menu-is-open span.xbutton::before, .noti-nav-trigger.menu-is-open span.xbutton::after{ color:#d13f4a; }

/**** plugin-dongtae */
#ol_after > .plugin-dongtae > p { font-size:0.9em !important; }
.mid>.mid-help .add { appearance:none; background:0 0; border:0; box-sizing:border-box; width:80px; height:80px; font-size:44px; }
.mid>.mid-help i { color:#888787 !important; padding:10px; }
#gnb_open { position:static !important; top:0 !important; left:0 !important; padding:0 !important; height:auto !important; width:auto !important; font-size:inherit !important }
#ol_after > .plugin-dongtae > .add > i { top:60% !important; }
/*
    @font-face {
    font-family: "NEXON Lv2 Gothic Light";
    src: url("../../../css/font/NEXON_Lv2_Gothic_Light.eot");
    src: url("../../../css/font/NEXON_Lv2_Gothic_Light.woff");
    src: url('../../../css/font/NEXON_Lv2_Gothic_Light?#iefix') format('embedded-opentype'),
    }
    @font-face { 
    font-family: "NEXON Lv2 Gothic";
    src: url("../../../css/font/NEXON_Lv2_Gothic.eot");
    src: url("../../../css/font/NEXON_Lv2_Gothic.woff");
    src: url('../../../css/font/NEXON_Lv2_Gothic?#iefix') format('embedded-opentype'),
    }
    @font-face { 
    font-family: "NEXON Lv2 Gothic Bold";
    src: url("../../../css/font/NEXON_Lv2_Gothic_Bold.eot");
    src: url("../../../css/font/NEXON_Lv2_Gothic_Bold.woff");
    src: url('../../../css/font/NEXON_Lv2_Gothic_Bold?#iefix') format('embedded-opentype'),
    }
*/
    @font-face {
        font-family:'Material Icons'; font-style:normal; font-weight:400;
        src: url(../../../css/font/MaterialIcons-Regular.eot); /* For IE6-8 */
        src: local('Material Icons'),
            local('MaterialIcons-Regular'),
            url(../../../css/font/MaterialIcons-Regular.woff2) format('woff2'),
            url(../../../css/font/MaterialIcons-Regular.woff) format('woff'),
            url(../../../css/font/MaterialIcons-Regular.ttf) format('truetype');
    }
    @font-face {
        font-family:'Material Icons Outline'; font-style:normal; font-weight:400;
        src: url(../../../css/font/Material-Icons-Outline.eot); /* For IE6-8 */
        src: local('Material Icons Outline'),
            local('MaterialIcons-Outline'),
            url(../../../css/font/Material-Icons-Outline.woff2) format('woff2'),
            url(../../../css/font/Material-Icons-Outline.woff) format('woff'),
            url(../../../css/font/Material-Icons-Outline.ttf) format('truetype');
    }
    .material-icons, .material-icons-outlined, i {
        font-weight:normal; font-style:normal;
        display:inline-block; /*line-height:1;*/ text-transform:none; letter-spacing:normal; word-wrap:normal; white-space:nowrap; direction:ltr;
        -webkit-font-smoothing: antialiased;	/* Support for all WebKit browsers. */
        text-rendering: optimizeLegibility;		/* Support for Safari and Chrome. */
        -moz-osx-font-smoothing: grayscale;		/* Support for Firefox. */
        font-feature-settings: 'liga';			/* Support for IE. */
    }
    .material-icons, i { font-family:'Material Icons'; }
    .material-icons-outlined, .miol { font-family:'Material Icons Outline' }
    .material-icons-twotone, .mitt { font-family:'Material Icons TwoTone' }




/**** Media Queries ****/
@media only screen and (min-width: 992px) {
    .container { max-width:600px !important; }
}

/*** newtype ***/
#bo_cate a { padding: 0.5rem !important; }