@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard-dynamic-subset.css");html,body {
    width: 100%;
    height: 100%;
    -webkit-text-size-adjust: none
}

html {
    overflow-y: auto;
    font-family:Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif !important;
}
/*25.03.17 나혜린 css 추가*/
.p_container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 100%;
    margin-top:0.5px;
}
    
.button-wrapper {
    position: relative;
    z-index: 2;
}
    
.glow-button {
    position: relative;
    padding: 5px 20px;
    background-color: #ffcc00;
    color: #000;
    border: none;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0 0 30px rgba(255, 204, 0, 0.7);
    transition: all 0.3s ease;
    white-space: nowrap;
}

.glow-button:hover {
    box-shadow: 0 0 40px rgba(255, 204, 0, 0.9);
    transform: scale(1.05);
}
.glow-button2 {
    position: relative;
    padding: 6px 20px;
    background-color: #7120ff;
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0 0 30px rgba(113, 32, 255, 1);
    transition: all 0.3s ease;
    white-space: nowrap;
}

.glow-button2:hover {
    box-shadow: 0 0 40px rgba(113, 32, 255, 1.1);
    transform: scale(1.05);
}
.glow-button3 {
    position: relative;
    padding: 6px 20px;
    background-color: #ff4262;
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0 0 30px rgba(255, 66, 98, 1);
    transition: all 0.3s ease;
    white-space: nowrap;
}

.glow-button3:hover {
    box-shadow: 0 0 40px rgba(255, 66, 98, 1.2);
    transform: scale(1.05);
}
@keyframes blink {
    0%, 49.9%   { opacity: 1; }   /* 보임 */
    50%, 100%   { opacity: 0; }   /* 사라짐 */
  }
  
  .blink_txt {
    display: inline-block;               /* opacity 애니메이션 적용을 위해 */
    animation: blink 0.6s steps(1) infinite;
  }

/*canvas {
position: absolute;
top: 50%;
left: 50%;
transform:translate(-50%, -50%);
width: 100%;
height: 100%;
z-index: 1;
}*/
.particleCanvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    z-index: 1;
}

.cell{display:flex !important; align-items:center; gap:5px;}
.select_day_box {
    display: flex;
  }

  .select_day {
    border: 1px solid #ccc;
    padding: 15px 10px;
  }
  .select_day:hover{background:#454545; color:#fff;}
  .select_day.active{background:#454545; color:#fff;}
  .select_day:first-child{border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-right:none;}
  .select_day:last-child{border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-left:none;}

  
.tag_area{display: flex; margin:16px 0;  white-space: nowrap;}
.tag_area .tag{padding:7px 12px; border-radius: 10px; background: #ededed; font-size:13px; line-height: 16px; margin-right:10px; color:#454545;}
.tag_area .tag:hover{background-color: rgb(83, 83, 83); color:#fff;}
.tag_area .tag:last-child{margin-right:0;}

.fb_regdate{font-size:13px; color:#666; /*margin-top:16px;*/}

.read_info{font-size:13px; margin-top:16px;}
.read_info span{margin-right:10px;}
.read_info span em{}
.read_info span img{margin-top:-2px; margin-right:3px;}
.fb_board_cont{}
.fb_board_cont a{color:#000 !important;}

.fa-refresh{display:none;}

.stars_area{padding:20px 30px; border-bottom:1px solid #F6F6F6;}
.stars_area h2{font-size: 17px;}
.star_rating { font-size: 14px; cursor: pointer; color: gray; letter-spacing: -4px; margin-right:2px !important; }
.star_rating.active { color: #fdd000 !important; }
.star_rating:before{display:none !important;}
#rating_value{font-size:13px;}

.btn-cmt-more {display:block; position:relative; top:1px; height:26px; text-align:center; padding:12px 0 2px 0; border: 1px solid #E0E0E0; cursor:pointer;}
.btn-cmt-more:hover {text-decoration:none; border-color:#448AFF; color:#448AFF; transition:all .2s ease-in-out;}

.cmt_cont{overflow: hidden; overflow-wrap: break-word; resize: none; height: 60px;}
.edit_hide{}
.edit_show{display: none;}

.selectpicker{width:100%;}
/*카테고리 영역 .menu_on*/
.menu_on{font-weight:600; color:#111111 !important;}

/*페이징*/
.dots {
    margin: 0 6px;
    color: #999;
    font-weight: bold;
}

/*하단 토글 영역 폼 반응형*/
.w_gap50{gap:50px;}
.w_per_label{font-size:16px; font-weight:600; font-family:"Pretendard-Regular"; width:30%; letter-spacing: 0.7px; margin-bottom: 0 !important;}
.w_align{display: flex; align-items: flex-start; width:50%;}
.w_width100{width:100%;}
.w_font_16{font-size:16px !important;}

.bo_cate_tit{font-size:19px !important; color:#999999 !important; font-weight:400 !important; margin:12px 0;}

.sponsored_slider {
    position: relative;
    width: 360px;
    height: 240px;
    overflow: hidden;
  }
  
  .sponsored_slider a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
  }
  
  .sponsored_slider a img {
    width: 100%;
    height: 100%;
    display: block;
  }

.gap30{gap:30px;}

.ibtracid img{border-radius: 6px;}
.b_ham_btn_area{display:none;}
.m_side_menu{display:none;}
.w_ft_show{display:block;}
.m_ft_show{display:none; padding:24px;color:#777;line-height:1.6;text-align:left;margin-bottom:12px;}
.border_radi8{border-radius: 8px;}
.bm_show{display:none;}
.banner_area{width:100% !important; display:block !important;}
.banner_area img{width:100% !important; height:100% !important;}
@media screen and (max-width: 1369px) {
    #board-container #contents-wrap{margin:0 10px !important;}
}
@media screen and (max-width: 1200px) {
    #board-container #contents-wrap{width:600px !important;}
} 
@media screen and (max-width: 1024px) {
    #board-container{padding-top:0 !important;}
    #board-container #board-snb{width:100% !important;}
    #board-container .inner-wrap > div{float:unset !important;}
    #board-container .inner-wrap{width:100% !important; padding:0 !important;}
    #board-container #contents-wrap{width:100% !important; margin:0 !important;}
    #board-container #aside{width:100% !important;}
    #board-container .inner-wrap > div{float:unset !important;}
    #board_header{max-width:unset !important; min-width:unset !important; }
    .m_menu_hide{display:none !important;}
    .b_ham_btn_area{display:block;}
    #board-snb{display:none; margin-bottom:50px;}
    #BnSub{display:flex; justify-content: center; width:100%;}
    .m_side_menu{display:block !important;}
    .w_flex{display:flex;}
    .m_gqp{gap: unset !important;}
    .m_disF_center2{display:flex; justify-content: center; flex-direction: column;}
    #board-snb .snb-box .alimtalk{position: relative !important; bottom: 0 !important;}
    .w_ft_show{display:none;}
    .m_ft_show{display:block;}
    #GNB .gnbWrap > li:first-child{padding-left:20px;}
    #GNB .gnbWrap > li:last-child{padding-right:20px;}
    .bm_show{}

} 
@media screen and (max-width: 768px) {
    .bm_hide{display:none;}
    .bm_show{display:block;}
    .bottom_top_area{}
    .bottom_form_area{width:100%; padding:0 !important;}
    .bottom_form_area .bottom_form{width:unset !important; padding:20px;}
    .w_gap50{gap:unset !important;}
    .w_per_label{width:174px !important; margin-bottom:15px !important;}
    .w_align{display:unset !important; width:unset !important; }
    .w_width100{width:unset !important;}
    #GNB .gnbWrap {
        display: flex;               
        flex-wrap: nowrap;           
        overflow-x: auto;            
        -webkit-overflow-scrolling: touch;
        width: 100%;
        max-width:unset !important;
        min-width:unset !important;
        padding:0 !important;
      }
    
      #GNB .gnbWrap li {
        flex: 0 0 auto;              
      }
    .logo-searchbox{gap:10px !important;}
    .proposal_bd .subject span.AB-LF-common{max-width:100% !important;}

    .ABA-list-paging{margin:80px 0 !important;}
    .LF_page_link {padding:5px 5px !important;}
    .LF_page_link_current{ padding:5px 5px !important; }
    .proposal_bd .info span::before{margin:0 3px !important;}
    .n_column{flex-direction: unset !important; }
    #BD1957-view .ABA-article-contents{padding:70px 0 !important;}
}

@media screen and (max-width:480px){
    .LogoSchbox input[name="search_value"]{
        width:135px !important;
    }
    .tag_area{width:100vw; overflow-x: scroll;}
    .tag_area .tag{display:block;}
    .tag_area .tag:last-child{margin-right:30px;}
    .proposal_bd .deadline{padding:0 !important; right:5px !important;}
    .proposal_bd .info{padding:12px 5px !important;}
}
@media screen and (max-width: 360px){
    .w_font_16{font-size:14px;}
    .tag_area .tag{padding:7px !important;}
}

.sms-label {
    line-height: 33px !important;
  }

  .sms-chk .asct_mmbr input {
    padding: 0 !important;
    width: 88px !important;
    height: 32px;
    font-size: 13px !important;
    line-height: 32px;
    font-family: 'Noto Sans KR', Malgun Gothic, sans-serif;
    cursor: pointer;
    background: #fafafa;
    border: 1px solid #e0e0e0 !important;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
  }

  .sms-chk .asct_mmbr input:hover {
    background: #f0f0f0;
    color: #000;
  }

  .sms-chk .asct_mmbr p {
    text-align: center;
    padding: 0 !important;
    width: 88px !important;
    border-radius: 3px;
    height: 32px;
    font-size: 13px !important;
    line-height: 32px;
    font-family: 'Noto Sans KR', Malgun Gothic, sans-serif;
    color: #454545;
    box-sizing: border-box;
    background: #fafafa;
    border: 1px solid #e0e0e0 !important;
    cursor: default;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
  }

  .sms-chk .rglr_mmbr {
    display: inline-block;
    font-family: 'Noto Sans KR', Malgun Gothic, sans-serif;
    margin-right: 20px;
  }

  .sms-chk .rglr_mmbr label {
    padding: 0 !important;
    float: none !important;
    display: inline-block !important;
    cursor: pointer;
  }

  .sms-chk .rglr_mmbr input {
    float: none;
    width: auto !important;
  }

  .sms-chk p {
    font-family: 'Noto Sans KR', Malgun Gothic, sans-serif;
    padding: 4px 0;
    font-size: 12px;
    color: #999;
  }

  .sms-chk p em {
    font-style: normal;
    color: #FF4949;
  }

  .caution_txt {
    display: flex;
    align-items: center;
    padding: 0 20px;
    border-radius: 8px;
    height: 46px;
    font-size: 14px;
    background-color: #fff;
  }

  .caution_txt a {
    font-weight: 500;
    color: #000;
  }

  .caution_txt a span {
    font-weight: bold;
    color: #F00;
  }
.note-codable{ font-size:17px; width:100%; box-sizing: border-box; overflow: hidden;overflow-wrap: break-word; resize: none; height: 480px;padding:30px; border:none;}
.note-codable::placeholder{font-size:17px; color:#BBBBBB; }  
.bottom_top_area {
    width: 100%;
    background: #fff;
    position: fixed;
    z-index: 10;
    height: 8px;
    bottom:0;
    border-top: 0.8px solid #e0e0e0;
    border-bottom: 0.8px solid #e0e0e0;
    box-shadow: 0 -4px 6px -4px rgba(0, 0, 0, 0.1);
  }

  .bottom_form_area {
    width: 100%;
    background: #fff;
    padding: 20px;
    position: fixed;
    bottom: 0;
    z-index: 10;
    transition: bottom 0.3s ease-in-out;
  }

  .bottom_form_area .bottom_form {
    width: 100%;
    position: relative;
  }

  .fold_btn{position: absolute; right: 15%; top:-15px; width:50px; height:30px; background:#fff; display:flex; justify-content: center; align-items: center; transform: translateY(-50%); border-top-left-radius: 10px; border-top-right-radius:10px;   box-shadow: 0 -2px 4px -2px rgba(0, 0, 0, 0.1);}


  .fold_btn img {
    transition: transform 0.3s ease-in-out;
    width:15px;
  }

#board_header {
    background-color: #FFF;
    max-width: 1200px;
    min-width: 1000px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    height: 80px;
    justify-content: space-between;
    padding: 0 20px;
    position:relative;
}

#board_header #sub_hd {
    position: relative;
    display:flex;
    gap:32px;
}

.logo-searchbox {
    display: flex;
    align-items: center;
    gap: 50px
}

.logo-searchbox h1#iboss-logo {
    min-width: 105px
}

.LogoSchbox {
    position: relative
}

.LogoSchbox input[name="search_value"]:focus {
    outline: 3px solid var(--event-point);
    border-color: transparent
}

/*.LogoSchbox input[name="search_value"] {
    border: 1px solid #E0E0E0;
    height: 40px;
    box-sizing: border-box;
    border-radius: 8px;
    width: 230px;
    background: #FFF;
    text-indent: 20px;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    padding-right: 38px;
    transition: all 0.2s
}*/

.LogoSchbox input[name="search_value"] {
    border: 1px solid #E0E0E0;
    height: 30px;
    box-sizing: border-box;
    border-radius: 8px;
    width: 230px;
    background: #FFF;
    text-indent: 20px;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    padding-right: 38px;
    transition: all 0.2s
}

.LogoSchbox button {
    position: absolute;
    right: 8px;
    top: 50%;
    transform:translateY(-50%);
    background: none;
    border: 0;
    font-size: 18px;
    padding: 0;
    cursor: pointer;
    transition: all 0.2s;
    border-radius: 4px;
}

.LogoSchbox button:active {
    outline: 3px solid rgba(78, 7, 210, 0.35)
}

.LogoSchbox button i {
    padding: 4px;
    color: #999
}

#sub_hd .Logged {
    display: flex;
    height: 52px;
    align-items: center;
    gap: 16px
}

#sub_hd .Logged .blind {
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden
}

#sub_hd .Logged .s_hd_menu {
    display: flex;
    align-items: center;
    gap: 8px
}

#sub_hd .Logged .widget {
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #666;
    font-weight: 300;
    cursor: pointer;
    border-radius: 50%;
    margin: 0;
    transition: transform 0.1s
}

#sub_hd .Logged a.widget:hover {
    /*background: #F5F5F5;*/
    transition: all 0.2s ease-out 0s
}

#sub_hd .Logged .widget:active {
    transform: scale(0.95)
}

#sub_hd .Logged .widget .my_alarm_cnt {
    position: absolute;
    top: -2px;
    right: -3px;
    width: 6px;
    height: 6px;
    background: #FF4949;
    border: 2px solid #F9FAFC;
    border-radius: 50%
}

#sub_hd .Logged .widget .notiCnt {
    font-size: 12px;
    position: absolute;
    top: 2px;
    right: 2px;
    background: #FF4949;
    color: #FFF;
    border-radius: 18px;
    min-width: 12px;
    min-height: 12px;
    font-weight: bold;
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
    line-height: 12px;
    padding: 3px;
    letter-spacing: -0.5px;
    text-align: center
}

#sub_hd .Logged .widget.write {
    width: 92px;
    border-radius: 8px;
    gap: 8px;
    background-color: #4429F3;
    height: 38px;
    box-sizing: border-box
}

#sub_hd .Logged .widget.write:hover {
    transition: all 0.1s ease-out 0s
}

#sub_hd .Logged .widget.write:hover p {
    font-weight: 600
}

#sub_hd .Logged .widget.write:active {
    outline: 3px solid rgba(68, 41, 243, 0.35)
}

#sub_hd .Logged .widget.write p {
    color: #FFF;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px
}

#sub_hd .Logged .widget.write span {
    font-size: 20px;
    color: #FFF
}


/**/
.widget.write.add_css {
    width: 92px !important;
    border-radius: 8px !important;
    gap: 8px !important;
    /*background-color: #ffcc00 !important;*/
    height: 30px !important;
    box-sizing: border-box !important;
    position: relative;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #666;
    font-weight: 300;
    cursor: pointer;
    border-radius: 50%;
    margin: 0;
    transition: transform 0.1s;
}

.widget.write.add_css:hover {
    transition: all 0.1s ease-out 0s !important;
}

.widget.write.add_css:hover p {
    font-weight: 600 !important;
}

.widget.write.add_css:active {
    outline: 3px solid rgba(68, 41, 243, 0.35)!important;
}

.widget.write.add_css p {
    color: #fff !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 20px !important;
}

.widget.write.add_css span {
    font-size: 20px !important;
    color: #FFF !important;
}

.spacer {
    display: block;
    width: 1px;
    height: 10px;
}

#sub_hd .Logged.new .popularMenu {
    display: flex;
    gap: 24px;
    align-items: center;
}

#sub_hd .Logged.new .popularMenu::after {
    content: "";
    width: 1px;
    height: 10px;
    background: #C0C0C0;
    cursor: default
}

#sub_hd .Logged.new .popularMenu a {
    font-size: 15px;
    margin: 0
}

#sub_hd .Logged.new .popularMenu a:hover {
    text-decoration: underline;
    font-weight: 600
}

#sub_hd .Logged.new .popularMenu a label {
    margin-right: 4px
}

#sub_hd .Logged.new .profile dl dt a {
    display: flex;
    gap: 12px;
    align-items: center
}

#sub_hd .Logged .write-article {
    display: none;
    position: absolute;
    top: 60px;
    right: 0;
    z-index: 999;
    padding: 20px 16px;
    box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.2);
    border-radius: 12px;
    background: #FFF
}

#sub_hd .Logged .write-article strong {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    display: block;
    text-align: center
}

#sub_hd .Logged .write-article .list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px
}

#sub_hd .Logged .write-article .list a {
    display: flex;
    font-size: 15px;
    background-color: #f6f6f8;
    padding: 12px 16px;
    min-width: 250px;
    justify-content: space-between;
    margin: 0;
    align-items: center;
    border-radius: 12px;
    font-weight: 500;
    color: #555
}

#sub_hd .Logged .write-article .list a:hover {
    background-color: #E0E0E0;
    transition: all 0.2s;
    color: #000;
    font-weight: 600
}

#sub_hd .Logged .write-article .list a:hover span {
    color: #4429F3;
    font-weight: bold
}

#sub_hd .Logged .write-article .list a span {
    font-size: 18px;
    color: #AAA;
    font-weight: normal
}

#sub_hd .Logged.new .popularMenu .benefitWrap {
    position: relative
}

#sub_hd .Logged.new .popularMenu a.benefits {
    display: flex;
    align-items: center;
    transition: all 0.2s
}

#sub_hd .Logged.new .popularMenu a.benefits:hover {
    text-decoration: none
}

#sub_hd .Logged.new .popularMenu a.benefits:active {
    transform: scale(0.9)
}

#sub_hd .Logged.new .popularMenu a.benefits label {
    cursor: pointer;
    font-size: 16px
}

#sub_hd .Logged.new .popularMenu a.benefits label.fa-bounce {
    --fa-animation-duration: 1.5s;
    --fa-animation-iteration-count: 5
}

.header-tooltip {
    background: var(--color-400);
    color: #FFF;
    position: absolute;
    left: -16px;
    top: 30px;
    z-index: 999;
    padding: 2px 0 2px 8px;
    font-size: 12px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 120px
}

.header-tooltip::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: var(--color-400);
    border-top: 0;
    margin-left: -30px;
    margin-top: -6px
}

.header-tooltip span {
    cursor: pointer;
    width: 20px;
    line-height: 20px;
    text-align: center
}

#sub_hd .s_pop_profile .nickname {
    padding: 16px 20px;
    border-bottom: 1px solid #EEE;
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap
}

#sub_hd .s_pop_profile .nickname > div {
    display: flex;
    flex-direction: column
}

#sub_hd .s_pop_profile .moveMypage {
    background: #F5F5F5;
    display: block;
    width: 100%;
    margin: 8px 0 0 0;
    text-align: center;
    line-height: 26px;
    font-size: 14px;
    border-radius: 6px;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    font-weight: 500
}

#sub_hd .s_pop_profile .moveMypage:hover {
    transition: all 0.1s ease-out 0s;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 0px 3px
}

#sub_hd .s_pop_profile .user-badge {
    display: flex;
    gap: 6px
}

#sub_hd .s_pop_profile .user-badge a {
    margin-top: 6px;
    padding: 2px 6px;
    border-radius: 2px;
    font-size: 12px;
    transition: transform 0.2s ease
}

#sub_hd .s_pop_profile .user-badge a:hover {
    color: #000;
    font-weight: 600
}

#sub_hd .s_pop_profile .user-badge a:active {
    transform: scale(0.9)
}

.user-badge .qna {
    background: #dbeddb;
    color: #1c3829
}

.user-badge .editor {
    background: #d3e5ef;
    color: #183347
}

.user-badge .plus img {
    width: 56px !important;
    height: 18px !important;
    border-radius: 0 !important
}

#MainHeader {
    position: relative;
    z-index: 900
}

#MainHeader .header_area {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    height: 80px
}

#MainHeader .logo {
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -22px
}

#MainHeader .logo a {
    display: block;
    padding: 10px 0
}

#MainHeader .sch_bx {
    position: relative;
    border: 1px solid #333;
    width: 298px;
    padding: 0;
    border-radius: 8px;
    overflow: hidden
}

#MainHeader .sch_bx .sch_text {
    color: #aaa!important;
    font-weight: 400!important;
    font-size: 13px!important
}

#MainHeader .sch_bx .search_box_input {
    width: 242px;
    height: 38px;
    padding-left: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #3c3c3c
}

#MainHeader .sch_bx .search_box_input:focus {
    outline: none
}

#MainHeader .sch_bx .search_box_submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    height: 18px;
    padding: 10px;
    cursor: pointer;
    z-index: 10;
    background: #FFF
}

#MainHeader .sch_bx select {
    border: 0;
    padding: 7px 0;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 10px;
    font-size: 12px;
    width: 72px;
    height: 30px;
    color: #999;
    cursor: pointer
}

#MainHeader #bn_gnb {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -32px
}

#MainHeader #bn_gnb a {
    display: block
}

#MainHeader #bn_gnb a img {
    width: 300px;
    height: 65px
}

#MainHeader #bn_gnb a:hover img {
    opacity: .65
}

#MainHeader #anniversary {
    width: 100%;
    padding-bottom: 10px
}

#MainHeader #anniversary .logo a {
    margin-right: 10px
}

#GNB {
    border-bottom: 1px solid #EAEAEA
}

#GNB .gnbWrap {
    max-width: 1200px;
    min-width: 1100px;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 0 20px
}

#GNB .gnbWrap .gnb_active > a::after {
    content: '';
    clear: both;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background: #639;
    width: 100%
}

#GNB .gnbWrap .gnb_active > a:hover {
    color: inherit
}
.nav_menu li{position:relative;}
.nav_menu li a:hover{ box-shadow: unset !important;}
.nav_menu li a.ctive{color:transparent !important; box-shadow: unset !important;}
.nav_menu .gnb_active > a::after {
    content: '';
    clear: both;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background: #FFEA00;
    width: 100%
}

.nav_menu .gnb_active > a:hover {
    color: inherit
}
#GNB .gnbWrap > li {
    position: relative;
    z-index: 100
}

#GNB .gnbWrap > li > a {
    display: flex;
    align-items: center;
    height: 52px;
    position: relative;
    letter-spacing: -0.4px;
    font-weight: bold;
    padding: 0 2px;
    color:#663399 !important;
}

#GNB .gnbWrap > li a:hover {
    color: inherit;
    text-decoration: none
}

#GNB .gnbWrap > li a span.txt {
    overflow: hidden;
    font-size: 16px
}

#GNB .gnbWrap > li a.c-639 span {
    color: #454545;
}

#GNB .gnbWrap > li a.c-fc6d35 span {
    color: #fc6d35
}

#GNB .gnbWrap > li:hover dl {
    display: block;
    z-index: 99
}

#GNB .gnbWrap > li.sp {
    width: 1px;
    background: #E0E0E0;
    height: 10px
}

#GNB .gnbWrap > li.sp:hover {
    border-bottom: 0
}

#GNB .gnbWrap .iboss {
    float: right;
    height: 46px;
    padding: 0;
    width: 120px;
    margin: 0
}

#GNB .gnbWrap .iboss > div {
    height: 20px;
    margin: 13px 0
}

#GNB .gnbWrap .iboss:hover {
    border: 0
}

#GNB .gnbWrap .iboss:hover dl {
    display: block
}

#GNB .gnbWrap .iboss ul {
    right: 0
}

#GNB .gnbWrap .iboss ul li {
    display: none;
    height: 20px;
    line-height: 20px;
    text-align: right
}

#GNB .gnbWrap .iboss ul li a {
    display: inline-block;
    height: 20px;
    line-height: 20px
}

#GNB .gnbWrap .iboss ul li span {
    font-size: 16px
}

#GNB .gnbWrap .iboss a:hover {
    text-decoration: none;
    color: inherit
}

#GNB .gnbWrap .iboss dl {
    left: -32px
}

#GNB .gnbWrap .iboss dl dd a {
    display: block;
    line-height: 36px;
    font-size: 13px;
    text-indent: 15px;
    letter-spacing: -1px;
    letter-spacing: -1px
}

#GNB .gnbWrap .iboss dl dd a:hover {
    text-decoration: none
}

#GNB .gnbWrap .iboss dl dd a:hover span {
    border-bottom: 1px solid #939;
    color: #939
}

#GNB .gnbWrap > li.gnb_active:hover {
    border-color: #639
}

#GNB dl {
    overflow: hidden;
    display: none;
    width: 150px;
    position: absolute;
    top: 48px;
    left: 0;
    z-index: 999;
    background: #FFF;
    padding: 8px 10px;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
    border-radius: 5px
}

#GNB dl div {
    width: 160px;
    border-left: 1px solid #F9F9F9;
    display: table-cell;
    height: 100%;
    vertical-align: top
}

#GNB dl div:first-child {
    border-left: 0
}

#GNB dl div.nbd {
    border-left: 0
}

#GNB dl div.btn_join {
    display: flex;
    padding-top: 12px;
    width: 100%;
    gap: 8px
}

#GNB dl div.btn_join a {
    font-size: 15px;
    width: 50%;
    text-align: center;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--grey-color-100);
    border-radius: 4px;
    font-weight: 600;
    letter-spacing: -0.4px
}

#GNB dl div.btn_join a:first-child {
    background: var(--grey-color-500);
    color: #FFF
}

#GNB dl div.btn_join a:hover {
    text-decoration: underline
}

#GNB dl dd {
    line-height: 34px
}

#GNB dl dd:hover a {
    text-decoration: none
}

#GNB dl dd a {
    display: block;
    line-height: 36px;
    font-size: 15px;
    text-indent: 12px;
    font-weight: 400;
    color: #333
}

#GNB dl dd a:hover {
    text-decoration: none;
    color: #000;
    font-weight: normal
}

#GNB dl dd a:hover span {
    border-bottom: 1px solid #663399;
    color: #000
}

#GNB dl.hover-b dd a {
    line-height: 18px;
    padding: 12px 8px;
    border-radius: 8px;
    text-indent: 0
}

#GNB dl.hover-b dd a:hover {
    background: #EFF2F5
}

#GNB dl.hover-b dd a:hover span {
    border: 0
}

#GNB dl dd:first-child, #GNB .bd0 {
    border-top: 0
}

#GNB dl dd.nodt {
    height: 33px
}

#GNB dl dt.dt_double {
    width: 300px
}

#GNB dl dt a {
    display: block;
    text-indent: 15px;
    line-height: 32px
}

#GNB dl dt strong {
    font-size: 14px;
    margin: 0;
    border: 0;
    font-weight: bold;
    color: #000
}

#GNB dl dt a:hover strong {
    border-bottom: 1px solid
}

#GNB dl.col8 {
    width: 786px;
    left: -75px
}

#GNB dl.col8 dt {
    display: none
}

#GNB dl.col8 .wide-wrap {
    width: 100%
}

#GNB em {
    display: inline-block;
    color: #FF4949;
    font-size: 12px;
    font-style: normal;
    margin-left: 4px;
    text-indent: 0;
    font-weight: bold;
    vertical-align: top
}

#GNB .gnb_btn {
    display: inline-block;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    background: url('https://cdn.ibos.kr/images/main_icon.png') no-repeat;
    text-indent: -999em
}

#GNB .gnb_btn.update {
    background-position: 0 -223px !important
}

#GNB .gnb_btn.new {
    background-position: 0 -212px !important
}

#GNB .gnb_btn.beta {
    background: url('https://cdn.ibos.kr/images/gnb_beta_btn.gif') no-repeat
}

#GNB .new-icon {
    color: #FF4949;
    font-size: 10px;
    text-indent: 3px
}

#GNB .up-icon {
    color: var(--color-600);
    font-size: 10px;
    text-indent: 3px
}

#GNB .dot_new {
    margin-left: 4px;
    position: relative;
    top: -4px
}

#GNB .ico_new {
    position: absolute;
    top: 8px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #FF4949;
    text-indent: -999em
}

#GNB .ico-new {
    font-size: 12px;
    color: #FF4949;
    text-indent: 4px
}

#GNB .col2 {
    width: 320px
}

#GNB .col3 {
    width: 480px
}

#GNB .col4 {
    width: 640px
}

#GNB .col5 {
    width: 800px
}

#GNB .col5 .sec_mkt {
    width: 300px
}

#GNB .col5 .gnb_bn_n9 {
    position: absolute;
    width: 300px;
    height: 105px;
    bottom: 0px;
    right: 0px;
    background: #fff
}

#GNB .col5 .gnb_bn_n9 a {
    padding: 5px
}

#GNB .col5 .gnb_bn_n9 img {
    width: 290px;
    height: 95px
}

#GNB .w300 {
    width: 300px
}

#GNB .w300 strong {
    text-align: center
}

#GNB .col5.g_left_mkt {
    height: 284px
}

#GNB .g_left_mkt {
    left: -73px
}

#GNB .g_left_shop {
    left: -100px
}

#GNB .g_left_column {
    left: -127px
}

#GNB .g_left_shop div {
    height: 356px
}

#GNB .g_left_consult {
    left: -100px
}

#GNB .g_left_consult .align-wrap {
    display: flex;
    width: 100%
}

#GNB .g_left_consult dd {
    position: relative
}

#GNB .g_left_conts {
    width: 320px;
    left: -130px
}

#partner-lists {
    display: flex !important;
    width: fit-content !important;
    flex-direction: column
}

#partner-lists .list-wrap {
    width: 480px;
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

#partner-lists .list-wrap > dd, #partner-lists .list-wrap > div {
    float: left;
    box-sizing: border-box;
    width: 160px
}

#partner-lists .list-wrap > div {
    display: flex;
    flex-direction: column
}

#partner-lists .list-wrap > div dd {
    margin-top: 20px
}

#partner-lists .list-wrap > div dd:first-child {
    margin: 0
}

#partner-lists .list-wrap > dd {
    width: 320px;
    display: flex;
    flex-wrap: wrap
}

#partner-lists .list-wrap > dd a {
    width: 160px
}

#partner-lists .list-wrap strong {
    display: block;
    width: 100%;
    text-indent: 15px;
    font-size: 14px;
    color: #000
}

#GNB .mdf_lt {
    left: -177px
}

#GNB .mdf_lt div {
    overflow: hidden;
    height: 284px
}

#GNB .wd149 {
    width: 149px
}

#GNB .mkt_subject {
    left: -73px;
    height: 284px
}

#GNB .mkt_subject .w149 {
    width: 149px
}

#GNB .mkt_subject .h33 {
    height: 33px
}

#GNB dd em, #GNB dd.dd_blank {
    height: 35px
}

#GNB .sec_mkt p strong {
    display: block;
    background: #F5F5F5;
    color: #663399;
    text-indent: 15px;
    line-height: 32px;
    border-bottom: 1px solid #eaeaea;
    font-size: 13.5px;
    font-weight: 500
}

#GNB .gnb_n_img {
    margin-top: -3px;
    padding-left: 7px
}

#GNB .icon {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url('https://cdn.ibos.kr/images/main_icon.png?v=190111') no-repeat;
    text-indent: -999em;
    vertical-align: middle
}

#GNB .icon.beta {
    background-position: -11px -212px;
    position: relative;
    top: -1px
}

#GNB .icon.new {
    background-position: 0 -212px;
    position: relative;
    top: -1px
}

#GNB ul li:hover .gnb_edu_wrap {
    display: block;
    z-index: 99
}

#GNB .gnb_edu_wrap {
    display: none;
    position: absolute;
    top: 40px;
    right: -290px;
    width: 800px;
    background: #FFF;
    padding: 20px;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
    border-radius: 5px
}

#GNB .gnb_edu_wrap em {
    font-style: normal;
    color: #e55757;
    font-weight: 600;
    font-size: 11px;
    margin-left: 5px
}

#GNB .gnb_edu_cont {
    position: relative;
    min-height: 200px
}

#GNB .gnb_edu_cont .group_bn {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200px
}

#GNB .gnb_edu_cont .group_bn .group_bn_img img {
    width: 100%;
    height: auto
}

#GNB .gnb_edu_cont .group_bn .group_bn_txt {
    margin-top: 8px;
    font-size: 13px;
    color: #454545
}

#GNB .gnb_edu_cont .group_cal {
    position: relative;
    margin-left: 220px
}

#GNB .gnb_edu_cont .gnb_edu_btn {
    padding-top: 15px
}

#GNB .gnb_edu_cal {
    border-bottom: 1px solid #EEE
}

#GNB .gnb_cal_cont {
    padding-bottom: 2px
}

#GNB .gnb_edu_cal > div+div {
    padding-top: 10px;
    border-top: 1px solid #EEE
}

#GNB .gnb_edu_cal .gnb_edu_title {
    margin-bottom: 10px;
    line-height: normal
}

#GNB .gnb_edu_cal .gnb_edu_title h4 {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #fc6d35
}

#GNB .gnb_edu_cal .gnb_edu_title a {
    display: inline;
    margin-left: 9px;
    line-height: normal
}

#GNB .gnb_cal_cont ul li {
    float: left;
    width: 193px !important;
    margin: 0px 0px 8px
}

#GNB .gnb_cal_cont ul li a {
    overflow: hidden;
    padding-right: 5px;
    font-size: 14px;
    line-height: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    width: 188px
}

#GNB .gnb_edu_cont ul li a:hover {
    color: #000;
    font-weight: 600
}

#GNB .gnb_cal_cont ul li span {
    float: left;
    width: 18px;
    padding: 2px 0px;
    margin-right: 4px;
    font-size: 10px;
    color: #FFF;
    text-align: center;
    background: #fc6d35;
    border-radius: 4px;
    font-weight: bold
}

#GNB .gnb_cal_cont ul, .gnb_edu_cont .gnb_edu_btn ul {
    overflow: hidden
}

#GNB .gnb_edu_btn ul li {
    width: auto !important;
    background: url('https://cdn.ibos.kr/images/gnb_icon_edu_bul1.jpg') no-repeat 0% 50%;
    float: left;
    line-height: normal
}

#GNB .gnb_edu_btn ul li a {
    height: 14px;
    line-height: 14px;
    padding: 0px 23px 0px 13px;
    font-size: 14px;
    color: #454545
}

#GNB .gnb_edu_cont:after, #GNB .gnb_cal_cont ul:after, #GNB .gnb_cal_cont ul li:after, #GNB .gnb_edu_btn ul:after {
    display: block;
    content: "";
    clear: both
}

#GNB .gnb_more {
    display: inline-block !important;
    width: 38px;
    height: 19px;
    text-indent: -999em;
    background: url('https://cdn.ibos.kr/images/main_icon.png') 0 -143px no-repeat
}

#messenger_pop {
    position: fixed;
    right: 30px;
    bottom: 50px;
    z-index: 999;
    width: 315px;
    height: 390px;
    background: #fff;
    overflow: hidden;
    box-shadow: 1px 1px 20px #999
}

#messenger_pop a:hover {
    color: inherit
}

#messenger_pop .msg_usr {
    background: #663399;
    padding: 10px 20px
}

#messenger_pop .msg_usr .top_menu {
    position: relative
}

#messenger_pop .msg_usr .top_menu img {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    width: 18px;
    height: 18px;
    cursor: pointer
}

#messenger_pop .msg_usr .top_menu .close {
    right: 0;
    background: none
}

#messenger_pop .msg_usr .top_menu h5 {
    width: 100%;
    line-height: 26px;
    font-size: 15px;
    text-align: center;
    font-weight: normal
}

#messenger_pop .msg_usr .top_menu h5 a {
    color: #FFF
}

#messenger_pop .msg_usr .top_menu h5 a:hover {
    text-decoration: underline
}

#messenger_pop .msg_usr .user_int {
    text-align: center
}

#messenger_pop .msg_usr .user_img {
    position: relative;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    border-radius: 100%;
    background: #fff;
    margin-bottom: 15px
}

#messenger_pop .msg_usr .user_img .verified_user {
    position: absolute;
    width: 19px;
    height: 19px;
    right: -3px;
    bottom: -3px;
    background: url('https://cdn.ibos.kr/images/mypage_icon_ver2.png?v=1.0') no-repeat;
    background-position: 0 -17px;
    text-indent: -9999em
}

#messenger_pop .msg_usr .name:after {
    content: '';
    display: block;
    clear: both
}

#messenger_pop .msg_usr .name {
    display: inline-block;
    color: #fff;
    line-height: 17px;
    margin-bottom: 15px
}

#messenger_pop .msg_usr .name .p_name, #messenger_pop .msg_usr .name .expert {
    float: left
}

#messenger_pop .msg_usr .name .p_name {
    font-size: 16px;
    margin-right: 5px
}

#messenger_pop .msg_usr .name .certification {
    display: inline-block;
    height: 17px;
    font-size: 12px;
    padding: 0 3px;
    background: #6F7198
}

#messenger_pop .msg_usr .name .certification a {
    color: #fff
}

#messenger_pop .msg_usr .name .certification a:hover {
    text-decoration: none
}

#messenger_pop .msg_usr .int_self {
    padding: 0 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #fff
}

#messenger_pop .msg_txt {
    background: #f9f9f9;
    overflow: hidden
}

#messenger_pop .msg_txt .ur_txt {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 50px;
    border-top: 1px solid #ddd
}

#messenger_pop .msg_txt .ur_txt a {
    display: block;
    margin: 7px auto;
    width: 150px;
    border: 1px solid #E0E0E0;
    text-align: center;
    line-height: 34px;
    font-weight: 600;
    font-size: 14px
}

#messenger_pop .msg_txt .ur_txt a:hover {
    background: #FCFCFC
}

#messenger_pop .msg_txt .our_txt {
    overflow-y: auto;
    height: 253px;
    padding: 20px;
    width: 275px
}

#messenger_pop .msg_txt .our_txt .txt_info:after {
    content: '';
    display: block;
    clear: both
}

#messenger_pop .msg_txt .our_txt .txt_info {
    line-height: 32px;
    margin-bottom: 5px
}

#messenger_pop .msg_txt .our_txt .txt_info img {
    float: left;
    margin-right: 5px
}

#messenger_pop .msg_txt .our_txt .txt_info .name, #messenger_pop .msg_txt .our_txt .txt_info .date, #messenger_pop .msg_txt .our_txt .txt_info .time {
    float: left
}

#messenger_pop .msg_txt .our_txt .txt_info .name {
    font-size: 13px;
    margin-right: 5px
}

#messenger_pop .msg_txt .our_txt .txt_info .date {
    color: #bdbdbd;
    font-size: 12px;
    padding-top: 2px
}

#messenger_pop .msg_txt .our_txt .txt_info .time {
    color: #bdbdbd;
    font-size: 12px;
    padding-top: 2px
}

#messenger_pop .msg_txt .our_txt .paraph {
    padding: 15px;
    border: 1px solid #ddd;
    background: #fff;
    line-height: 23px;
    word-break: break-all
}

#regular_mb_bn {
    position: relative;
    background: #663399
}

#regular_mb_bn .wrap {
    width: 1050px;
    margin: 0 auto
}

#regular_mb_bn .wrap p {
    line-height: 36px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #FFF;
    text-align: center
}

#regular_mb_bn .wrap p a {
    background: #F0F0F0;
    display: inline-block;
    padding: 2px 6px;
    margin-left: 40px;
    line-height: 18px;
    letter-spacing: -1px;
    font-size: 12px;
    color: #666
}

#regular_mb_bn .wrap p a:hover {
    text-decoration: none;
    color: #000
}

#regular_mb_bn .btn_close_bn {
    position: absolute;
    top: 8px;
    right: 10px;
    cursor: pointer
}

#pageTop {
    display: block;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 55px;
    height: 55px;
    cursor: pointer;
    z-index: 901;
    background: url('https://cdn.ibos.kr/images/view_btn_top.png?v=1') no-repeat;
    border: 0;
    text-indent: -999em
}

#pageTop:hover {
    background-position: -55px 0
}

#sub_hd .guest a {
    position: relative;
    margin-right: 10px;
    font-size: 14px;
    line-height: 40px
}

#sub_hd .guestNav {
    display: flex;
    align-items: center;
    gap: 24px
}

#sub_hd .guestNav a {
    font-size: 15px
}

#sub_hd .guestNav a:hover {
    text-decoration: underline;
    font-weight: 600
}

#sub_hd .guestNav .sp {
    width: 1px;
    height: 10px;
    background: #C0C0C0
}

#sub_hd .inner {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

#sub_hd .inner::after {
    display: block;
    content: '';
    clear: both
}

#sub_hd .Logged a:hover {
    text-decoration: none;
    color: inherit
}

#sub_hd .Logged i {
    display: inline-block;
    width: 26px;
    height: 26px;
    position: relative;
    top: 6px;
    text-align: center;
    font-style: normal
}

#sub_hd .Logged i:hover {
    background: #EEE
}

#sub_hd .Logged em {
    margin-left: 6px;
    color: #999
}

#sub_hd .s_hd_menu > li {
    position: relative;
    display: inline-block;
    margin: 0 7px;
    cursor: pointer;
    color: #666
}

#sub_hd .s_hd_menu li label {
    margin-right: 5px;
    cursor: pointer
}

#sub_hd .s_hd_menu li span {
    display: inline-block;
    margin-right: 2px;
    font-size: 14px
}

#sub_hd .s_hd_menu li:hover span, #sub_hd .s_hd_menu li:hover label {
    color: #000;
    font-weight: 400
}

#sub_hd .s_hd_menu li.spacer {
    width: 1px;
    height: 10px;
    background: #C0C0C0;
    cursor: default
}

#sub_hd .Logged .profile {
    cursor: pointer
}

#sub_hd .Logged .profile label {
    font-weight: 500;
    cursor: pointer
}

#sub_hd .Logged .profile img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    transition: transform 0.2s ease
}

#sub_hd .Logged .profile img:active {
    transform: scale(0.9)
}

#sub_hd .Logged .profile em {
    background-position: -15px -20px
}

#sub_hd .Logged .profile:hover em {
    background-position: -35px -20px
}

#sub_hd .Logged .profile dl {
    display: none;
    position: absolute;
    top: 60px;
    right: -15px;
    z-index: 1001;
    background: #FFF;
    width: 240px;
    box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.2);
    padding: 10px 0;
    border-radius: 12px
}

#sub_hd .Logged .profile dl dt {
    padding: 15px 20px;
    border-bottom: 1px solid #EEE;
    margin-bottom: 7px
}

#sub_hd .Logged .profile dl label.bar {
    display: block;
    border-bottom: 1px solid #EEE;
    margin: 7px 0
}

#sub_hd .Logged .profile .name {
    display: inline-block;
    line-height: 100%;
    font-size: 16px;
    font-weight: 500;
    color: #1f2629;
    padding-top: 5px
}

#sub_hd .Logged .profile dl dt img {
    width: 45px;
    height: 45px
}

#sub_hd .Logged .profile dl dd {
    text-indent: 10px;
    font-size: 12px
}

#sub_hd .Logged .profile dl dd:hover {
    background: #F5F5F5;
    font-weight: bold;
    color: #000
}

#sub_hd .Logged .profile dl dd a {
    display: block;
    padding-left: 10px;
    line-height: 38px;
    font-size: 14px
}

#sub_hd .Logged .profile dl dd a > label {
    position: relative;
    top: 4px;
    display: inline-block;
    text-indent: -999em;
    width: 15px;
    height: 15px;
    background: url('https://cdn.ibos.kr/images/profile_icon_set.png?v=21040702') no-repeat;
    margin-right: 12px
}

#sub_hd .Logged .profile dl dd a label.ltr {
    background-position: 0px -80px
}

#sub_hd .Logged .profile dl dd a:hover label.ltr {
    background-position: -20px -80px
}

#sub_hd .Logged .profile dl dd a label.icon_cash {
    background-position: -40px -80px
}

#sub_hd .Logged .profile dl dd a:hover label.icon_cash {
    background-position: -60px -80px
}

#sub_hd .Logged .profile dl dd a label.icon_boscon {
    background-position: -120px -80px
}

#sub_hd .Logged .profile dl dd a:hover label.icon_boscon {
    background-position: -140px -80px
}

#sub_hd .Logged .profile dl dd.biz a {
    position: relative
}

#sub_hd .Logged .profile dl dd.biz a b {
    color: #FF4949;
    font-size: 11px;
    letter-spacing: -1px;
    position: relative;
    top: -2px
}

#sub_hd .Logged .profile dl dd.biz .nonverified {
    font-size: 12px;
    color: #CCC;
    padding-left: 2px
}

#sub_hd .Logged .profile dl dd.auth a span {
    color: #CCC;
    font-size: 12px;
    padding-left: 2px
}

#sub_hd .Logged .profile dl dd.auth a span.verified {
    color: #663399;
    font-weight: 600
}

#sub_hd .Logged .profile label.sp_bar {
    width: 1px;
    height: 10px;
    background: #E0E0E0;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -5px
}

#sub_hd .Logged .profile.login a:hover, #sub_hd .Logged .profile.join a:hover {
    text-decoration: underline;
    font-weight: 500
}

#sub_hd .Logged .mylitter {
    color: #939;
    font-weight: 600
}

#sub_hd .Logged .mylitter em {
    background-position: -15px -41px;
    margin-right: 2px
}

#sub_hd .Logged .mylitter:hover {
    color: #939;
    text-decoration: underline
}

#sub_hd .Logged .mylitter:hover em {
    background-position: -35px -41px
}

#sub_hd .Logged .mylitter .bslitter {
    display: inline-block;
    width: 50px
}

#sub_hd .Logged .mycash {
    color: #939;
    font-weight: 600
}

#sub_hd .Logged .mycash em {
    background-position: -15px -80px;
    margin-right: 2px
}

#sub_hd .Logged .mycash:hover {
    color: #939;
    text-decoration: underline
}

#sub_hd .Logged .mycash:hover em {
    background-position: -35px -80px
}

#sub_hd .Logged .notification em {
    background-position: -15px -120px;
    top: 3px
}

#sub_hd .Logged .notification:hover em {
    background-position: -35px -120px
}

#sub_hd .Logged .notification.on em {
    background-position: -35px -120px
}

#sub_hd .Logged .notification strong {
    color: #FF4949;
    font-size: 10px;
    position: relative;
    top: -1px;
    font-family: Tahoma;
    font-weight: bold
}

#sub_hd .Logged .bsmsg em, #sub_hd .Logged .bsmsgn em {
    background-position: -15px -60px;
    top: 3px
}

#sub_hd .Logged .bsmsg:hover em, #sub_hd .Logged .bsmsgn:hover em {
    background-position: -35px -60px
}

#sub_hd .Logged .bsmsg strong, #sub_hd .Logged .bsmsgn strong {
    color: #FF4949;
    font-size: 10px;
    position: relative;
    top: -1px;
    font-family: Tahoma;
    font-weight: bold
}

#sub_hd .Logged .bsfollow em {
    background-position: -15px -180px;
    top: 3px
}

#sub_hd .Logged .bsfollow:hover em {
    background-position: -35px -180px
}

#sub_hd .Logged .bsfollow strong {
    color: #FF4949;
    font-size: 10px;
    position: relative;
    top: -1px;
    font-family: Tahoma
}

#sub_hd .Logged .friends em {
    background-position: -15px 0px;
    top: 3px
}

#sub_hd .Logged .friends:hover em {
    background-position: -35px 0px
}

#sub_hd .Logged .hd_more {
    margin: 0
}

#sub_hd .Logged .hd_more em {
    background-position: -15px -20px
}

#sub_hd .Logged .hd_more:hover em {
    background-position: -35px -20px
}

#sub_hd .Logged .hd_more ul {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 32px;
    right: 0;
    width: 433px;
    border: 1px solid #555;
    background: #FFF;
    z-index: 1001;
    padding: 10px 0 10px 25px
}

#sub_hd .Logged .hd_more ul li {
    float: left;
    width: 86px;
    line-height: 30px
}

#sub_hd .Logged .hd_more ul li a {
    font-size: 12px
}

#sub_hd .Logged .hd_more ul li a:hover {
    text-decoration: underline
}

#sub_hd .Logged .txtbtn {
    margin: 0
}

#sub_hd .Logged .txtbtn a {
    padding: 0 5px;
    line-height: 40px
}

#sub_hd .Logged .txtbtn a:hover {
    color: #000
}

#sub_hd .notifiLayer {
    display: none;
    position: absolute;
    top: 60px;
    right: 8px;
    background: #FFF;
    width: 398px;
    height: 432px;
    box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.2);
    z-index: 1000;
    border-radius: 12px
}

#sub_hd .notifiLayer > label {
    display: block;
    position: absolute;
    top: -7px;
    right: 81px;
    text-indent: -999em;
    width: 13px;
    height: 7px
}

#sub_hd .notifiLayer .tit {
    position: relative;
    border-bottom: 1px solid #eee;
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px
}

#sub_hd .notifiLayer .tit h3 {
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 8px
}

#sub_hd .notifiLayer .tit h3 i {
    font-size: 18px
}

#sub_hd .notifiLayer .set_func span {
    display: inline-block;
    cursor: pointer;
    border: 1px solid #eee;
    margin-right: 4px;
    line-height: 20px;
    padding: 0 8px 2px;
    background: #F9F9F9;
    color: #666;
    font-size: 12px
}

#sub_hd .notifiLayer .set_func span:hover {
    border-color: #ccc;
    color: #000
}

#sub_hd .notifiLayer .setting, #sub_hd .notifiLayer .setting_msg {
    text-indent: -999em;
    width: 20px;
    height: 20px;
    position: relative;
    top: 11px;
    background: url('https://cdn.ibos.kr/images/iboss_main_icon_set.png?v=3') no-repeat;
    background-position: -15px -100px
}

#sub_hd .notifiLayer .tit .setting:hover {
    background-position: -35px -100px
}

#sub_hd .notifiLayer img {
    width: 36px;
    height: 36px;
    border-radius: 50%
}

#sub_hd .notifiLayer .basicProfImage {
    font-size: 40px;
    color: #d4d0db
}

#sub_hd .notifiLayer .dailyMission {
    font-size: 16px;
    width: 40px;
    height: 40px;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffcc00;
    border-radius: 50%
}

#sub_hd .notifiLayer .wrap {
    overflow-y: auto;
    height: 381px
}

#sub_hd .s_popup .wrap > .cell:after {
    content: '';
    display: block;
    clear: both
}

#sub_hd .s_pop_msg .wrap > .cell {
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #EEE
}

#sub_hd .s_pop_msg .wrap > .cell:hover {
    background: #ebe5f1
}

#sub_hd .s_pop_msg .read_0 .cont span, #sub_hd .s_pop_msg .read_0 .cont strong {
    color: #AAA
}

#sub_hd .s_pop_msg .read_0:hover {
    background: #F2F4F6 !important
}

#sub_hd .notifiLayer .wrap:after {
    content: '';
    display: block;
    clear: both
}

#sub_hd .notifiLayer .wrap > .cell {
    position: relative;
    border-bottom: 1px solid #EEE
}

#sub_hd .notifiLayer .wrap > .cell:hover {
    background: #FAFAFA;
    transition: all 0.2s
}

#sub_hd .notifiLayer .wrap > .msg_none:hover {
    background: none
}

#sub_hd .notifiLayer .wrap .read_0:hover {
    background: #F2F4F6;
    transition: all 0.2s
}

#sub_hd .notifiLayer .wrap > .cell:hover .act_read {
    display: block
}

#sub_hd .notifiLayer .wrap > .cell a {
    display: flex;
    gap: 12px;
    padding: 16px 20px
}

#sub_hd .notifiLayer .wrap > .cell a:hover {
    color: inherit;
    text-decoration: none
}

#sub_hd .notifiLayer .wrap .msg_none {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: calc(100% - 70px);
    gap: 20px
}

#sub_hd .notifiLayer .wrap .msg_none i {
    font-size: 32px;
    background: #f2f4f6;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    border-radius: 50%;
    line-height: 60px;
    color: #999;
    text-align: center
}

#sub_hd .notifiLayer .wrap .msg_none p {
    font-size: 15px;
    font-weight: 500;
    color: #555
}

#sub_hd .notifiLayer .cont strong {
    color: #AAA;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: -0.4px;
    padding-right: 60px;
    line-height: 20px;
    display: block;
    word-break: break-word
}

#sub_hd .notifiLayer .read_0 .cont strong {
    color: #000
}

#sub_hd .notifiLayer .cont p {
    color: #AAA;
    font-size: 14px;
    letter-spacing: -0.4px;
    padding-right: 24px;
    line-height: 20px
}

#sub_hd .notifiLayer .read_0 .cont p {
    color: #333
}

#sub_hd .notifiLayer .cont span {
    font-size: 13px;
    color: #555
}

#sub_hd .notifiLayer .cont span.msg_cnt {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 14px;
    height: 14px;
    background: #FF4949;
    text-align: center;
    font-size: 11px;
    color: #FFF
}

#sub_hd .notifiLayer .cont span.time {
    position: absolute;
    top: 16px;
    right: 20px;
    color: #AAA;
    font-size: 12px;
    letter-spacing: -0.4px
}

#sub_hd .notifiLayer .read_0 .cont span.time {
    color: #666
}

#sub_hd .notifiLayer .act_read {
    display: none;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -6px;
    z-index: 10;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    cursor: pointer
}

#sub_hd .notifiLayer .act_read em {
    display: block;
    text-indent: -999em;
    width: 6px;
    height: 6px;
    background: #AAA;
    margin: 3px;
    border-radius: 50%
}

#sub_hd .notifiLayer .act_read:hover em {
    background: #787878
}

#sub_hd .notifiLayer .msg_lst_wrap a.btn_msg_act {
    height: 80px
}

#sub_hd .notifiLayer .msg_lst_wrap a.btn_msg_act img.bd_R50 {
    margin: 20px 17px
}

#sub_hd .notifiLayer .msg_lst_wrap p.context {
    padding-right: 24px;
    margin-top: 4px
}

#sub_hd .notifiLayer .msg_lst_wrap .read_0 p.context {
    color: #555
}

#sub_hd .notifiLayer .msg_lst_wrap .read_0 .cont div {
    color: #888
}

#sub_hd .notifiLayer .dummyCell {
    padding: 12px 0;
    height: 82px;
    box-sizing: border-box;
    position: relative;
    border-bottom: 1px solid #EEE
}

#sub_hd .notifiLayer .dummyCell label {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 16px;
    width: 40px;
    height: 40px;
    background: #EEE;
    border-radius: 50%
}

#sub_hd .notifiLayer .dummyCell p {
    margin-left: 68px
}

#sub_hd .notifiLayer .dummyCell p span {
    width: 190px;
    height: 13px;
    display: block;
    margin-bottom: 5px;
    box-sizing: border-box;
    background: #EEE
}

#sub_hd .notifiLayer .dummyCell p span:first-child {
    height: 16px;
    margin-bottom: 8px;
    width: 90%
}

#sub_hd .notifiLayer .dummyCell p span.inline {
    display: inline-block;
    margin-right: 12px;
    width: 60px;
    margin-bottom: 0
}

#sub_hd .msg_lst_wrap .cont div {
    margin-top: 4px;
    font-size: 12px;
    color: #AAA
}

#sub_hd .msg_lst_wrap .cont div i {
    font-style: normal;
    display: inline-block;
    margin: 0 6px
}

#sub_hd .s_pop_communi {
    right: 128px
}

#sub_hd .s_pop_communi .cell {
    cursor: pointer;
    border-bottom: 1px solid #E0E0E0
}

#sub_hd .s_pop_communi .cell_inner {
    position: relative
}

#sub_hd .s_pop_communi .cell.unread {
    background: #F9F6FC
}

#sub_hd .s_pop_communi .cell .profile {
    float: left
}

#sub_hd .s_pop_communi .cell .profile .img img {
    margin: 20px 17px
}

#sub_hd .s_pop_communi .cell .cont {
    float: left;
    padding-top: 20px
}

#sub_hd .s_pop_communi .cell .cont p {
    line-height: normal
}

#sub_hd .s_pop_communi .cell .cont .msg-text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
    font-size: 13px
}

#sub_hd .s_pop_communi .cell .cont .date {
    position: absolute;
    top: 22px;
    right: 25px
}

#sub_hd .s_pop_communi .cell.unread:hover {
    background: #ebe5f1 !important
}

#sub_hd .s_pop_communi .cell:hover {
    background: #F3F3F3 !important
}

#sub_hd .s_pop_communi .cell:hover .act_read {
    display: block
}

#sub_hd .s_pop_communi .cell a div > p {
    font-size: 12px;
    color: #A0A0A0;
    padding: 0;
    padding-top: 7px
}

#sub_hd .s_pop_communi .cell .unread_cnt {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -10px
}

#sub_hd .s_pop_communi .cell .unread_cnt em {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    font-style: normal;
    background: #ff4949
}

#sub_hd .s_pop_communi .msg_send_info {
    position: relative
}

#sub_hd .s_pop_communi .msg_send_info strong {
    color: #000;
    font-size: 13px
}

#sub_hd .s_pop_communi .chat_time {
    position: absolute;
    top: 0;
    right: 24px
}

#sub_hd .s_pop_communi .text-ellipsis {
    padding-top: 7px;
    color: #333 !important;
    font-family: initial
}

#sub_hd .s_pop_communi .no-list {
    text-align: center;
    padding: 150px 0
}

#sub_hd .s_pop_msg .cell .cont .msg_send_info {
    margin-bottom: 9px;
    padding-top: 20px
}

#sub_hd .s_pop_msg .cell .cont .msg_send_info .chat_time {
    font-size: 12px;
    color: #999;
    margin-left: 12px;
    font-weight: 400;
    font-family: "Lato", serif;
    position: relative;
    top: -1px
}

#sub_hd .s_pop_msg .cell .cont .msg_send_info .msg_cnt {
    right: 8px;
    top: 34px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-weight: 500;
    font-family: "Lato",serif
}

#sub_hd .s_pop_msg .cell .cont .text-ellipsis {
    max-width: 280px;
    font-size: 14px
}

#sub_hd .s_pop_follow {
    right: 68px
}

#sub_hd .s_pop_follow .msg_none:hover {
    background: none !important
}

#sub_hd .s_pop_follow p {
    font-size: 14px
}

#sub_hd .s_pop_msg {
    right: 60px
}

#sub_hd .s_pop_friend {
    right: 122px
}

#sub_hd .notifiLayer.s_pop_friend .wrap a.f_nickname {
    display: inline;
    height: auto
}

#sub_hd .s_pop_friend .act_f {
    position: absolute;
    top: 19px;
    border: 1px solid #E0E0E0;
    padding: 5px 0;
    width: 58px;
    line-height: 100%;
    text-align: center;
    cursor: pointer
}

#sub_hd .s_pop_friend .act_f.f_confirm {
    background: #663399;
    color: #FFF;
    border-color: #663399;
    right: 77px
}

#sub_hd .s_pop_friend .act_f.f_decline {
    right: 12px;
    background: #F0F0F0
}

#bs_alarm_set {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9998
}

#bs_alarm_set .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000
}

#bs_alarm_set .cont {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 333px;
    height: 418px;
    margin: -209px 0px 0px -209px;
    border: 1px solid #404040;
    z-index: 9999;
    background: #fff
}

#bs_alarm_set .cont h3 {
    padding: 10px 0px;
    border-bottom: 1px solid #e0e0e0;
    text-align: center;
    font-size: 16px;
    color: #333;
    font-weight: 600
}

#bs_alarm_set .cont ul {
    padding: 0px 17.5px
}

#bs_alarm_set .cont ul li {
    position: relative;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #404040
}

#bs_alarm_set .cont ul li span {
    position: absolute;
    top: 15px;
    right: 0px;
    width: 60px;
    height: 24px;
    line-height: 24px;
    border-radius: 100px;
    background: #1473e6;
    transition: all .2s ease-in-out;
    color: #fff;
    text-align: center;
    cursor: pointer;
    font-weight: 600
}

#bs_alarm_set .cont ul li .OFF {
    background: #bebebe;
    transition: all .2s ease-in-out
}

#bs_alarm_set .cont ul li label {
    color: #1473E6
}

#bs_alarm_set .cont .btn_modify {
    display: block;
    width: 90px;
    height: 34px;
    line-height: 34px;
    margin: 10px auto 0px;
    font-size: 13px;
    color: #FFF;
    background: #454545;
    cursor: pointer;
    text-align: center
}

#bs_alarm_set .cont .btn_modify:hover {
    background: #1c1c1c;
    transition: all .2s ease-in-out
}

#main-region-pop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000
}

#main-region-pop .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1001
}

#main-region-pop .wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1002;
    width: 500px;
    margin-left: -250px;
    margin-top: -300px
}

#main-region-pop .wrap a {
    display: block
}

#main-region-pop .wrap .hide-region-pop {
    display: block;
    text-align: right;
    color: #FFF;
    font-size: 15px;
    cursor: pointer;
    margin-bottom: 5px
}

#main-region-pop .wrap .hide-region-pop:hover {
    text-decoration: underline
}

#subscribe-form {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    border: solid 1px #E0E0E0;
    padding: 30px;
    text-align: center
}

#subscribe-form .form-wrap {
    background-color: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -259px;
    margin-top: -240px;
    z-index: 1002;
    padding: 50px;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.35)
}

#subscribe-form .subscription_bg {
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1001;
    width: 100%;
    height: 100%
}

#subscribe-form .fa-envelope-open-text {
    font-size: 52px;
    color: #663399
}

#subscribe-form .stb_form_title {
    font-size: 24px;
    padding: 20px 0;
    color: #6D5C7B
}

#subscribe-form .stb_form_description {
    padding-bottom: 30px;
    font-size: 14px;
    line-height: 24px;
    color: #777
}

#subscribe-form .stb_form_set {
    padding-bottom: 8px;
    position: relative
}

#subscribe-form .fieldset_wrap {
    position: relative;
    width: 418px;
    margin: 0 auto
}

#subscribe-form .stb_form_set .stb_form_set_label {
    display: none
}

#subscribe-form .stb_form_set .stb_form_set_input {
    display: block;
    width: 288px;
    padding: 8px 10px;
    border: 1px solid #6C5C7C;
    background: #fff;
    font-size: 14px;
    letter-spacing: 1px
}

#subscribe-form .stb_form_set_submit {
    position: absolute;
    top: 0;
    right: 0
}

#subscribe-form .stb_form_msg_error {
    display: none;
    color: #FF4949;
    font-size: 12px;
    position: absolute;
    left: 4px;
    top: -20px
}

#subscribe-form #stb_name_error {
    bottom: -13px;
    top: auto !important
}

#subscribe-form .stb_form_policy {
    position: relative;
    padding-bottom: 30px
}

#subscribe-form .stb_form_policy label input {
    width: 16px;
    height: 16px;
    margin: 0 3px 0 0
}

#subscribe-form .stb_form_policy label button {
    color: #3e81f6;
    cursor: pointer;
    background: none;
    text-decoration: underline
}

#subscribe-form .stb_form_modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100000
}

#subscribe-form .stb_form_modal.blind {
    display: none!important
}

#subscribe-form .stb_form_modal_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    z-index: 1
}

#subscribe-form .stb_form_modal_body {
    background: #fff;
    width: 94%;
    max-width: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 10
}

#subscribe-form .stb_form_modal_title {
    font-size: 18px;
    padding: 30px;
    color: #333
}

#subscribe-form .stb_form_modal_text {
    font-size: 14px;
    line-height: 1.71;
    color: #333;
    margin: 0 30px;
    max-height: 200px;
    overflow-y: auto
}

#subscribe-form .stb_form_modal_btn {
    padding: 30px;
    text-align: center
}

#subscribe-form .stb_form_modal_btn button {
    width: 100px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    background: #e6e6eb;
    color: #333;
    cursor: pointer
}

#subscribe-form .stb_form_submit_button {
    width: 100px;
    border: 0;
    height: 84px;
    background: #3e81f6;
    color: #FFF;
    cursor: pointer;
    font-size: 14px
}

#subscribe-form .stb_form_result {
    display: none
}

#subscribe-form .stb_form_result p {
    line-height: 1.4;
    font-size: 13px
}

#subscribe-form .stb_form_result.fail p {
    color: #FF4949
}

#subscribe-form .stb_form_result.success p {
    color: #448AFF
}

#subscribe-form .fa-times {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 24px;
    width: 24px;
    color: #999;
    cursor: pointer
}

.footer1st {
    width: 100%;
    background: #F9F9F9;
    clear: both
}

.footer1st #FooterNotice {
    width: 100%;
    height: 40px;
    border: 1px solid #E0E0E0;
    border-width: 1px 0;
    background: #FFF
}

.footer1st #FooterNotice .noticebox {
    width: 1050px;
    margin: .0 auto
}

.footer1st #FooterNotice .noticebox > span {
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    margin-right: 20px
}

.footer1st #FooterNotice .noticebox > a {
    display: block;
    float: left;
    height: 40px;
    line-height: 40px
}

.footer1st #FooterNotice .noticebox:after {
    content: '';
    display: block;
    clear: both
}

.footer1st #FooterMain {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    gap: 50px;
    align-items: center
}

.footer1st #FooterMain .footer_ibosslogo {
    width: 100px
}

.footer1st #FooterMain .footer_ibosslogo .ibosslogo_cover {
    width: 100px
}

.footer1st #FooterMain .footer_ibosslogo .ibosslogo_cover img {
    width: 100%
}

.footer1st #FooterMain .footer_navbox {
    width: calc(100% - 150px);
    margin-left: 50px;
    display: flex;
    flex-direction: column
}

.footer1st #FooterMain .footer_navbox .footer-nav ul {
    position: relative;
    display: flex;
    align-items: center;
    height: 48px
}

.footer1st #FooterMain .footer_navbox .footer-nav li a {
    display: inline-block;
    margin-left: 15px;
    padding-left: 15px;
    font-size: 14px;
    border: 1px solid #CCC;
    border-width: 0 0 0 1px;
    line-height: 12px
}

.footer1st #FooterMain .footer_navbox .footer-nav li a:hover {
    color: #000
}

.footer1st #FooterMain .footer_navbox .footer-nav li:first-child a {
    padding: 0;
    margin: 0;
    border: 0
}

.footer1st #FooterMain .footer_navbox .footer-nav li.cs {
    position: absolute;
    right: 0
}

.footer1st #FooterMain .footer_navbox .footer-nav li.cs a {
    border: 0;
    padding: 0
}

.footer1st #FooterMain .footer-info {
    position: relative;
    padding: 0 0 30px 0
}

.footer1st #FooterMain .footer-info span {
    padding-left: 10px;
    margin-left: 5px;
    border-left: 1px solid #eee;
    letter-spacing: -0.4px;
    color: #777;
    font-size: 13px;
    line-height: 160%
}

.footer1st #FooterMain .footer-info span:first-child {
    border-left: 0;
    padding-left: 0;
    margin-left: 0
}

.layered {
    border: 5px solid #000
}

#GNB .gnbWrap > li.market {
    float: right
}

.btn_more.btn_bubble {
    position: absolute;
    left: -6px;
    top: 36px;
    cursor: pointer
}

#msg_ly_pop {
    padding: 0px 12px;
    background: #FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: block;
    z-index: 9999;
    min-height: 30px;
    line-height: 32px;
    text-align: center;
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
    color: #000;
    font-size: 13px;
    min-width: 190px
}

#msg_ly_pop:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 8px 8px;
    border-color: #FFFFFF transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -8px;
    left: 30px
}

#msg_ly_pop span {
    color: #FF4949;
    font-weight: bold
}

.mission_chat_bubble {
    position: absolute;
    top: 9px;
    right: 56px;
    z-index: 10
}

.mission_chat_bubble a {
    position: absolute;
    top: 0;
    right: 0;
    width: 95px;
    height: 23px;
    z-index: 11
}

.mission_chat_bubble span {
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    height: 23px;
    z-index: 11;
    cursor: pointer
}

#GNB .gnb_cal_cont .online_edu li {
    position: relative
}

#GNB .gnb_cal_cont .online_edu li::before {
    content: '·';
    display: inline-block;
    position: absolute;
    left: 0;
    line-height: 16px;
    font-size: 25px;
    color: #fc6d35
}

#GNB .gnb_cal_cont .online_edu li a {
    padding-left: 10px;
    width: 180px
}

:root {
    --width-1280: 1280px;
    --width-1400: 1440px
}

#snb_layout {
    display: none;
    min-width: 160px;
    width: 100%;
    max-width: 180px;
    box-sizing: border-box;
    border-radius: 6px;
    background: #FFF;
    height: 100%;
    padding: 12px 0 20px;
    position: absolute;
    left: 30px;
    height: fit-content
}

#snb_layout h3 {
    font-weight: bold;
    color: #000;
    font-size: 19px;
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 16px
}

#snb_layout ul {
    padding-top: 6px
}

#snb_layout ul li {
    font-size: 15px;
    line-height: 22px;
    color: #555;
    margin: 2px 0
}

#snb_layout ul li a {
    display: block;
    padding: 6px 8px;
    transition: all 0.2s;
    border-radius: 8px;
    color: #555;
    margin: 0 8px
}

#snb_layout ul li a:hover {
    font-weight: 600;
    padding-left: 12px;
    color: #333
}

#snb_layout ul li a.active {
    background: #f2f4f6;
    font-weight: 600;
    color: #000
}

#snb_layout ul li a.active i {
    color: #333
}

#snb_layout ul li a.active:hover {
    padding-left: 8px
}

#snb_layout ul li a em {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #FF4949;
    position: relative;
    top: 4px;
    left: 4px;
    text-indent: -999em
}

#snb_layout ul li a span {
    display: inline-block
}

#snb_layout ul li a i {
    margin-right: 8px;
    color: #999;
    font-size: 15px;
    text-align: center;
    width: 24px
}

#snb_layout ul li p {
    padding: 4px 16px;
    color: #555;
    font-size: 13px;
    font-weight: 600;
    margin-top: 20px;
    color: #333
}

#snb_layout ul li:first-child p {
    margin: 0
}

#qa-container .container {
    width: 100%;
    max-width: var(--width-1400);
    padding: 0 20px;
    box-sizing: border-box
}

#qa-container .contents {
    width: 100%;
    min-width: 660px;
    max-width: 860px
}

.ly_qna_subb {
    background: #FFF
}

.toastNotification {
    display: none;
    min-width: 360px;
    margin-left: -180px;
    background-color: rgba(0,0,0,0.65);
    color: #FFF;
    padding: 12px 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 50px;
    font-size: 17px;
    opacity: 0;
    transition: opacity 0.5s, visibility 0.5s;
    border-radius: 20px;
    display: flex;
    gap: 16px
}

.toastNotification a {
    color: #F0F0F0;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600
}

.toastNotification a em {
    font-size: 24px;
    font-weight: 300
}

.toastNotification p {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: #000;
    border-radius: 50%;
    min-width: 36px
}

.toastNotification p i {
    font-size: 18px
}

.toastNotification .txt {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.toastNotification .txt strong {
    font-weight: bold
}

.toastNotification.show {
    visibility: visible;
    opacity: 1
}

.file-upload-popup-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.25);
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 48px
}

.file-upload-popup-layer .file-upload-loding {
    position: relative;
    z-index: 1001;
    color: #EEE
}
/*header css 끝*/
/*main css 시작*/


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, legend {
    margin : 0;
    padding : 0
}

h1,h2,h3,h4,h5,h6 {
    font-size : 100%
}

ol, ul, li {
    list-style : none
}

a {
    text-decoration: none;
    outline: none;
    color: #454545
}

*:focus {
    outline: none
}

address, caption, cite, code, dfn, th, var {
    font-style : normal;
    font-weight : normal
}

fieldset, img, input {
    border : 0;
    vertical-align: middle
}

caption {
    height: 0;
    width: 0;
    line-height: 0;
    visibility: hidden;
    overflow: hidden;
    position: absolute
}

legend {
    display: none
}

body, h1, h2, h3, h4, h5, h6, th, td, input, select, textarea {
    color: #454545;
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif !important;
    font-size: 12px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

strong {
    font-weight: 600
}

.AB-cr {
    zoom:1}

.AB-cr:after {
    content: "";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0
}

iframe[name='google_conversion_frame'] {
    height: 0!important;
    width: 0!important;
    line-height: 0!important;
    font-size: 0!important;
    margin-top: -13px;
    float: left
}

.hid {
    display: block;
    overflow: hidden;
    font-size: 0px;
    line-height: 0;
    text-indent: -9999px
}

iframe [name='google_conversion_frame'] {
    height: 0!important;
    width: 0!important;
    line-height: 0!important;
    font-size: 0!important;
    margin-top: -13px;
    float: left
}

.ABA-content-box {
    margin-right: 0
}

.bbs_wrap {
    text-align: center;
    margin-left: 25px
}

.bbs_body {
    width: 100%;
    font-size: 15px;
    line-height: 200%;
    text-align: justify
}

.bbs_cont {
    padding: 0 10px 0 15px;
    float: left
}

.bbs_blind {
    display: none
}

.AB_PG_keyword_linker {
    text-decoration: none;
    color: #344fb7
}

.opacity_10 {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
    filter: alpha(opacity=10);
    -moz-opacity: .1;
    -khtml-opacity: .1;
    opacity: .1
}

.opacity_15 {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15);
    filter: alpha(opacity=15);
    -moz-opacity: .15;
    -khtml-opacity: .15;
    opacity: .15
}

.opacity_25 {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    filter: alpha(opacity=25);
    -moz-opacity: .25;
    -khtml-opacity: .25;
    opacity: .25
}

.opacity_35 {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    filter: alpha(opacity=35);
    -moz-opacity: .35;
    -khtml-opacity: .35;
    opacity: .35
}

.opacity_50 {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5
}

.opacity_65 {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
    filter: alpha(opacity=65);
    -moz-opacity: .65;
    -khtml-opacity: .65;
    opacity: .65
}

.opacity_75 {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    -khtml-opacity: .75;
    opacity: .75
}

.popup-align {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.popup-animation {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.3s;
    animation-name: zoom;
    animation-duration: 0.3s
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0.7)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0.7)
    }

    to {
        transform: scale(1)
    }
}

.modal-animation {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1000;
    transform: translate(-50%, -50%) scale(1.0);
    transform-origin: center;
    -webkit-animation-name: animation;
    -webkit-animation-duration: 0.3s;
    animation-name: animation;
    animation-duration: 0.3s
}

@-webkit-keyframes animation {
    from {
        -webkit-transform: translate(-50%, -50%) scale(0.7);
        transform: translate(-50%, -50%) scale(0.7)
    }

    to {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
}

@keyframes animation {
    from {
        transform: translate(-50%, -50%) scale(0.7)
    }

    to {
        transform: translate(-50%, -50%) scale(1)
    }
}

:root {
    --event-point : rgb(68,41,243);
    --event-black : #000;
    --event-today : #660ff7;
    --color-50 : #f1edf8;
    --color-100 : #d9cbf4;
    --color-200 : #b495ec;
    --color-300 : #9468e6;
    --color-400 : #7739ea;
    --color-500 : #5707eb;
    --color-600 : #4e07d2;
    --color-700 : #4106b0;
    --color-800 : #34058a;
    --color-900 : #23045d;
    --grey-color-50 : #f8f7fa;
    --grey-color-100 : #f3f2f6;
    --grey-color-200 : #e6e4eb;
    --grey-color-300 : #d4d0db;
    --grey-color-400 : #b6b0c2;
    --grey-color-500 : #928aa1;
    --grey-color-600 : #746b85;
    --grey-color-700 : #574e69;
    --grey-color-800 : #3a324a;
    --grey-color-900 : #1f1a29;
    --confirm : #5AC22E
}

.text-ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ellipsis-1 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ellipsis-2 {
    display: -webkit-box !important;
    display: -moz-box;
    display: box !important;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.ellipsis-3 {
    display: -webkit-box !important;
    display: -moz-box;
    display: box !important;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.ellipsis-4 {
    display: -webkit-box !important;
    display: -moz-box;
    display: box !important;
    -webkit-line-clamp: 4;
    -moz-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.btn-ui-confirm {
    color: #007347;
    background: RGBA(90, 194, 46, 0.2);
    font-weight: 500;
    display: flex;
    height: 22px;
    align-items: center;
    padding: 0 8px;
    border-radius: 20px;
    gap: 4px;
    width: fit-content
}

.btn-ui-confirm i {
    background: #007347;
    width: 6px;
    height: 6px;
    display: block;
    border-radius: 100px
}

.btn-ui-cancel {
    color: #c41212;
    background: #feecec;
    font-weight: 500;
    display: flex;
    height: 22px;
    align-items: center;
    padding: 0 8px;
    border-radius: 20px;
    gap: 4px;
    width: fit-content
}

.btn-ui-cancel i {
    background: #ff4949;
    width: 6px;
    height: 6px;
    display: block;
    border-radius: 100px
}

.btn-ui-done {
    color: #4a4a4a;
    background: #ededef;
    font-weight: 500;
    display: flex;
    height: 22px;
    align-items: center;
    padding: 0 8px;
    border-radius: 20px;
    gap: 4px;
    width: fit-content
}

.btn-ui-done i {
    background: #4a4a4a;
    width: 6px;
    height: 6px;
    display: block;
    border-radius: 100px
}

.pdt12 {
    padding-top: 12px
}

.ABA-out-box {
    margin-top: 20px;
    line-height: 19px
}

.ABA-waring {
    border: 1px solid #cfcfcf;
    padding: 19px 15px
}

.ABA-waring ul {
    margin: 20px 0
}

.AB-out-lst .AB-fnc02 {
    color: #ff9000;
    font-weight: 600
}

.ABA-out-input {
    background: #f6f6f6;
    border: 1px solid #cfcfcf;
    padding: 11px 10px;
    margin-top: 22px
}

.AB-sj01 {
    width: 101px;
    font-weight: 600;
    padding-left: 10px
}

.AB-blank {
    background: url("bg_dot.gif") 0 0 repeat-y
}

.AB-util-menu {
    position: absolute;
    right: 3px;
    top: 20px
}

.AB-util-menu ul li.first {
    background: none
}

.AB-util-menu ul li {
    float: left;
    background: url("line02.gif") 0 3px no-repeat;
    padding: 0 7px 0 6px
}

.AB-util-menu a {
    font-size: 11px;
    font-family: 돋움체;
    letter-spacing: -1px
}

.ABA-search-wrap {
    position: absolute;
    right: 0;
    bottom: 6px;
    overflow: hidden;
    zoom:1;text-align: right
}

.AB-tsch {
    display: inline
}

p.AB-sologon {
    font-size: 11px;
    color: #717171;
    line-height: 16px;
    display: inline;
    padding: 2px 10px 0 0
}

p.AB-sologon span {
    color: #ff1021
}

.AB-sch-inputtype01 {
    border: 1px solid #d8d8d8;
    width: 407px;
    height: 24px;
    line-height: 24px;
    padding-left: 5px;
    font-size: 15px
}

.AB-tsch-box {
    padding-right: 44px;
    position: relative;
    zoom:1}

.AB-tsch-box .AB-sch-inputtype03 {
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 23px;
    _top: 2px
}

.AB-sch-inputtype02 {
    border: 1px solid #aaa !important;
    width: 100%;
    height: 21px !important;
    border-right: none !important;
    margin-right: -4px;
    vertical-align: middle;
    line-height: 21px
}

.ABA-bbs-btn {
    margin: 6px 0 5px
}

.ABA-bbs-btn p {
    background: url("bg_round_box01.gif") 0 0 no-repeat;
    width: 100%;
    line-height: 26px;
    font-size: 11px;
    margin-bottom: 4px
}

.ABA-bbs-btn p a {
    color: #4a4a4a;
    display: block;
    margin-left: 40px;
    ;background: url("bg_round_box01.gif") right -27px no-repeat;
    height: 27px
}

.ABA-subcontent {
    position: relative;
    ;_width: 763px
}

.ABA-subcontent h4 {
    background: url("icon_allow03.gif") 0 5px no-repeat;
    padding: 5px 0 5px 18px;
    font-size: 13px;
    color: #000
}

.AB-wrightbtn-pos {
    position: absolute;
    right: 0;
    top: 0;
    height: 35px
}

.AB-text-clause .bx {
    line-height: 23px;
    padding: 17px 21px
}

.AB-text-clause .bx h2 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin: 8px 0
}

.AB-text-clause .bx h3 {
    padding: 15px 0 15px 4px;
    background: none;
    font-size: 15px;
    font-weight: 600
}

.box_sizing {
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    box-sizing: border-box!important
}

.bdR3 {
    -webkit-border-radius: 3px!important;
    -moz-border-radius: 3px!important;
    border-radius: 3px!important
}

.bdR5 {
    -webkit-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    border-radius: 5px!important
}

.bd_R1 {
    -webkit-border-radius: 1px!important;
    -moz-border-radius: 1px!important;
    border-radius: 1px!important
}

.bd_R2 {
    -webkit-border-radius: 2px!important;
    -moz-border-radius: 2px!important;
    border-radius: 2px!important
}

.bd_R3 {
    -webkit-border-radius: 3px!important;
    -moz-border-radius: 3px!important;
    border-radius: 3px!important
}

.bd_R5 {
    -webkit-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    border-radius: 5px!important
}

.bd_R7 {
    -webkit-border-radius: 7px!important;
    -moz-border-radius: 7px!important;
    border-radius: 7px!important
}

.bd_R10 {
    -webkit-border-radius: 10px!important;
    -moz-border-radius: 10px!important;
    border-radius: 10px!important
}

.bd_R30 {
    -webkit-border-radius: 30px!important;
    -moz-border-radius: 30px!important;
    border-radius: 30px!important
}

.bd_R50 {
    -webkit-border-radius: 50%!important;
    -moz-border-radius: 50%!important;
    border-radius: 50%!important
}

.nlevel {
    height: 16px;
    width: 22px;
    display: inline-block;
    background-image: url('https://cdn.ibos.kr/template/BUILDER_community/program/images/level03.gif');
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 3px
}

.nlevel_98 {
    background-position: 0 0
}

.nlevel_97 {
    background-position: -22px 0
}

.nlevel_96 {
    background-position: -44px 0
}

.nlevel_95 {
    background-position: 0 -19px
}

.nlevel_94 {
    background-position: -22px -19px
}

.nlevel_93 {
    background-position: -44px -19px
}

.nlevel_92 {
    background-position: 0 -37px
}

.nlevel_91 {
    background-position: -22px -37px
}

.nlevel_90 {
    background-position: -44px -37px
}

.nlevel_89 {
    background-position: 0 -54px
}

.nlevel_88 {
    background-position: -22px -54px
}

.nlevel_87 {
    background-position: -44px -54px
}

.nlevel_86 {
    background-position: 0 -74px
}

.nlevel_85 {
    background-position: -22px -74px
}

.nlevel_84 {
    background-position: -44px -74px
}

.nlevel_83 {
    background-position: 0 -96px
}

.nlevel_82 {
    background-position: -22px -96px
}

.nlevel_81 {
    background-position: -44px -96px
}

.nlevel_80 {
    background-position: 0 -118px
}

.nlevel_79 {
    background-position: -22px -118px
}

.nlevel_78 {
    background-position: -44px -118px
}

.nlevel_77 {
    background-position: 0 -140px
}

.nlevel_76 {
    background-position: -22px -140px
}

.nlevel_75 {
    background-position: -44px -140px
}

.nlevel_74 {
    background-position: 0 -162px
}

.nlevel_73 {
    background-position: -22px -162px
}

.nlevel_72 {
    background-position: -44px -162px
}

.nlevel_71 {
    background-position: 0 -184px
}

.nlevel_70 {
    background-position: -22px -184px
}

.nlevel_69 {
    background-position: -44px -184px
}

.nlevel.nlevel_01, .nlevel.nlevel_00 {
    height: 16px;
    width: 22px;
    display: inline-block;
    background: url('https://cdn.ibos.kr/images/level_Admin.png') no-repeat;
    vertical-align: middle ;
    margin-right: 3px;
    background-position: 0
}

.plusBadge {
    color: #7115f4;
    font-size: 12px;
    position: relative;
    top: -2px
}

.plusBadge.cmt {
    font-size: 14px;
    margin-left: 4px
}

.ABA-footer {
    margin: 15px auto 0
}

.AB-fmenu-wrap {
    overflow: hidden;
    zoom:1;padding: 9px 0
}

.AB-foot-tit {
    float: left;
    width: 190px;
    text-align: center
}

.AB-fmenu li {
    float: left;
    padding: 0 15px;
    border-left: 1px solid #d2d2d2
}

.AB-fmenu li a {
    color: #454545;
    font-size: 12px
}

.AB-foot-logo {
    width: 190px;
    text-align: center;
    padding-top: 15px
}

.AB-adress {
    padding-top: 17px
}

.AB-adress li {
    color: #454545;
    font-size: 11px;
    line-height: 17px
}

.AB-idpw-input li strong {
    font-weight: 600
}

.AB-sndline-d {
    border-top: 1px solid #b2b2b2;
    border-bottom: 2px solid #353535
}

.layout_col .tit {
    position: relative
}

.layout_col .tit h5 {
    display: block;
    font-size: 15px;
    letter-spacing: -1px;
    color: #454545;
    padding-bottom: 12px;
    font-weight: 500
}

.layout_col .tit .more {
    position: absolute;
    top: 3px;
    right: 0;
    color: #A5A5A5
}

.layout_col .tit .more:hover {
    text-decoration: underline
}

.layout_col .today_issue {
    position: relative;
    padding: 30px 20px;
    background: #FFF
}

.layout_col .today_issue .cell a {
    font-size: 13px;
    line-height: 30px;
    color: #1c1c1c;
    letter-spacing: -1px
}

.layout_col .today_issue .cell a:hover span {
    text-decoration: underline
}

.layout_col .today_issue .cell em {
    display: inline-block;
    padding-right: 5px;
    font-style: normal;
    font-weight: 600;
    color: #959595;
    width: 15px;
    text-align: center;
    font-size: 14px
}

.layout_col .today_issue .cell .num_1 em, .layout_col .today_issue .cell .num_2 em, .layout_col .today_issue .cell .num_3 em {
    color: #FF4949
}

.layout_col .today_issue .slide_wrap {
    overflow: hidden;
    height: 150px
}

.layout_col .today_issue .bx-pager.bx-default-pager {
    position: absolute;
    top: 33px;
    right: 20px
}

.layout_col .today_issue .bx-pager.bx-default-pager .bx-pager-item {
    display: inline-block
}

.layout_col .today_issue .bx-pager.bx-default-pager .bx-pager-item a {
    display: block;
    color: #A5A5A5;
    padding: 0 3px;
    font-weight: 600
}

.layout_col .today_issue .bx-pager.bx-default-pager .bx-pager-item a.active {
    color: #993399;
    text-decoration: underline
}

.layout_col .sec_column {
    position: relative;
    background: #F5F5F5;
    height: 230px
}

.layout_col .sec_column .sec_column_slide {
    overflow: hidden;
    height: 210px
}

.layout_col .sec_column .slide {
    background: #F5F5F5;
    border-top: 1px solid #EEE;
    z-index: unset !important
}

.layout_col .sec_column a {
    display: block;
    color: #1c1c1c
}

.layout_col .sec_column a:hover p {
    text-decoration: underline
}

.layout_col .sec_column span {
    color: #448AFF;
    font-size: 14px
}

.layout_col .sec_column p {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500
}

.layout_col .sec_column .cont {
    padding: 10px 20px 0 20px;
    border-top: 1px solid #EAEAEA;
    letter-spacing: -0.5px
}

.layout_col .sec_column .bx-pager {
    text-align: center;
    padding: 10px 0;
    background: #F5F5F5
}

.layout_col .sec_column .bx-pager-item {
    display: inline-block
}

.layout_col .sec_column .bx-pager-item a {
    display: inline-block;
    background: #DDD;
    text-indent: -9999px;
    display: block;
    width: 7px;
    height: 7px;
    margin: 0px 5px;
    outline: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.layout_col .sec_column .bx-pager-item a:hover, .layout_col .sec_column .bx-pager-item a.active {
    background: #FF4949
}

.layout_col .sec_column .bx-controls-direction a {
    position: absolute;
    top: 60px;
    z-index: 1;
    background: #666
}

.layout_col .sec_column .bx-controls-direction .bx-prev {
    left: 0px;
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url('https://cdn.ibos.kr/images/main_icon.png') 0 -190px no-repeat;
    vertical-align: middle;
    text-indent: -999em
}

.layout_col .sec_column .bx-controls-direction .bx-next {
    right: 0px;
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url('https://cdn.ibos.kr/images/main_icon.png') -20px -190px no-repeat;
    vertical-align: middle;
    text-indent: -999em
}

.layout_col .most_popular {
    position: relative;
    padding: 20px 15px;
    border: 1px solid #EEE;
    background: #FFF;
    border-radius: 6px;
    margin-bottom: 12px
}

.layout_col .most_popular .cell a {
    font-size: 14px;
    line-height: 30px;
    color: #454545;
    display: flex;
    align-items: center
}

.layout_col .most_popular .cell a img {
    margin-right: 7px
}

.layout_col .most_popular .cell em {
    display: inline-block;
    padding-right: 5px;
    font-style: normal;
    font-weight: 600;
    color: #959595;
    width: 15px;
    text-align: center;
    font-size: 13px;
    letter-spacing: -1px;
    vertical-align: top
}

.layout_col .most_popular .cell em.tblabel {
    display: inline-block;
    background: #F9F9F9;
    border: 1px solid #EAEAEA;
    margin-right: 4px;
    font-size: 11px;
    padding: 1px 0;
    color: #666 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 32px;
    vertical-align: top;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 16px;
    text-align: center;
    position: relative;
    top: 4px
}

.layout_col .most_popular .cell a span {
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 45px);
    line-height: 32px;
    font-size: 15px;
    font-weight: 500
}

.layout_col .most_popular .cell a:hover span {
    text-decoration: underline;
    font-weight: 600;
    color: #333
}

.layout_col .most_popular .cell a label {
    font-size: 12px;
    color: var(--color-600);
    font-weight: bold;
    margin-left: 6px;
    letter-spacing: -0.5px
}

.layout_col .most_popular .cell .icon-poll {
    color: var(--event-point);
    margin-left: 6px
}

.layout_col .most_popular .cell .num_1 em, .layout_col .most_popular .cell .num_2 em, .layout_col .most_popular .cell .num_3 em {
    color: #FF4949
}

.layout_col .most_popular .cell .num_5 {
    margin-bottom: 15px
}

.most_popular .tab-wrap {
    margin-bottom: 12px;
    /*background: #F6F6F6;
    padding: 8px;
    display: flex;
    justify-content: space-between;
    border-radius: 6px*/
}

.most_popular .tab-wrap span {
    box-sizing: border-box;
    width: 100%;
    text-align: left;
    line-height: 34px;
    color: #454545;
    font-size: 16px;
    font-weight: bold;
    border-radius: 6px;
    letter-spacing: -0.5px
}

.most_popular .tab-wrap span:hover {
    cursor: pointer
}

.most_popular .tab-wrap span.active {
    /*color: #FFF;
    background: var(--color-600)*/
}

.most_popular .tab-container > div {
    /*display: none*/
}

.most_popular .tab-container > div:first-child {
    display: block
}

#layout-container {
    /*padding-top: 20px;*/
    background: #F2F4F6
}

#layout-container .outer-container {
    padding: 30px;
    background: #FFF;
    border-radius: 8px;
    margin-bottom: 20px
}

#layout-container .ABA-container-box-730 {
    width: 770px
}

#layout-container #bom_articles_lst {
    margin-top: 30px
}

.tab-menu ul {
    display: flex;
    margin-bottom: 20px;
    gap: 0 8px
}

.tab-menu ul li {
    font-size: 15px;
    letter-spacing: -0.5px;
    background: #FAFAFA;
    line-height: 38px;
    padding: 0 16px;
    color: #FFF;
    border-radius: 30px;
    cursor: pointer;
    box-sizing: border-box;
    color: #666
}

.tab-menu ul li:first-child {
    background: #448AFF;
    color: #FFF;
    font-weight: bold
}

.ly_column {
    background: #FFF;
    border: 1px solid #EEE;
    border-radius: 6px;
    padding: 12px 16px 24px 16px;
    margin-bottom: 12px
}

.ly_column .tit {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #000;
    padding: 12px 0 24px;
    display: flex;
    justify-content: space-between
}

.ly_column .tit a {
    font-weight: normal;
    font-size: 14px
}

.ly_column .cell-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

.ly_column .cell {
    position: relative;
    border-top: 1px solid #EEE;
    padding-top: 12px;
    width: 100%
}

.ly_column .cell:first-child {
    border: 0;
    padding: 0
}

.ly_column .cell a {
    display: flex;
    gap: 16px;
    justify-content: space-between
}

.ly_column .cell a:hover span {
    text-decoration: underline
}

.ly_column .cell span {
    font-size: 16px;
    color: #000;
    display: block;
    margin-bottom: 4px;
    word-break: keep-all;
    line-height: 22px
}

.ly_column .cell p {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    word-break: keep-all
}

.ly_column .cell .name {
    color: #888
}

.ly_column .thumb_wrap {
    width: 100px;
    height: 68px;
    overflow: hidden;
    border-radius: 6px;
    min-width: 100px;
    position: relative
}

.ly_column .thumb_wrap img {
    width: 100%
}

.ly_column .thumb_wrap em {
    font-style: normal;
    position: absolute;
    right: 3px;
    bottom: 3px;
    padding: 0 6px;
    background: rgba(0,0,0,.2);
    color: #FFF;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    border-radius: 10px
}

.ly_column .thumb_img {
    object-fit: cover
}

.ly_square {
    background: #FFF;
    border: 1px solid #EEE;
    border-radius: 6px;
    padding: 12px 16px 24px 16px;
    margin-bottom: 12px
}

.ly_square .tit {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #000;
    padding: 12px 0 24px;
    display: flex;
    justify-content: space-between
}

.ly_square .tit a {
    font-weight: normal;
    font-size: 14px
}

.ly_square .container, .ly_square .column_wrap {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: space-between;
    display: none
}

.ly_square .container::before {
    content: none
}

.ly_square .container:first-child {
    display: flex
}

.ly_square .container.active, .ly_square .column_wrap.active {
    display: flex !important
}

.ly_square .cell {
    display: flex;
    flex-basis: calc(50% - 5px);
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    border-radius: 4px;
    overflow: hidden
}

.ly_square .cell a {
    display: block
}

.ly_square .cell img {
    object-fit: cover;
    width: 100%;
    height: 100px;
    min-width: 156px
}

.ly_square .cell p {
    margin: 12px;
    font-size: 15px;
    line-height: 22px;
    color: #000;
    letter-spacing: -0.5px;
    word-break: break-all
}

.ly_square .refresh {
    width: 100%;
    text-align: center
}

.ly_square .refresh p {
    border: 1px solid #EBEBEB;
    border-radius: 30px;
    display: inline-block;
    color: #333;
    padding: 0px 20px;
    font-size: 14px;
    margin-top: 12px;
    box-sizing: border-box;
    line-height: 38px;
    cursor: pointer
}

.ly_square .refresh p i {
    margin-right: 5px
}

.ly_square .refresh p:hover {
    background: #F2F4F6;
    transition: all 0.2s
}

.ly_square .pager {
    width: 100%;
    text-align: center;
    margin-top: 16px
}

.ly_square .pager p {
    font-size: 15px;
    display: flex;
    gap: 4px;
    justify-content: center
}

.ly_square .pager p span {
    font-weight: 500;
    display: inline-block;
    width: 12px;
    text-align: center
}

.ly_square .pager p #current_page {
    font-weight: bold;
    color: #448AFF
}

.ly_square .pager p label {
    display: inline-block;
    font-style: normal;
    color: #DDD;
    margin: 0 6px
}

.ly_square .pager .fa-angle-right, .ly_square .pager .fa-angle-left {
    width: 20px;
    text-align: center;
    font-size: 20px;
    margin: 0 12px;
    cursor: pointer
}

.layout_col .new_articles {
    padding: 20px;
    border: 1px solid #EEE;
    background: #FFF;
    border-radius: 6px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.layout_col .new_articles .cell a {
    position: relative;
    font-size: 14px;
    line-height: 30px;
    color: #1c1c1c;
    text-indent: 5px;
    padding-left: 7px
}

.layout_col .new_articles .cell a:hover span {
    text-decoration: underline
}

.layout_col .new_articles .cell em {
    position: absolute;
    left: 0;
    top: 12px;
    display: block;
    width: 5px;
    height: 5px;
    text-indent: -999em;
    background: #E55757;
    border-radius: 50%
}

.layout_col .new_articles .cell img {
    margin-right: 7px
}

.layout_col .new_comments {
    padding: 20px;
    border: 1px solid #EEE;
    border-top: 0;
    background: #FFF;
    border-radius: 6px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: 12px
}

.layout_col .new_comments .cell a {
    position: relative;
    font-size: 14px;
    line-height: 30px;
    color: #1c1c1c;
    text-indent: 5px;
    padding-left: 7px
}

.layout_col .new_comments .cell a:hover span {
    text-decoration: underline
}

.layout_col .new_comments .cell em {
    position: absolute;
    left: 0;
    top: 12px;
    display: block;
    width: 5px;
    height: 5px;
    text-indent: -999em;
    background: #E55757;
    border-radius: 50%
}

.layout_col .agency_review {
    padding: 30px 20px;
    border-top: 1px solid #EEE
}

.layout_col .agency_review .cell {
    padding-bottom: 8px
}

.layout_col .agency_review .cell a {
    overflow: hidden;
    display: block;
    clear: both;
    font-size: 14px;
    line-height: 22px;
    color: #1c1c1c;
    text-indent: 5px;
    letter-spacing: -1px
}

.layout_col .agency_review .cell a:hover strong {
    text-decoration: underline
}

.layout_col .agency_review .cell p {
    color: #787878
}

.layout_col .agency_review .thumbnail {
    float: left;
    margin-right: 10px
}

#subTabArticle .menu .nav {
    overflow: hidden;
    border: 1px solid #d5d5d5;
    border-bottom: 0;
    height: 33px;
    line-height: 33px
}

#subTabArticle .menu .nav li {
    float: left;
    width: 83px
}

#subTabArticle .menu .nav li span {
    display: block;
    font-size: 13px;
    text-align: center;
    font-weight: 600;
    background-color: #f0f0f0;
    border: 1px solid #e0e0e0;
    border-top: 0;
    border-right: 0;
    line-height: 32px;
    color: #888
}

#subTabArticle .menu .nav li._boss_tab_0 span {
    border-left: 0
}

#subTabArticle .menu .nav li._boss_tab_2 {
    width: 82px
}

#subTabArticle .menu .nav li.tabs_active span {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    color: #1c1c1c
}

#subTabArticle .tab_container {
    border: 1px solid #d5d5d5;
    border-top: 0px;
    letter-spacing: -0.5px;
    margin-bottom: 5px
}

#subTabArticle .tab_container > div {
    padding: 12px 10px
}

#subTabArticle .tab_container > div a {
    line-height: 28px;
    font-size: 13px;
    padding-left: 10px
}

#subTabArticle .tab_container > div a:hover {
    text-decoration: underline;
    color: #1c1c1c
}

#subTabArticle .tab_container > div a:hover span {
    text-decoration: underline;
    color: #1c1c1c
}

#subTabArticle a {
    background: url('https://cdn.ibos.kr/images/new_dot.gif') no-repeat;
    padding-left: 15px;
    background-position: 0px 12px
}

#subTabArticle ._boss_tab_2 a {
    background: none;
    padding: 0 !important
}

#subTabArticle ._boss_tab_2 a > span {
    background: url("/https://cdn.ibos.kr/images/popular_num.gif") no-repeat;
    padding-left: 15px
}

#subTabArticle ._boss_tab_2 .num_1 > span {
    background-position: 0 0 !important
}

#subTabArticle ._boss_tab_2 .num_2 > span {
    background-position: 0 -16px !important
}

#subTabArticle ._boss_tab_2 .num_3 > span {
    background-position: 0 -32px !important
}

#subTabArticle ._boss_tab_2 .num_4 > span {
    background-position: 0 -48px !important
}

#subTabArticle ._boss_tab_2 .num_5 > span {
    background-position: 0 -64px !important
}

#subTabArticle ._boss_tab_2 .num_6 > span {
    background-position: 0 -80px !important
}

#subTabArticle ._boss_tab_2 .num_7 > span {
    background-position: 0 -96px !important
}

#BDPopularArticle {
    border: 1px solid #D5D5D5;
    margin-bottom: 10px
}

#BDPopularArticle div a {
    line-height: 20px;
    font-size: 13px;
    display: block;
    border-top: 1px dotted #eee;
    height: 65px
}

#BDPopularArticle div a:hover .AB-LF-common {
    text-decoration: underline;
    color: #1c1c1c
}

#BDPopularArticle div a.img_in_0 {
    height: 41px
}

#BDPopularArticle div a.img_in_0 span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

#BDPopularArticle > div > div:first-child a {
    border-top: 0
}

#BDPopularArticle div a span {
    padding: 12px 10px;
    display: block
}

#BDPopularArticle .Thumbnail {
    float: right;
    margin: 9px 10px;
    clear: both
}

#BDPopularArticle .Thumbnail img {
    border: 1px solid #D5D5D5
}

#BDPopularArticle .title {
    background: #F7F7F7;
    padding: 10px;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: -0.5px;
    color: #666;
    border-bottom: 1px solid #e0e0e0
}

#ly_sub_banner a {
    display: block;
    margin-bottom: 5px
}

#LNB_List {
    border: 1px solid #B3B3B3;
    margin-bottom: 10px;
    background-color: #fff;
    width: 248px;
    overflow: hidden
}

#LNB_List li {
    float: left;
    width: 124px;
    background: none
}

#LNB_List li a {
    padding-left: 10px;
    font-size: 12px;
    height: 36px;
    line-height: 36px;
    display: block;
    letter-spacing: -0.5px
}

#LNB_List li a:hover {
    background: #993399;
    color: #fff
}

#LNB_List li.submenu {
    width: 248px;
    background: #FAFAFA;
    height: 36px;
    line-height: 36px
}

#LNB_List li.submenu span {
    display: block;
    text-align: center;
    font-weight: 600;
    border-top: 1px solid #e6e6e6
}

#LNB_List li.submenu.first span {
    border-top: 0
}

#LNB_List li.lnb_active a {
    color: #fff;
    background: #993399
}

#LNB_List .submenu {
    width: 248px;
    background: #FAFAFA;
    line-height: 32px
}

#LNB_List .submenu span {
    display: block;
    text-align: center;
    font-weight: 600;
    border-top: 1px solid #e6e6e6;
    font-size: 13px;
    cursor: pointer
}

#LNB_List .submenu.online span {
    border-top: 0
}

#LNB_List > div > ul {
    display: none;
    overflow: hidden;
    background: url('https://cdn.ibos.kr/images/list_border_solid_t_36.gif') #fff repeat-y
}

#MSG_chat {
    z-index: 99
}

.msg_popup {
    display: none
}

.msg_popup .fixed {
    position: fixed;
    bottom: 12px;
    right: 30px;
    z-index: 9999;
    box-shadow: 0px 0px 5px #ccc
}

.msg_popup .fixed.memb {
    bottom: 144px
}

.msg_popup .fixed .mem_msg {
    display: block
}

.msg_popup .fixed .mem_msg:hover p {
    color: #1c1c1c
}

.msg_popup .fixed .mem_msg .cell {
    border: 2px solid #639
}

.msg_popup .cell {
    overflow: hidden;
    position: relative;
    width: 295px;
    border: 2px solid #ccc;
    background-color: #fff
}

.msg_popup .cell a {
    display: block
}

.msg_popup .cell a:hover {
    color: inherit
}

.msg_popup .title {
    background-color: #f9f9f9;
    line-height: 35px;
    padding-left: 20px;
    font-size: 15px;
    color: #666
}

.msg_popup .profile {
    overflow: hidden;
    float: left;
    width: 50px;
    height: 50px;
    margin: 15px
}

.msg_popup .comment {
    overflow: hidden;
    float: left;
    width: 200px;
    margin: 10px 15px 10px 0;
    line-height: 18px;
    font-size: 13px
}

.msg_popup .comment .txt {
    font-size: 12px
}

.msg_popup .close {
    position: absolute;
    top: 7px;
    right: 7px;
    width: 12px;
    height: 14px;
    padding: 3px;
    text-align: center;
    cursor: pointer
}

.iboss_popup_sync > div {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000
}

.iboss_popup_sync #popup_join {
    display: none
}

.iboss_popup_sync .popup_bg {
    width: 100%;
    height: 100%;
    background-color: #000;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5
}

.iboss_popup_sync .popup_close {
    position: absolute;
    top: 15px;
    right: 20px;
    cursor: pointer
}

.iboss_popup_sync .popup_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1001;
    height: 471px;
    margin-top: -302px;
    margin-left: -203px;
    padding: 65px 40px 55px;
    text-align: center;
    background: #FFF;
    border-radius: 10px
}

.iboss_popup_sync .popup_wrap h3 {
    font-size: 22px;
    font-weight: 200;
    line-height: 30px;
    color: #333;
    letter-spacing: -0.5px
}

.iboss_popup_sync .popup_wrap .img {
    margin: 50px 0 20px
}

.iboss_popup_sync .popup_wrap .txt {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: #333;
    letter-spacing: -0.5px
}

.iboss_popup_sync .popup_btn {
    margin-top: 35px
}

.iboss_popup_sync .popup_btn a {
    display: inline-block;
    zoom:1;width: 150px;
    height: 50px;
    line-height: 50px;
    margin: 0 5px;
    font-size: 16px;
    font-weight: 700
}

.iboss_popup_sync .popup_btn .btn_login {
    color: #fff;
    background: #639
}

.iboss_popup_sync .popup_btn .btn_join {
    color: #fff;
    background: #333
}

.iboss_popup_sync .popup_link {
    margin-top: 10px
}

.fl_bom_wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    width: 100%
}

.fl_bom_wrap .fl_bom {
    padding: 13px 0;
    background: #eee
}

.fl_bom_wrap .fl_bom_txt, .fl_bom_wrap .fl_bom_click {
    width: 1024px;
    margin: 0 auto;
    text-align: right
}

.fl_bom_wrap .fl_bom_click {
    position: relative
}

.fl_bom_wrap .fl_bom_click > div {
    position: absolute;
    bottom: -13px;
    left: 0
}

.fl_bom_wrap .fl_bom_click a {
    display: inline-block;
    zoom:1}

.fl_bom_wrap .fl_bom_click .link_btn {
    margin-bottom: 23px;
    vertical-align: bottom
}

.fl_bom_wrap .fl_bom_txt img {
    padding: 0 30px 0 40px;
    vertical-align: top
}

.fl_bom_wrap .fl_bom_txt a {
    display: inline-block;
    zoom:1;width: 125px;
    height: 40px;
    line-height: 40px;
    margin: 0 6px;
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

.fl_bom_wrap .fl_bom_txt p {
    color: #333;
    font-size: 21px;
    float: left;
    line-height: 40px
}

.fl_bom_wrap .fl_bom_txt p span {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -2px;
    margin-right: 6px;
    color: #ff4949
}

.fl_bom_wrap .fl_bom_txt .btn_login {
    color: #fff;
    background: #ccc
}

.fl_bom_wrap .fl_bom_txt .btn_join {
    color: #fff;
    background: #333
}

.iboss_popup_syun .btn_login:hover span,.fl_bom .btn_login:hover span {
    border-bottom: 1px solid #fff
}

.iboss_popup_syun .btn_join:hover span,.fl_bom .btn_join:hover span {
    border-bottom: 1px solid #639
}

.iboss_popup_sync a:hover,.fl_bom a:hover {
    text-decoration: none
}

.fl_bom_pat_wrap {
    display: none;
    margin-top: 50px;
    height: 1px
}

.ui-dialog {
    z-index: 99999!important
}

.ui-widget-overlay {
    z-index: 99998!important;
    background: #ccc url(images/ui-bg_flat_0_aaaaaa_40x100.png) 500% 500% repeat-x!important
}

.ui-autocomplete {
    padding: 0!important
}

.ABA-gnb .ui-effects-wrapper {
    position: absolute!important
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,.ui-helper-clearfix:after {
    content: "";
    display: table
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    zoom:1}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-autocomplete-loading {
    background: #fff url(images/ui-anim_basic_16x16.gif) right center no-repeat
}

.ui-state-disabled {
    cursor: default!important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    zoom:1}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-noicons {
    padding-left: .7em
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
    zoom:1}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

* html .ui-autocomplete {
    width: 1px
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    cursor: pointer;
    text-align: center;
    zoom:1;overflow: visible
}

.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: 1.4
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon {
    position: absolute
}

.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary {
    left: .5em
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em
}

button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
    width: 49%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker-cover {
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    width: 300px;
    overflow: hidden
}

.ui-dialog .ui-dialog-titlebar {
    padding: .3em .4em .5em .2em;
    margin-bottom: .9em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .2em 16px .1em 0;
    font-size: 16px;
    letter-spacing: -.1em
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .4em;
    top: 50%;
    width: 19px;
    height: 19px;
    margin: -12px 0 0;
    padding: 1px
}

.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 0
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 0 .2em .5em;
    background: none;
    overflow: auto;
    zoom:1}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0;
    background-image: none;
    margin: .5em 0 0;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none
}

.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom:1;width: 100%
}

.ui-menu .ui-menu-divider {
    margin: 5px -2px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    zoom:1;font-weight: 400
}

.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: 400;
    margin: -1px
}

.ui-menu .ui-state-disabled {
    font-weight: 400;
    margin: .4em 0 .2em;
    line-height: 1.5
}

.ui-menu .ui-state-disabled a {
    cursor: default
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item a {
    position: relative;
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em
}

.ui-menu .ui-menu-icon {
    position: static;
    float: right
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block
}

.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: none;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none
}

.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-tabs {
    position: relative;
    padding: .2em;
    zoom:1}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    cursor: text
}

.ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa
}

* html .ui-tooltip {
    background-image: none
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-family: "돋움",Verdana,Arial,sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
    font-family: "돋움",dotum;
    font-size: 12px
}

.ui-widget-content {
    border: 1px solid #7e7e7e;
    background: #fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    padding: 1em 1.2em 1.8em;
    color: #222
}

.ui-widget-content a {
    color: #222
}

.ui-widget-header {
    border-bottom: 1px solid #7e7e7e;
    color: #222;
    font-weight: 700
}

.ui-widget-header a {
    color: #222
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #555
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {
    color: #555;
    text-decoration: none
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {
    border: 1px solid #999;
    background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #212121
}

.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited {
    color: #212121;
    text-decoration: none
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {
    border: 1px solid #aaa;
    background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #212121
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
    color: #212121;
    text-decoration: none
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    color: #cd0a0a
}

.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
    color: #cd0a0a
}

.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
    color: #cd0a0a
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_888888_256x240.png)
}

.ui-state-hover .ui-icon,.ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png)
}

.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png)
}

.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_2e83ff_256x240.png)
}

.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cd0a0a_256x240.png)
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background: url(images/btn_exit.gif) 0 0 no-repeat!important
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px
}

.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.ui-corner-all {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    -khtml-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    -khtml-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -khtml-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    -khtml-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}

.ui-widget-overlay {
    background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.ui-accordion-header.ui-state-active {
    background: #ff6f1a;
    color: #fff;
    font-weight: 700
}

.ui-accordion-header.ui-state-active .ui-icon {
    background: none
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    left: 85%!important
}

.ui-accordion .ui-accordion-icons {
    padding-left: 1.4em!important
}

.ui-accordion-header.ui-state-active,.ui-accordion-content.ui-accordion-content-active {
    border-color: #d3d3d3!important
}

.ui-accordion .ui-accordion-content {
    padding: .7em 1em!important
}

.ui-accordion.ui-widget {
    font-size: 1em
}

.ui-accordion .accordion_name {
    color: #7a7a7a;
    line-height: 1.4
}

.ui-accordion .accordion_phone {
    color: #e95a04;
    font-family: Verdana,Arial,sans-serif
}

#contextMenu #menu.ui-widget-content {
    background: #f6f6f6;
    background: linear-gradient(to bottom,#fff 0%,#f6f6f6 100%);
    border: 1px solid #ccc
}

#contextMenu #menu .ui-widget-content {
    background: #f6f6f6;
    background: linear-gradient(to bottom,#fff 0%,#f6f6f6 100%);
    border: 1px solid #ccc
}

#contextMenu .ui-widget-content a {
    color: #6a6a6a;
    font-size: 12px;
    font-family: gulim
}

#contextMenu .ui-state-focus,#contextMenu .ui-state-active {
    background: #ccdae4;
    background: linear-gradient(to bottom,#f1f5f8 0%,#d6e4ef 100%);
    border: 1px solid #d2d7dd
}

#contextMenu .ui-widget-content .ui-state-focus,#contextMenu .ui-widget-content .ui-state-active {
    color: #292929
}

#contextMenu .ui-menu .ui-menu-item a {
    padding: 4px .6em
}

#contextMenu #menu .copy a,#contextMenu #menu .cut a,#contextMenu #menu .paste a,#contextMenu #menu .delete a {
    color: #545454;
    font-weight: 700
}

#contextMenu #menu .paste .ui-menu a,#contextMenu #menu .delete .ui-menu a,#contextMenu #menu .table .ui-menu a,#contextMenu #menu #contents .ui-menu a {
    color: #6a6a6a;
    font-weight: 400
}

#contextMenu #menu #contents a {
    color: #DF5959;
    font-weight: 700
}

#MainHeader input,#AB_cmt_btn_submit_COMMENT_,#Ly_LoginForm input, #chg_nickname .body input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

#BoardNavi::after {
    display: block;
    clear: both;
    content: ""
}

.board-header {
    display: flex;
    padding-bottom: 12px;
    flex-direction: column
}

#breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    letter-spacing: -0.5px;
    color: #454545;
    font-weight: bold;
    position: relative
}

.board-title.type-VIEW #breadcrumb {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

#breadcrumb > li:first-child {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0
}

#breadcrumb.vf {
    position: absolute;
    top: 0;
    left: 0;
    float: none
}

#breadcrumb.type-VIEW {
    font-size: 14px
}

#breadcrumb a {
    color: inherit
}

#breadcrumb span a {
    font-size: 14px;
    color: #999
}

#breadcrumb.vf {
    position: absolute;
    top: 0;
    left: 0;
    float: none
}

#breadcrumb .BD_litter {
    position: relative;
    top: -1px;
    margin-left: 5px;
    cursor: pointer
}

p.sub-tit {
    display: inline-block;
    padding-left: 15px;
    color: #999
}

p.sub-tit em {
    display: inline-block;
    width: 1px;
    height: 10px;
    background: #EEE;
    margin-right: 10px
}

p.sub-tit span {
    color: #999
}

p.sub-tit i {
    margin-right: 10px
}

#bd_litter_detail {
    display: none;
    position: absolute;
    top: 30px;
    left: 15px;
    border: 3px solid #A0D6EC;
    padding: 10px 20px;
    background: #FFF;
    z-index: 99;
    width: 260px
}

#bd_litter_detail p {
    font-size: 15px;
    text-align: center;
    color: #0A63BC;
    padding-bottom: 10px;
    background: none;
    height: auto
}

#bd_litter_detail span {
    display: block;
    color: #0A63BC;
    font-size: 13px;
    line-height: 22px;
    background: url('https://cdn.ibos.kr/images/new_dot.gif') left center no-repeat;
    padding: 0 0 0 8px
}

#bd_litter_detail th p {
    text-align: right;
    padding: 0 15px 0 0;
    font-size: 13px;
    font-weight: 600;
    background: none;
    height: auto
}

.Article-subject {
    border-bottom: 1px solid #E0E0E0;
    position: relative;
    clear: both
}

.Article-subject .subject {
    padding-bottom: 5px
}

.Article-subject .subject a.cnt_cmt:hover > span.num {
    text-decoration: underline
}

.Article-subject .wrarp_title {
    min-height: 50px;
    word-break: break-all
}

.Article-subject .wrap_title h1 {
    font-size: 28px;
    word-spacing: 0px;
    line-height: 1.35;
    letter-spacing: -1px;
    word-break: break-all;
    font-weight: 600;
    color: #000
}

.Article-subject .ABA-tit-box {
    position: relative;
    padding: 20px 0px 10px 0px;
    clear: both;
    color: #999;
    overflow: visible
}

.Article-subject .ABA-tit-box .article-comment span, .Article-subject .ABA-tit-box .like span {
    font-weight: 700;
    letter-spacing: -1.5px
}

.Article-subject .ABA-tit-box .like, .Article-subject .ABA-tit-box .like + em {
    display: none
}

.Article-subject .ABA-tit-box .article-comment {
    cursor: pointer
}

.Article-subject .ABA-tit-box .article-comment:hover {
    text-decoration: underline
}

.Article-subject .ABA-tit-box .article-comment span {
    color: #639
}

.Article-subject .ABA-tit-box .like span {
    color: #FF4949
}

.ABA-article-contents {
    font-size: 17px;
    line-height: 180%;
    text-align: justify;
    word-break: break-all;
    word-wrap: break-word;
    padding: 60px 0;
    color: #000
}

.ABA-article-contents p {
    text-align: left
}

.ABA-article-contents b {
    font-weight: bold
}

.ABA-article-contents strong {
    font-weight: bold
}

.ABA-article-contents p.caption {
    font-size: 10pt;
    color: #999;
    text-align: center
}

.ABA-article-contents p, .ABA-article-contents div {
    font-size: 17px;
    line-height: 180%;
    word-break: break-all;
    margin-bottom: 60px;
    color: #000
}

.ABA-article-contents u {
    text-decoration: none;
    border-bottom: 1px solid
}

.ABA-article-contents h1, .ABA-article-contents h3 {
    font-size: 32px;
    font-weight: 600;
    margin: 25px 0;
    line-height: normal;
    color: #000
}

.ABA-article-contents h1 b, .ABA-article-contents h3 b {
    font-weight: 600;
    color: #000
}

.ABA-article-contents h2, .ABA-article-contents h4 {
    font-size: 24px;
    font-weight: 600;
    margin: 15px 0;
    line-height: normal;
    color: #000
}

.ABA-article-contents h2 b, .ABA-article-contents h4 b {
    font-weight: 600;
    color: #000
}

.ABA-article-contents h5 {
    font-size: 18px;
    font-weight: bold;
    margin: 15px 0;
    line-height: 1.4;
    color: #000
}

.ABA-article-contents h5 b {
    font-weight: 600;
    color: #000
}

.ABA-article-contents hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #e0e0e0;
    height: 0
}

.ABA-article-contents figcaption, .ABA-article-contents .caption {
    text-align: center;
    font-size: 10pt;
    color: #777;
    padding: 10px 0;
    line-height: 140%
}

.ABA-article-contents figcaption span, .ABA-article-contents .caption span {
    text-align: center;
    font-size: 10pt !important;
    color: #777 !important;
    padding: 5px 0
}

.ABA-article-contents table, .ABA-article-contents table p {
    font-size: 11pt;
    line-height: 180%
}

.ABA-article-contents .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border-spacing: 0;
    border-collapse: collapse
}

.ABA-article-contents .table > thead > tr > th, .ABA-article-contents .table > tbody > tr > th, .ABA-article-contents .table > tfoot > tr > th, .ABA-article-contents .table > thead > tr > td, .ABA-article-contents .table > tbody > tr > td, .ABA-article-contents .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.ABA-article-contents .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.ABA-article-contents .table-bordered > thead > tr > th, .ABA-article-contents .table-bordered > tbody > tr > th, .ABA-article-contents .table-bordered > tfoot > tr > th, .ABA-article-contents .table-bordered > thead > tr > td, .ABA-article-contents .table-bordered > tbody > tr > td, .ABA-article-contents .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd
}

.ABA-article-contents .table-bordered > thead > tr > th, .ABA-article-contents .table-bordered > thead > tr > td {
    border-bottom-width: 2px
}

.ABA-article-contents .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.ABA-article-contents .table-hover > tbody > tr:hover {
    background-color: #f5f5f5
}

.ABA-article-contents table.table-bordered {
    border: 1px solid #DDD
}

.ABA-article-contents table.table-bordered tr td {
    padding: 10px;
    line-height: 1.428;
    vertical-align: top;
    border-top: 1px solid #DDD
}

.ABA-article-contents table.table-bordered tr td p {
    font-size: 11pt;
    line-height: 180%
}

.ABA-article-contents .table tr td img {
    width: 100%
}

.ABA-article-contents ul {
    padding-left: 20px;
    margin: 5px 0
}

.ABA-article-contents ul li {
    list-style: disc;
    border: 0 !important;
    display: list-item;
    margin-bottom: 4px;
    font-size: 17px;
    color: #000;
    line-height: 200%
}

.ABA-article-contents ul, .ABA-article-contents ol {
    padding-left: 20px;
    margin: 5px 0;
    display: block;
    list-style-type: disc
}

.ABA-article-contents ol li {
    list-style: decimal;
    border: 0 !important;
    display: list-item;
    margin-bottom: 4px;
    font-size: 17px;
    color: #000;
    line-height: 200%
}

.ABA-article-contents img {
    max-width: 100%;
    height: auto;
    cursor: pointer
}

.ABA-article-contents img.imgSize25 {
    width: 25% !important
}

.ABA-article-contents img.imgSize50 {
    width: 50% !important
}

.ABA-article-contents img.imgSize75 {
    width: 75% !important
}

.ABA-article-contents img.imgSize90 {
    width: 90% !important
}

.ABA-article-contents img.imgSize100 {
    width: 100% !important
}

.ABA-article-contents img.note-float-right::after {
    display: block;
    clear: both;
    content: ''
}

.ABA-article-contents img.note-float-center {
    display: block;
    margin: 0 auto
}

.ABA-article-contents figure {
    width: 100% !important;
    margin: 0 auto;
    text-align: center
}

.ABA-article-contents blockquote {
    padding: 0px 16px;
    margin: 0 0 0px;
    font-size: 17px;
    border-left: 5px solid #eee
}

.ABA-article-contents blockquote p {
    font-size: 17px;
    line-height: 180%;
    margin: 0;
    font-weight: normal
}

.ABA-article-contents blockquote p:last-child, .ABA-article-contents blockquote ul:last-child, .ABA-article-contents blockquote ol:last-child {
    margin-bottom: 0
}

.ABA-article-contents blockquote footer, .ABA-article-contents blockquote small, .ABA-article-contents blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777
}

.ABA-article-contents blockquote footer:before, .ABA-article-contents blockquote small:before, .ABA-article-contents blockquote .small:before {
    content: '\2014 \00A0'
}

.ABA-article-contents pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 15px;
    line-height: 24px;
    color: #333;
    word-break: break-word;
    word-wrap: break-word;
    white-space: normal;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: inherit
}

.ABA-article-contents pre b, .ABA-article-contents pre strong {
    color: #1C1C1C
}

.share_in_contents {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5
}

.share_in_contents ul li img {
    width: 26px;
    height: 26px
}

.Report-btn {
    clear: both;
    padding: 15px 10px;
    text-align: right;
    position: relative
}

.article_reported {
    color: #b5b5b5 !important
}

.article_reported a {
    display: inline-block;
    text-indent: 0;
    font-size: 11px;
    border: 1px solid #b5b5b5;
    padding: 1px 2px;
    color: #aaa
}

.article_reported_content {
    font-size: 18px !important;
    text-align: center !important;
    display: block !important;
    color: #e55757 !important;
    font-weight: 600;
    letter-spacing: -0.5px !important
}

.bd_vf_bn {
    padding: 25px 0
}

.bd_vf_bn a {
    display: block;
    text-align: center
}

.recommend_articles {
    overflow: hidden;
    padding: 25px 0 60px 0
}

.recommend_articles .title {
    position: relative
}

.recommend_articles .title strong {
    font-size: 16px;
    font-weight: bold
}

.recommend_articles .title span {
    color: #FF4949
}

.recommend_articles .title .refresh {
    position: absolute;
    top: 5px;
    right: 0;
    width: 66px;
    height: 16px;
    cursor: pointer;
    margin-left: 10px;
    background: url('https://cdn.ibos.kr/images/board_repeat_btn.png') no-repeat;
    text-indent: -999em
}

.recommend_articles .wrap {
    overflow: hidden;
    width: 747px;
    height: 450px
}

.recommend_articles .wrap .cell:after {
    content: '';
    display: block;
    clear: both
}

.recommend_articles .wrap .cell a {
    display: block;
    float: left;
    width: 231px;
    margin: 10px 11px 10px 0;
    background: #fcfcfc;
    border: 1px solid #f0f0f0;
    word-break: break-all
}

.recommend_articles .wrap .cell a:hover .subject span {
    text-decoration: underline
}

.recommend_articles .wrap .cell a .img_wrap {
    height: 122px;
    overflow: hidden
}

.recommend_articles .wrap img.thumbnail {
    width: 231px;
    display: block
}

.recommend_articles .wrap .subject {
    margin: 12px 10px;
    height: 60px
}

.recommend_articles .wrap .subject p {
    padding-top: 5px;
    color: #AAA;
    letter-spacing: 0
}

.recommend_articles .wrap .subject span {
    display: block;
    font-size: 14px;
    line-height: 19px;
    height: 38px;
    letter-spacing: 0;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000
}

.recommend_articles .bx-controls {
    position: absolute;
    left: 50%;
    margin-left: -33px;
    margin-top: 10px;
    width: 100px
}

.recommend_articles .bx-pager {
    text-align: center
}

.recommend_articles .bx-pager .bx-pager-item {
    display: inline-block
}

.recommend_articles .bx-pager .bx-pager-item a {
    display: block;
    font-size: 12px;
    padding: 0 5px;
    color: #CCC;
    font-weight: 500
}

.recommend_articles .bx-pager .bx-pager-item a.active {
    color: #000
}

.recommend_articles .bx-controls-direction a {
    padding: 0 5px;
    color: #666
}

.recommend_articles .bx-prev {
    position: absolute;
    left: 0;
    top: 4px
}

.recommend_articles .bx-next {
    position: absolute;
    right: 0;
    top: 4px
}

.related-articles {
    padding: 24px 20px;
    border: 1px solid #E0E0E0;
    background: #FFF;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    flex-direction: column;
    border-radius: 8px
}

.related-articles .title strong {
    font-size: 16px;
    font-weight: 600
}

.related-articles .wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 16px
}

.related-articles .wrap a {
    display: block;
    font-size: 15px;
    width: 100%
}

.related-articles .wrap a:hover {
    text-decoration: underline;
    color: var(--color-400)
}

.related-articles .wrap a::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--color-400);
    position: relative;
    top: -2px;
    left: 4px;
    margin-right: 12px
}

.ArticleBtn {
    overflow: hidden;
    padding: 5px 0
}

.ArticleBtn a {
    float: right;
    display: block;
    min-width: 52px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    margin-left: 5px;
    font-weight: 600;
    color: #666;
    background-image: url('https://cdn.ibos.kr/images/btn_bg_off.png') !important;
    padding: 0 3px
}

.ArticleBtn a:hover {
    background-image: url('https://cdn.ibos.kr/images/btn_bg_on.png') !important
}

.ArticleBtn a.btn_write {
    color: #993399
}

.ArticleBtn span {
    color: #e55757;
    padding-right: 2px
}

.ArticleBtn span a {
    margin-right: 5px
}

.ArticleBtn span a.btn_write {
    margin-right: 5px;
    width: 50px;
    background: #663399;
    color: #fff;
    border-color: #663399
}

.ArticleBtn select {
    float: right;
    padding: 4px;
    font-size: 13px
}

.article_fnc a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 80px;
    text-align: center;
    font-weight: 600;
    border: 1px solid #E0E0E0;
    margin-right: 7px;
    font-size: 13px;
    background: #FFF
}

.article_fnc a:hover {
    background: #F0F0F0;
    color: #000;
    -webkit-transition: all .2s;
    transition: all .2s
}

.article_fnc a:focus {
    border: 1px solid #1E88E5
}

.article_fnc .btn_write {
    float: right;
    width: 70px;
    margin-right: 0;
    border-color: #E0E0E0;
    color: #666;
    display:flex;
    align-items: center;
    justify-content: center;
}

.article_fnc .btn_write:hover {
    /*background: #333D4B;
    color: #FFF;
    border-color: #333D4B*/
}

.article_fnc #btn_rpt:hover {
    color: #FFF !important
}

.n-article-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    position: relative
}

.n-article-buttons a {
    display: flex;
    background: #ededed;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
    min-width: 100px;
    text-align: center;
    height: 40px;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    outline: 1px solid transparent
}

.n-article-buttons > a {
    width: 130px
}

.n-article-buttons a:active {
    outline: 3px solid rgba(0, 0, 0, 0.2)
}

.n-article-buttons a:hover {
    background: #E0E0E0
}

.n-article-buttons div {
    display: flex;
    gap: 8px
}

.n-article-buttons .write {
    background: var(--color-600);
    color: #FFF;
    font-weight: bold
}

.n-article-buttons .write:active {
    outline: 3px solid rgba(78, 7, 210, 0.35)
}

.n-article-buttons .write:hover {
    background-color: var(--color-800)
}

.n-article-buttons .list-paging {
    gap: 4px;
    align-items: center
}

.n-article-buttons .list-paging a.LF_page_link, .n-article-buttons .list-paging a.LF_page_link_first_page, .n-article-buttons .list-paging .LF_page_link_current, .n-article-buttons .list-paging a.LF_page_link_prev_block, .n-article-buttons .list-paging a.LF_page_link_next_block {
    padding: 0;
    margin: 0;
    border: 0;
    width: 30px;
    height: 30px;
    font-size: 14px;
    display: flex;
    align-items: center;
    min-width: fit-content;
    justify-content: center
}

.n-article-buttons .list-paging .LF_page_link_current {
    font-weight: 600;
    color: var(--event-point);
    border: 1px solid vaR(--event-point);
    background: #FFF;
    border-radius: 8px
}

.n-article-buttons .list-paging a.LF_page_link_first_page img, .n-article-buttons .list-paging a.LF_page_link_prev_block img, .n-article-buttons .list-paging a.LF_page_link_next_block img {
    display: none
}

.n-article-buttons .list-paging a.LF_page_link_first_page::before, .n-article-buttons .list-paging a.LF_page_link_prev_block::before, .n-article-buttons .list-paging a.LF_page_link_next_block::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    font-size: 14px
}

.n-article-buttons .list-paging a.LF_page_link_first_page::before {
    content: "\f323"
}

.n-article-buttons .list-paging a.LF_page_link_prev_block::before {
    content: "\f053"
}

.n-article-buttons .list-paging a.LF_page_link_next_block::before {
    content: "\f054"
}

.table-mbb {
    table-layout: fixed
}

.table-mbb tr.is_notice_A {
    background: #F9F9F9
}

.table-mbb tr.is_notice_:hover {
    background: #F9F9F9
}

.table-mbb tr._tA {
    background: #F9F9F9
}

.comb_list .table-mbb tr._tA {
    background: none
}

.table-mbb tr:first-child td {
    border-top: 1px solid #F0F0F0
}

.table-mbb tr:last-child td {
    border: 0
}

.table-mbb td {
    position: relative;
    border-bottom: 1px solid #F0F0F0;
    font-size: 12px;
    height: 44px;
    box-sizing: border-box
}

.table-mbb td h6 {
    color: #aaa;
    font-size: 11px;
    margin-bottom: 7px;
    font-weight: 400;
    text-indent: 7px
}

.table-mbb td .contents_view_litter {
    border: 1px solid #68a8d1;
    color: #68a8d1;
    padding: 2px 3px;
    margin-left: 10px;
    font-size: 11px;
    font-family: Tahoma, serif;
    letter-spacing: 0
}

.table-mbb td .contents_view_litter img {
    position: relative;
    top: -1px;
    padding-right: 3px
}

.table-mbb td .writer-container {
    display: flex;
    align-items: center;
    gap: 2px
}

.table-mbb td .mb_writer {
    max-width: 110px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 4px 2px;
    letter-spacing: -0.5px;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 500
}

.table-mbb td .mb_writer:active {
    outline: 1px solid #0096FF
}

.table-mbb td .fa-image-polaroid {
    font-size: 15px;
    color: #AAA;
    margin-left: 6px
}

.table-mbb td .icon-poll {
    font-size: 15px;
    color: var(--event-point);
    margin-left: 6px
}

.table-mbb span.notice_tag {
    color: #663399;
    font-weight: 600
}

.table-mbb span.is_main_tag {
    background: #336699 !important;
    color: #fff;
    padding: 2px 5px;
    font-size: 11px;
    letter-spacing: -1px;
    font-family: "돋움", "Dotum"
}

.table-mbb span.label_bn {
    color: #FF9933!important;
    padding: 1px 5px;
    font-size: 12px;
    font-weight: 600
}

.table-mbb .articleSubject {
    display: flex;
    align-items: center;
    padding-right: 16px
}

.table-mbb .SerialNum {
    color: #666
}

.table-mbb .DateTime {
    width: 50px;
    text-align: center;
    cursor: default;
    letter-spacing: -0.4px
}

.table-mbb .DateTime strong {
    font-weight: 500;
    color: var(--color-600)
}

.table-mbb .LikeCount {
    width: 30px;
    text-align: center
}

.table-mbb .LikeCount span {
    color: #FF4949;
    font-weight: 600;
    display: block;
    border-right: 1px solid #EAEAEA
}

.table-mbb .LikeCount span.like_0 {
    font-weight: normal;
    color: #D5D5D5
}

.table-mbb .ViewCount {
    width: 40px;
    color: #666;
    text-align: center
}

.table-mbb .voteCount {
    width: 32px;
    color: #666;
    text-align: center
}

.table-mbb .voteCount span {
    color: var(--color-600);
    font-weight: bold
}

.table-mbb .tblabel_link {
    display: inline-block
}

.table-mbb .tblabel_link .tblabel {
    cursor: pointer
}

.table-mbb .tblabel {
    display: inline-block;
    background: #F9F9F9;
    border: 1px solid #EAEAEA;
    margin: 0 2px 0 5px;
    padding: 1px 0;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 45px;
    vertical-align: middle;
    text-align: center;
    cursor: default;
    height: 18px;
    line-height: 18px;
    flex: none
}

.mb_subject {
    display: inline-block;
    font-size: 16px;
    text-indent: 7px;
    color: #333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: top;
    letter-spacing: -0.4px;
    font-weight: 500
}

.mb_subject:visited {
    color: #888
}

.mb_subject:hover {
    text-decoration: underline
}

.mb_subject strong {
    font-weight: 500;
    color: #111
}

.mb_subject a:visited .AB-LF-common {
    color: #888
}

.is_notice_A .mb_subject a:visited .AB-LF-common {
    color: initial
}

.mb_subject.nav_subject:visited {
    color: #333
}

.mb_subject .AB-LF-common {
    display: flex;
    align-items: center
}

.mb_subject.news {
    max-width: 440px
}

.tdvel-1,.tdvel-2,.tdvel-3,.tdvel-4 {
    padding: 7px 0
}

.tdvel-2 p {
    display: inline
}

.table-mbb.top-bd-0 tr:first-child td {
    border-top: 0
}

.best_icon {
    font-size: 10px;
    font-family: arial;
    color: #FFF;
    border: 1px solid #E55757;
    padding: 1px 2px;
    background-color: #E55757;
    letter-spacing: 0
}

.table-mbb .attached_file {
    margin-left: 4px;
    font-size: 13px;
    line-height: 21px;
    position: relative;
    top: 1px
}

.table-mbb a.category {
    color: #448AFF;
    font-size: 12px
}

.table-mbb a.category:hover {
    text-decoration: underline
}

.tb_notice {
    background: #FFF;
    position: relative;
    z-index: 9
}

.tb_notice .label_notice {
    color: #333 !important
}

.bd_notice {
    background: #f2f4f6;
    display: flex;
    height: 44px;
    align-items: center;
    padding: 0 20px;
    border-radius: 8px;
    margin-bottom: 12px
}

.bd_notice label {
    font-size: 14px;
    font-weight: bold;
    color: #333
}

.bd_notice a {
    font-size: 16px;
    text-indent: 7px;
    color: #333;
    letter-spacing: -0.4px;
    font-weight: 500
}

.bd_notice a:hover {
    text-decoration: underline
}

.sbjTop {
    color: #e76506 !important
}

.ABA-list-paging {
    /*display: block;*/
    margin: 20px 0;
    padding-top: 15px;
    display:flex;
    align-items:center;
    justify-content: center;
}

.ABA-list-paging,.ABA-list-paging a {
    font-family: Tahoma, serif;
    font-weight: 700;
    font-size: 12px;
    color: #666;
    text-decoration: none
}

.ABA-list-paging a:hover {
    background: #f0f0f0
}

.LF_page_link {
    padding: 5px 10px;
    border: 1px solid #ddd;
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 5px
}

.LF_page_link_current {
    padding: 5px 10px;
    border: 1px solid #ddd;
    display: inline-block;
    margin-right: 4px;
    margin-left: 4px;
    background: #f0f0f0;
    margin-bottom: 5px
}
.LF_page_link_first_page{margin-right:4px;}
.LF_page_link_first_page_img {
    width: 26px;
    margin-top: -3px
}

.LF_page_link_prev_block_img {
    width: 26px;
    margin-top: -3px
}

.LF_page_link_prev_page_img {
    width: 26px;
    margin-top: -3px;
    margin-right: 3px
}

.LF_page_link_next_page_img {
    width: 26px;
    margin-top: -3px
}

.LF_page_link_next_block_img {
    width: 26px;
    margin-top: -3px
}

.LF_page_link_last_page_img {
    width: 26px;
    margin-top: -3px
}

.board_search {
    font-size: 13px
}

.mb_searchbox {
    text-align: center
}

.mb_searchbox_1 {
    padding: 0px 10px;
    border: 1px solid #DDD;
    position: relative;
    top: 3px;
    margin-right: 3px;
    height: 40px;
    line-height: 40px
}

.mb_searchbox_2 {
    padding: 0 10px;
    border: 1px solid #DDD;
    font-size: 15px;
    width: 200px !important;
    height: 38px;
    line-height: 38px
}

.mb_searchbox_3 {
    height: 40px;
    line-height: 40px;
    border: 1px solid #DDD;
    width: 60px;
    background: #F0F0F0;
    text-align: center;
    color: #1c1c1c;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600
}

.view_box {
    border-bottom: 1px solid #E0E0E0;
    position: relative
}

.view_box h1 {
    font-size: 28px;
    font-weight: 600;
    word-spacing: -2px;
    line-height: 1.35
}

.view_box .wrap {
    overflow: hidden
}

.view_box .ABA-tit-box {
    padding: 10px 0 10px 12px;
    clear: both;
    color: #999
}

.view_box .wrap_title {
    min-height: 50px;
    word-break: break-all
}

.view_box .subject {
    clear: both;
    padding: 20px 0 5px 10px;
    overflow: hidden
}

.cnt_cmt_article {
    font-size: 15px;
    padding-bottom: 20px;
    font-weight: bold
}

.cnt_cmt_article span {
    color: #639;
    font-weight: 700;
    letter-spacing: -1.5px
}

.company_apply {
    margin-top: 20px;
    height: 175px
}

.company_apply .wrap {
    text-align: center;
    height: 150px;
    border: 5px solid #f2f2f2;
    width: 179px;
    float: left;
    border-right: 0
}

.company_apply .logo {
    height: 55px;
    padding-top: 15px
}

.company_apply .content {
    height: 65px;
    padding-top: 15px;
    background-color: #fbfbfb
}

.company_apply .content strong {
    font-size: 14px;
    line-height: 180%
}

.company_apply .content span {
    line-height: 160%
}

.company_apply_wf input,select {
    padding: 5px;
    font-size: 14px
}

.company_apply_lf .mb_subject {
    font-size: 18px;
    font-weight: 700
}

.company_apply_vf {
    border: 1px solid #ccc;
    padding: 35px;
    border-top: 0
}

.company_apply_vf h5 {
    padding: 10px 0
}

.company_apply_vf .company_name {
    font-size: 22px;
    padding: 10px 0;
    font-weight: 700
}

.company_apply_vf .content_left {
    float: left;
    height: 120px;
    width: 180px
}

.company_apply_vf .content_left p {
    width: 85%;
    text-align: center;
    height: 80px
}

.company_apply_vf .content_right {
    float: left;
    height: 120px;
    width: 440px
}

.company_apply_vf .content_right i {
    padding: 5px 0;
    font-size: 14px
}

.company_apply_back {
    background: url(/images/company_apply_back_img.png) no-repeat
}

.company_apply_contact {
    border: 1px solid #ccc;
    border-top: 0;
    padding: 25px 35px;
    background-color: #fcfcfc
}

.company_apply_contact .inner {
    font-size: 14px;
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ccc
}

.company_apply_contact .inner a {
    font-weight: 700
}

.company_apply_contact .inner span {
    padding-right: 20px
}

#BDWriteForm {
    position: relative
}

#BDWriteForm .outline {
    border: 1px solid #E0E0E0
}

#BDWriteForm .bd_wf_tit h3 {
    font-size: 21px;
    letter-spacing: -1px;
    color: #000;
    text-align: center;
    line-height: 70px;
    font-weight: 500
}

#BDWriteForm .write_notice {
    position: absolute;
    top: 22px;
    right: 0;
    border: 1px solid #E0E0E0;
    background: #F9F9F9;
    color: #7F7F7F;
    height: 18px;
    line-height: 18px;
    padding: 0 5px;
    letter-spacing: -1px;
    cursor: pointer
}

#BDWriteForm .write_notice img {
    position: relative;
    top: -1px
}

#BDWriteForm .write_notice:hover {
    border-color: #999;
    color: #333
}

#BDWriteForm .write_notice .notice_pop {
    display: none;
    position: absolute;
    top: -1px;
    right: -1px;
    z-index: 1000;
    width: 368px;
    border: 1px solid #C0C0C0;
    background: #FFF;
    padding: 25px 15px;
    color: initial;
    font-size: 13px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2)
}

#BDWriteForm .write_notice .notice_pop strong {
    display: block;
    color: #999;
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-size: 15px
}

#BDWriteForm .write_notice .notice_pop p {
    font-weight: 600;
    padding-left: 15px;
    font-size: 14px;
    line-height: 20px;
    color: #222
}

#BDWriteForm .write_notice .notice_pop ul {
    padding: 15px 0;
    padding-left: 45px
}

#BDWriteForm .write_notice .notice_pop ul li {
    list-style: disc;
    line-height: 22px
}

#BDWriteForm li input {
    padding: 12px;
    font-size: 14px;
    width: 540px;
    border: 0
}

#BDWriteForm li input#fb_board_tit {
    font-weight: 500
}

#BDWriteForm .input_file {
    width: 30%;
    padding: 7px 10px 6px 20px
}

#BDWriteForm .file_6 {
    margin-right: 10px
}

#BDWriteForm li select {
    padding: 7px 0;
    height: 48px;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    text-indent: 8px
}

#BDWriteForm li label, #BDWriteForm .input_item .input_tit, #BDWriteForm .icon > label {
    float: left;
    display: block;
    width: 120px;
    padding-left: 30px;
    line-height: 42px;
    font-size: 13px
}

#BDWriteForm li .item label {
    display: inline;
    float: none;
    padding: 0px 5px 0px 2px;
    cursor: pointer
}

#BDWriteForm li input[type=radio] {
    width: 13px;
    height: 13px
}

#BDWriteForm li label span {
    color: #e55757
}

#BDWriteForm .write_wrap {
    clear: both
}

#BDWriteForm .write_wrap strong {
    font-size: 13pt;
    font-weight: normal
}

#BDWriteForm .write_wrap li, #BDWriteForm .input_item {
    border-top: 1px solid #EEE;
    padding: 7px 0
}

#BDWriteForm .write_wrap li > div {
    overflow: hidden
}

#BDWriteForm .write_wrap li > div .designer_button {
    width: 20px
}

#BDWriteForm .write_wrap li label img {
    margin-right: -7px;
    position: relative;
    top: -1px
}

#BDWriteForm .write_wrap li.subject input {
    width: 668px;
    height: auto;
    word-spacing: 0px;
    letter-spacing: -1px;
    word-break: break-all;
    border: 0;
    font-size: 28px;
    font-weight: 600;
    padding: 15px 12px
}

#BDWriteForm .write_wrap li.subject input:-moz-placeholder {
    color: #BBB !important
}

#BDWriteForm .write_wrap li.subject input::-moz-placeholder {
    color: #BBB !important
}

#BDWriteForm .write_wrap li.subject input:-ms-input-placeholder {
    color: #BBB !important
}

#BDWriteForm .write_wrap li.subject input::-webkit-input-placeholder {
    color: #BBB !important
}

#BDWriteForm .write_wrap li.subject input::placeholder {
    color: #BBB !important
}

#BDWriteForm .write_wrap .file_link li:last-child {
    border-bottom: 1px solid #EEE
}

#BDWriteForm .write_wrap .file_link li.m_img {
    margin-top: 15px;
    padding-top: 20px;
    border-top: 1px dashed #DADADA
}

#BDWriteForm .write_wrap .file_link li label {
    padding: 0;
    text-indent: 30px;
    width: 150px;
    color: #666
}

#BDWriteForm .write_wrap .file_link li label.line2 {
    position: relative;
    top: 3px;
    min-height: 42px;
    line-height: normal
}

#BDWriteForm .write_wrap .file_link li label.line2 em {
    display: block;
    font-style: normal;
    font-size: 10px;
    color: #AAA;
    letter-spacing: 0
}

#BDWriteForm .write_wrap .file_link li input {
    font-size: 13px;
    border: 0;
    width: 540px;
    margin: 0;
    padding: 12px
}

#BDWriteForm .write_wrap .file_link li input.article_exp_date {
    width: 100px
}

#BDWriteForm .write_wrap .file_link li input.input_file {
    cursor: pointer;
    height: 22px;
    padding: 10px 12px
}

#BDWriteForm .write_wrap .file_link li iframe {
    float: right;
    width: 570px;
    padding-top: 0 !important
}

#BDWriteForm .input_item {
    line-height: 34px;
    font-size: 14px
}

#BDWriteForm .input_item:after {
    display: block;
    content: "";
    clear: both
}

#BDWriteForm .icon {
    line-height: 20px;
    position: relative;
    clear: both;
    overflow: hidden;
    border-top: 1px solid #D5D5D5;
    padding: 7px 0
}

#BDWriteForm .icon > span {
    display: block;
    float: left;
    margin-right: 3px;
    cursor: pointer;
    width: 75px;
    height: 25px;
    border: 1px solid #EDEDED
}

#BDWriteForm .icon > span em {
    display: none
}

#BDWriteForm .icon_photo {
    background: url(/images/editor_btn.png) no-repeat
}

#BDWriteForm .icon_video {
    background: url(/images/editor_btn.png);
    background-position: 0px -26px
}

#BDWriteForm .icon_video.chked {
    background: url(/images/editor_btn.png);
    background-position: -75px -26px;
    border: 1px solid #336699
}

#BDWriteForm .icon_file {
    background: url(/images/editor_btn.png);
    background-position: 0px -52px;
    width: 54px
}

#BDWriteForm .icon_file.chked {
    background: url(/images/editor_btn.png);
    background-position: -75px -52px;
    border: 1px solid #336699
}

#BDWriteForm .icon_link {
    background: url(/images/editor_btn.png);
    background-position: 0px -78px;
    width: 63px
}

#BDWriteForm .icon_link.chked {
    background: url(/images/editor_btn.png);
    background-position: -75px -78px;
    width: 63px;
    border: 1px solid #336699
}

#BDWriteForm .chked:hover {
    background-color: #fefefe
}

#BDWriteForm .icon > span:hover {
    border: 1px solid #d5d5d5;
    background-color: #fcfcfc;
    border-bottom: 1px solid #c5c5c5
}

#BDWriteForm .icon > li {
    display: none;
    clear: both
}

#BDWriteForm .PrivateBtn {
    position: absolute;
    right: 20px;
    top: 110px
}

#BDWriteForm .close {
    cursor: pointer;
    float: right;
    width: 24px;
    position: absolute;
    top: 5px;
    right: 5px;
    border: 1px solid #F9F9F9
}

#BDWriteForm .close:hover {
    border: 1px solid #b5b5b5;
    background: #fdfdfd
}

#BDWriteForm .videocast_submit, #BDWriteForm .done {
    font-weight: 600;
    text-align: center;
    float: none;
    clear: both;
    width: 100px;
    margin: 0 auto;
    background: #336699;
    color: #fff;
    margin-top: 15px;
    font-size: 10pt;
    padding: 3px;
    padding: 10px 0;
    cursor: pointer
}

#BDWriteForm .done:hover {
    background: #5C8DBF
}

#BDWriteForm .file_box ul {
    padding-bottom: 10px
}

#BDWriteForm .file_box .input_file {
    float: left;
    width: 335px !important;
    margin: 0;
    padding: 7px 5px !important;
    font-size: 9pt;
    margin-bottom: 5px;
    border: 1px solid #b5b5b5
}

#BDWriteForm .file_box h5 {
    font-size: 16pt;
    padding-bottom: 20px;
    font-weight: normal
}

#BDWriteForm .link_box {
    display: none
}

#BDWriteForm .file_box {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000
}

#BDWriteForm .desc {
    border-top: 1px dotted #e0e0e0;
    padding-top: 10px
}

#BDWriteForm .desc p {
    font-size: 10pt;
    letter-spacing: -0.5px;
    padding-bottom: 15px;
    line-height: 160%
}

#BDWriteForm .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.35;
    -ms-filter: alpha(opacity=35);
    filter: alpha(opacity=35)
}

#BDWriteForm .tagShowbox input {
    height: 28px
}

#BDWriteForm .tagShowbox input.inactive {
    background: #F5F5F5;
    cursor: not-allowed;
    width: 0 !important
}

#BDWriteForm .tagShowbox input[name=tag__TSBOX] {
    border: 0 !important;
    background: none;
    max-width: 200px;
    padding: 0 0 0 2px !important
}

.tagShowbox .showbox_div {
    vertical-align: top
}

.tagShowbox .showbox_div p {
    position: relative;
    display: inline-block;
    padding: 4px 18px 4px 8px;
    background: #F9F9F9;
    color: #666;
    margin: 6px 4px 0 0;
    cursor: default
}

.tagShowbox .showbox_div p.recommend {
    background: #448AFF;
    color: #fff;
    vertical-align: top;
    line-height: 28px;
    margin: 10px 2px;
    padding: 0 18px 0 4px
}

.tagShowbox .showbox_div p:hover {
    background: #999;
    color: #FFF;
    transition: all 0.2s
}

.tagShowbox .showbox_div p span {
    word-break: break-all
}

.tagShowbox .showbox_div .tag_close {
    position: absolute;
    right: 1px;
    top: 4px;
    font-size: 11px;
    cursor: pointer;
    padding: 4px
}

.tagShowbox div[class$="showbox_div"] {
    display: flex !important;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap
}

.tagShowbox div[class$="showbox_div"] p {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 4px 0 8px;
    background: #F2F4F6;
    color: #555;
    cursor: default;
    height: 28px
}

.tagShowbox div[class$="showbox_div"] p:last-child {
    margin-right: 12px
}

.tagShowbox div[class$="showbox_div"] p span {
    word-break: break-all;
    font-size: 13px !important;
    font-weight: 600;
    color: #555;
    letter-spacing: -0.5px;
    width: fit-content !important;
    height: fit-content !important
}

.tagShowbox div[class$="showbox_div"] .tag_close {
    font-size: 11px;
    cursor: pointer;
    padding: 4px;
    color: #AAA
}

#currentSelected {
    display: flex;
    align-items: center;
    padding: 0 30px;
    font-size: 16px;
    border-bottom: 1px solid #F6F6F6;
    background: #FFF;
    cursor: pointer;
    height: 52px;
    box-sizing: border-box;
    gap: 20px
}

#currentSelected span {
    font-weight: 500;
    color: #666;
    font-size: 16px
}

#currentSelected i {
    color: #999
}

#currentSelected.active span {
    color: var(--event-point)
}

#currentSelected span.on {
    color: #000
}

#topicSelect {
    display: none;
    position: relative
}

#topicSelect .contents {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 16px 0px;
    background: #FFF;
    font-size: 15px;
    padding: 8px;
    line-height: 24px;
    border-radius: 0.375rem;
    border: 1px solid #dee2e6;
    box-sizing: border-box;
    gap: 4px;
    display: flex;
    position: absolute;
    top: -8px;
    left: 30px;
    z-index: 999
}

#topicSelect span {
    height: 36px;
    padding: 0.5rem 1rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border-radius: 0.375rem;
    cursor: pointer;
    margin: 2px 0;
    white-space: nowrap
}

#topicSelect span:hover {
    background: #F6F6F6;
    transition: all 0.1s
}

#topicSelect span:active {
    background: rgba(68,41,243,0.85);
    color: #FFF
}

#topicSelect span.selected {
    background: var(--event-point);
    color: #FFF
}

#topicSelect strong {
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 0.5rem 0 0 1rem;
    color: #999;
    display: block
}

#BDWriteForm li select[name=rel_topic_2] {
    visibility: hidden;
    visibility: hidden;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    text-indent: 0;
    margin: 0;
    border: 0;
    font-size: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

#BDWriteForm.writeForm .write_wrap > ul {
    border-top: 2px solid #333;
    padding-top: 20px
}

#BDWriteForm.writeForm .write_wrap > ul li {
    border: 0;
    position: relative
}

#BDWriteForm.writeForm .write_wrap > ul li label {
    font-size: 14px;
    position: absolute;
    top: 7px;
    left: 0;
    line-height: 48px
}

#BDWriteForm.writeForm .write_wrap > ul li div.item {
    margin-left: 150px
}

#BDWriteForm.writeForm .write_wrap > ul li div.item input[type=text] {
    width: 100%;
    padding: 0 12px;
    font-size: 14px;
    text-indent: 0;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    height: 48px;
    border-radius: 5px
}

#BDWriteForm.writeForm .write_wrap > ul li .item.select input {
    width: auto
}

#BDWriteForm.writeForm .write_wrap > ul li .item.select label {
    position: static;
    width: auto;
    display: inline-block
}

#BDWriteForm.writeForm .wf_editor {
    background: #FFF;
    min-height: 470px;
    position: relative
}

#BDWriteForm.writeForm .wf_editor .panel-heading.note-toolbar {
    border-top: 0;
    padding: 0;
    z-index: 10;
    border-bottom: 1px solid #F0F0F0
}

#BDWriteForm.writeForm .write_wrap .file_link {
    padding: 14px 0
}

#BDWriteForm.writeForm .write_wrap .file_link input {
    background: #FFF;
    width: 100%;
    padding: 0 12px;
    font-size: 14px;
    text-indent: 0;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    height: 48px !important;
    border-radius: 5px
}

#BDWriteForm.writeForm .write_wrap .file_link li:last-child {
    border: 0
}

#BDWriteForm.writeForm .write_wrap .file_link input {
    background: #FFF;
    width: 100%;
    padding: 0 12px;
    font-size: 14px;
    text-indent: 0;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    height: 48px !important;
    border-radius: 5px
}

#BDWriteForm.writeForm .write_wrap .file_link li:last-child {
    border: 0
}

#BDWriteForm {
    background-color: #FFF;
    border-radius: 8px;
    margin-bottom: 20px
}

#BDWriteForm .board-title {
    padding: 30px 30px 20px 30px;
    border-bottom: 1px solid #F6F6F6
}

#BDWriteForm .board-title h3 {
    color: #000;
    font-size: 19px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: -0.5px
}

#BDWriteForm .item-subject {
    padding: 20px 30px;
}

#BDWriteForm #fb_board_tit {
    color: #000;
    font-size: 28px;
    font-weight: 600;
    line-height: 34px;
    width:100%;
    

}

#BDWriteForm #fb_board_tit::placeholder {
    color: #999;
    font-size: 28px;
}

#BDWriteForm .item-tools {
    display: flex;
    padding: 16px 30px 16px 16px;
    align-items: center;
    gap: 8px;
    border-top: 1px solid #F0F0F0;
    background: #FBFBFB
}

#BDWriteForm .item-tools p {
    display: flex;
    flex-direction: column;
    gap: 6px;
    cursor: pointer;
    width: 44px;
    height: 44px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    padding: 4px;
    transition: all 0.2s
}

#BDWriteForm .item-tools p:hover {
    background: #F0F0F0;
    color: #000
}

#BDWriteForm .item-tools i {
    font-size: 24px;
    color: #666
}

#BDWriteForm .item-tools span {
    display: block;
    color: #666;
    font-size: 11px;
    font-weight: 500;
    text-align: center
}

#BDWriteForm .item-options > div {
    padding: 0 30px;
    border-bottom: 1px solid #F0F0F0;
    display: flex;
    gap: 24px;
    height: 60px;
    align-items: center
}

#BDWriteForm .item-options > div span {
    font-size: 18px;
    text-align: center;
    width: 24px;
    height: 18px
}

#BDWriteForm .item-options > div input {
    font-size: 15px;
    line-height: 20px;
    color: #333;
    font-weight: 500;
    width: 100%
}

#BDWriteForm .item-options > div input::placeholder {
    color: #999
}

#BDWriteForm .item-options > div input.input_file {
    margin: 0;
    padding: 0;
    width: 100%
}

#BDWriteForm .item-input {
    display: flex;
    align-items: center;
    padding: 0 30px;
    font-size: 16px;
    background: #FFF;
    height: 52px;
    box-sizing: border-box;
    gap: 20px
}

#BDWriteForm .item-input input {
    font-size: 16px;
    color: #000
}

#BDWriteForm .item-tag .tagShowbox {
    padding: 0;
    border: 0;
    display: flex;
    align-items: center
}

#BDWriteForm .border-top {
    border-top: 1px solid #F6F6F6
}

#BDWriteForm .border-bottom {
    border-bottom: 1px solid #F6F6F6
}

.bd_df_wrap {
    border: 1px solid #EEE;
    background: #FFF
}

.bd_df_wrap h3 {
    text-align: center;
    font-size: 18px;
    line-height: 50px;
    border-bottom: 1px solid #EEE
}

.bd_df_wrap .subject {
    background: #F9F9F9;
    font-size: 16px;
    line-height: 60px;
    border-radius: 3px;
    margin-bottom: 16px
}

.bd_df_wrap .inner_wrap {
    text-align: center;
    padding: 36px 48px
}

.bd_df_wrap .inner_wrap i {
    font-size: 60px;
    color: #EEE
}

.bd_df_wrap .inner_wrap strong {
    display: block;
    font-size: 18px;
    margin: 24px 0 16px 0
}

.bd_df_wrap .inner_wrap p {
    color: #999;
    font-size: 13px;
    line-height: 22px
}

.bd_df_wrap .submit {
    text-align: center;
    margin-bottom: 36px
}

.bd_df_wrap .submit input, .bd_df_wrap .submit a {
    display: inline-block;
    text-align: center;
    width: 130px;
    font-size: 15px;
    vertical-align: top;
    transition: all .2s ease-in-out
}

.bd_df_wrap .submit input {
    background: #333;
    color: #FFF;
    margin-right: 8px;
    line-height: 50px;
    cursor: pointer
}

.bd_df_wrap .submit input:hover {
    background: #000
}

.bd_df_wrap .submit a {
    border: 1px solid #E0E0E0;
    color: #666;
    line-height: 48px
}

.bd_df_wrap .submit a:hover {
    background: #EEE
}

.wf_submit_btn {
    text-align: center;
    padding: 30px 0 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px
}

.wf_submit_btn .confirm, .wf_submit_btn input {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    background: #333;
    color: #fff;
    width: 150px;
    height: 44px;
    text-align: center;
    cursor: pointer;
    vertical-align: top;
    border-radius: 4px
}

.wf_submit_btn .confirm:hover, .wf_submit_btn input:hover {
    background: #111;
    transition: all .2s ease-in-out
}

.wf_submit_btn a {
    display: inline-block;
    width: 80px;
    height: 38px;
    line-height: 38px;
    background: #F0F0F0;
    border: 1px solid #BEBEBE;
    text-align: center;
    font-size: 14px;
    color: #888;
    margin-left: 7px;
    font-weight: 500;
    box-shadow: 0 0 6px rgba(0,0,0,0.15)
}

.wf_submit_btn a:hover {
    background: #D5D5D5;
    transition: all .2s ease-in-out;
    color: #333
}

#video_link {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000
}

#video_link .wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    left: 35%\9;
    background: #f9f9f9;
    border: 1px solid #777;
    padding: 25px;
    width: 400px;
    height: auto;
    margin-top: -140px;
    margin-left: -225px;
    margin-left: 0\9
}

#video_link .wrap p {
    font-size: 10pt;
    padding: 10px 0;
    color: #888
}

#video_link .wrap p.videocast_submit {
    color: #fff
}

#video_link .wrap p.videocast_submit:hover {
    background: #5C8DBF
}

#video_link .wrap h3 {
    font-size: 16pt
}

#video_link .wrap input {
    width: 360px
}

#file_popup {
    position: absolute;
    top: 50%;
    left: 0;
    left: 35%\9 !important;
    right: 0;
    background: #f9f9f9;
    border: 1px solid #777;
    padding: 25px;
    width: 350px;
    height: auto;
    margin-top: -140px;
    margin-left: auto;
    margin-right: auto
}

#file_popup input {
    width: 315px !important
}

#file_popup .designer_button {
    width: 25px !important
}

#file_popup > ul li div > input {
    width: 200px !important;
    font-size: 9pt;
    padding: 5px;
    border: 1px solid #f0f0f0
}

#litter_contents ul li {
    display: none;
    border-bottom: 1px solid #D5D5D5;
    padding: 7px 0
}

#litter_contents ul li.litter_selector {
    display: block
}

#litter_contents ul li label {
    float: left;
    display: block;
    width: 85px;
    padding-left: 15px;
    line-height: 34px;
    font-size: 14px
}

#litter_contents ul li .selector_wrap {
    line-height: 34px
}

#litter_contents ul li .selector_wrap p {
    position: relative;
    display: inline-block;
    width: 90px;
    margin-right: 5px;
    line-height: 26px;
    text-align: center;
    color: #939;
    border: 1px solid #e0e0e0;
    font-size: 12px;
    cursor: pointer
}

#litter_contents ul li .selector_wrap p.active {
    background: url('https://cdn.ibos.kr/images/litter_writer_icon.png') #939 no-repeat;
    background-position: 4px center;
    border-color: #939;
    color: #fff
}

#litter_contents ul li .selector_wrap p span {
    display: none;
    position: absolute;
    top: -53px;
    left: -25px;
    width: 120px;
    background-color: #000;
    z-index: 999;
    line-height: 18px;
    padding: 5px 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75
}

#litter_contents ul li .selector_wrap p.active span {
    display: block
}

#litter_contents ul li em {
    display: inline-block;
    line-height: 34px;
    vertical-align: middle;
    font-size: 14px;
    font-style: normal;
    padding: 0 5px
}

#litter_contents ul li i {
    display: inline-block;
    line-height: 34px;
    vertical-align: middle;
    font-style: normal
}

#litter_contents ul li .read_description, #litter_contents ul li .down_description {
    font-size: 14px;
    border-top: 1px solid #d5d5d5;
    padding: 12px 15px 0 15px;
    margin-top: 7px
}

#litter_contents ul li .read_description p, #litter_contents ul li .down_description p {
    padding-bottom: 7px;
    line-height: 20px;
    padding-left: 15px;
    letter-spacing: 0;
    color: #545454;
    background: url('https://cdn.ibos.kr/images/new_dot.gif') no-repeat;
    background-position: 3px 9px
}

#litter_contents ul li .read_description p span, #litter_contents ul li .down_description p span {
    color: #639;
    font-weight: 600
}

#litter_contents ul li .read_description strong, #litter_contents ul li .down_description strong {
    font-size: 15px;
    display: block;
    color: #e55757;
    padding-bottom: 7px
}

#litter_contents input {
    font-size: 15px;
    padding: 7px 10px;
    border: 1px solid #ededed
}

#litter_contents input.AB-text {
    width: 70px;
    text-align: right;
    color: #e55757;
    font-size: 15px;
    font-weight: 600
}

.AB-opt-admin {
    border: 1px solid #d5d5d5;
    background: #f9f9f9;
    margin-top: 10px
}

.AB-opt-admin > h5 {
    font-size: 12pt;
    letter-spacing: -0.5px;
    padding: 10px 15px;
    border-bottom: 1px dotted #d5d5d5
}

.AB-opt-admin ul {
    padding: 10px 0
}

.AB-opt-admin li {
    padding: 2px 15px;
    font-size: 9pt;
    clear: both;
    overflow: hidden;
    line-height: 30px;
    font-weight: 600
}

.AB-opt-admin li > input {
    float: left;
    padding: 5px 7px;
    font-size: 10pt;
    width: 120px !important;
    margin-right: 15px;
    letter-spacing: -0.5px;
    background: #fff
}

.AB-opt-admin li > input[type=checkbox] {
    width: auto !important;
    margin: 0
}

.AB-opt-admin li > label {
    float: left;
    width: 70px
}

.AB-opt-admin li > span input {
    margin-right: 3px
}

.AB-opt-admin li > span label {
    margin-right: 15px
}

.AB-opt-admin li.meta label {
    width: 125px
}

.AB-opt-admin li.meta input {
    width: 507px !important
}

#cmt_wf {
    margin: 20px 0;
    position: relative
}

.cmt_wf_wrap {
    border: 1px solid #E0E0E0;
    background: #FFF;
    border-radius: 8px;
    padding: 20px;
    padding-bottom: 0;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

.cmt_wf_wrap.focus {
    box-shadow: 1px 1px 4px rgba(0,0,0,0.12);
    transition: all .2s ease-in-out
}

.cmt_wf_wrap.margin_top_25 {
    margin-top: 25px
}

.cmt_wf_wrap .cmt_input > p {
    padding-bottom: 7px
}

.cmt_wf_wrap .cmt_input > p > span {
    position: relative;
    top: -2px
}

.cmt_wf_wrap .cmt_input > p > strong {
    font-size: 14px
}

.cmt_wf_wrap .cmt_input .AB-cmt-wrap > a {
    display: block;
    overflow: hidden
}

.cmt_wf_wrap .cmt_input .AB-cmt-wrap img {
    float: left;
    margin-right: 10px;
    border: 1px solid #e5e5e5
}

.cmt_wf_wrap .cmt_input .AB-cmt-wrap input {
    height: 76px !important;
    width: 100px !important
}

#cmt_wf .cmt_wf_wrap .cmt_input .AB-cmt-wrap textarea {
    resize: none !important;
    background: #FFF;
    width: 100%;
    min-height: 60px !important;
    font-size: 16px;
    line-height: 24px;
    border: 0;
    word-break: break-all;
    letter-spacing: 0;
    box-sizing: border-box;
    color: #333;
    padding: 0
}

 .cmt_wf_wrap .comment-profile-image {
    height: fit-content
}

 .cmt_wf_wrap .comment-profile-image img {
    width: 40px;
    height: 40px
}

 .cmt_wf_wrap .comment-inner-wrap {
    width: calc(100% - 56px);
    display: flex;
    flex-direction: column;
    gap: 8px
}

 .cmt_wf_wrap .comment-inner-wrap .comment-writer-name {
    font-size: 16px;
    font-weight: bold;
    color: #333
}

 .comment-buttons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    box-sizing: border-box;
    flex-basis: 100%;
    padding-bottom: 12px
}

form[id^="TCBOARD_comment_REPLY_"] #cmt_wf {
    margin: 0
}

form[id^="TCBOARD_comment_REPLY_"] .AB_cmt_reply_depth_1 {
    background: #FFF;
    padding: 10px 20px
}

form[id^="TCBOARD_comment_REPLY_"] .AB_cmt_reply_depth_2, form[id^="TCBOARD_comment_REPLY_"] .AB_cmt_reply_depth_3, form[id^="TCBOARD_comment_REPLY_"] .AB_cmt_reply_depth_4, form[id^="TCBOARD_comment_REPLY_"] .AB_cmt_reply_depth_5, form[id^="TCBOARD_comment_REPLY_"] .AB_cmt_reply_depth_6, form[id^="TCBOARD_comment_REPLY_"] .AB_cmt_reply_depth_7 {
    background: #FCFCFC;
    padding: 10px 20px;
    border-top: 1px dotted #DDD
}

form[id^="TCBOARD_comment_MODIFY"] div[class^="AB_cmt_reply_depth_"] {
    padding-left: 0
}

.AB-cmt-view .prof_cover {
    position: relative;
    margin-right: 12px
}

.AB-cmt-view .prof_cover.s_user {
    border: 2px solid #663399;
    padding: 2px
}

.AB-cmt-view .prof_cover img {
    width: 28px;
    height: 28px
}

.AB-cmt-view .cmt_contents {
    flex: 1 1 0%
}

.AB-cmt-view .reply_wf {
    display: flex;
    gap: 16px;
    padding-top: 6px
}

.AB-cmt-view .reply_wf a, .AB-cmt-view .reply_wf p {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.5px;
    color: #888
}

.AB-cmt-view .reply_wf a {
    display: inline-block
}

.AB-cmt-view .reply_wf a:hover {
    transition: all .2s ease-in-out
}

.AB-cmt-view .reply_wf .ReplyButton:hover {
    text-decoration: underline;
    color: #666
}

.AB-cmt-view .reply_wf .LikeThisCmt:hover em {
    color: #FF4949 !important;
    font-weight: bold !important
}

.AB-cmt-view .reply_wf .LikeThisCmt em {
    color: #FF4949;
    font-weight: bold;
    font-size: 12px
}

.AB-cmt-view .reply_wf .LikeThisCmt span {
    margin-left: 6px;
    color: #FF4949
}

.AB-cmt-view .reply_wf .LikeThisCmt.like_0 em {
    color: #888;
    font-weight: 300
}

.AB-cmt-view .reply_wf .LikeThisCmt.like_0 span {
    color: #888;
    font-weight: 600
}

.AB-cmt-view .reply_wf .btn_best {
    display: inline-block;
    font-size: 12px;
    padding: 3px 7px;
    font-family: "돋움", Dotum;
    color: #787878;
    letter-spacing: -1px;
    border: 1px solid #E0E0E0;
    margin-left: 5px;
    background: #FFF
}

.AB-cmt-view .reply_wf .btn_best_done {
    float: right;
    font-size: 11px;
    padding: 2px 3px;
    font-family: Dotum;
    border: 1px solid #e55757;
    color: #fff;
    border-radius: 2px;
    cursor: default !important;
    background-color: #e55757
}

.AB-cmt .comment-emoji {
    max-width: 120px;
    max-height: 120px
}

#cmt_wf .cmt_wf_wrap > p {
    display: inline-block
}

#cmt_wf #cmt_sms {
    position: absolute;
    top: 25px;
    right: 15px;
    padding: 2px 6px;
    border: 1px solid #E0E0E0;
    background: #F5F5F5
}

#cmt_wf #cmt_sms label {
    cursor: pointer;
    display: inline-block;
    padding-left: 3px
}

#cmt_wf #cmt_sms input {
    cursor: pointer
}

.comment_no {
    text-align: center;
    padding-bottom: 24px;
    display:flex;
    flex-direction: column;
    align-items: center;
}

.comment_no img {
    width: 60px
}

.comment_no p {
    font-size: 15px;
    color: #888;
    line-height: 26px;
    margin-top: 12px
}

#refresh-cmt {
    text-align: center
}

#refresh-cmt span {
    font-size: 13px;
    padding-top: 12px;
    text-align: center;
    display: inline-block;
    cursor: pointer
}

#refresh-cmt span:active {
    position: relative;
    top: 1px
}

#refresh-cmt span:hover {
    text-decoration: underline
}

#refresh-cmt i {
    margin-right: 5px
}

#edu_review_admin {
    padding-top: 20px
}

#edu_review_admin::after {
    content: '';
    display: block;
    clear: both
}

#random-cmt {
    text-align: right;
    float: right
}

#random-cmt span {
    display: inline-block;
    width: 128px;
    height: 28px;
    border-radius: 3px;
    border: 1px solid #7f7f7f;
    text-align: center;
    line-height: 28px;
    background: #fff;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 4px 0px
}

#random-cmt span:hover {
    background: #eee
}

#review_coupon,#adtnlData {
    float: left;
    padding: 5px 0
}

#review_coupon input {
    border : 1px solid #aaa;
    width: 160px;
    height: 24px;
    margin-top: -3px;
    text-align: right;
    padding: 0 10px;
    box-sizing: border-box
}

#review_coupon input::placeholder {
    color: #aaa;
    font-size: 10px
}

#review_coupon .coupon_submit,#review_coupon .coupon_cancel {
    display: inline-block;
    border: 1px solid #7f7f7f;
    padding: 3px 5px;
    margin-left: 5px;
    background: #fff;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 4px 0px
}

#review_coupon .coupon_submit:hover,#review_coupon .coupon_cancel:hover {
    background: #eee
}

#adtnlData {
    margin-left: 15px;
    height: 26px;
    line-height: 26px
}

#adtnlData p {
    font-size: 14px;
    cursor: pointer
}

#adtnlData p.chk {
    color: #00B050
}

.Layout-outer {
    background: #F5F5F5;
    padding: 20px 0
}

.Layout-outer #Layout-wrap {
    position: relative;
    width: 1280px
}

.Layout-outer #Layout-wrap .box-shadow {
    padding: 20px
}

#Layout-wrap {
    /*width: 1200px;*/
    margin: 0 auto;
    padding-bottom: 100px
}

#Layout-wrap:after {
    display: block;
    content: "";
    clear: both
}

#Layout-wrap .ABA-container-box-730 {
    width: 820px
}

.box-shadow {
    background: #FFF;
    box-shadow: 0 0 8px rgba(0,0,0,0.05)
}

.pd20 {
    padding: 20px
}

#BnSub {
    margin-bottom: 12px
}

#BnSub a {
    display: block;
    width: 360px;
    height: 240px;
    text-align: center
}

#BnSub a img {
    width: auto;
    height: 240px;
    max-width: 360px;
    object-fit: cover;
    /*border-radius: 8px*/
}

#Layout-sub .write-btn-sub a {
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    text-align: center;
    border: 1px solid #D7D7D7;
    background: #FAFAFA;
    margin-bottom: 10px;
    font-weight: 600;
    letter-spacing: -1px
}

.AsideHead {
    position: relative
}

.AsideHead .more {
    position: absolute;
    top: 0;
    right: 0
}

.AsideHead .more a {
    padding: 2px 4px !important;
    border: 1px solid #EBEBEB;
    font-size: 11px;
    letter-spacing: -1px;
    color: #777;
    background: #fff
}

.art_dot {
    background: url('https://cdn.ibos.kr/images/150714_dot_img.gif') no-repeat;
    text-indent: 10px;
    background-position: 0px 10px;
    padding: 3px 0
}

#w100p {
    width: 100%;
    margin: 0 auto
}

#w100p .w80p {
    width: 80%;
    min-width: 1050px;
    margin: 0 auto
}

.w1050px {
    width: 1050px;
    margin: 0 auto
}

#i_bd {
    overflow: hidden;
    width: 730px
}

#i_bd a:hover {
    text-decoration: underline
}

#i_bd > div {
    float: left;
    width: 358px;
    border: 1px solid #d7d7d7;
    padding-bottom: 10px;
    margin: 0 5px 5px 0
}

#i_bd .billboard > div {
    float: left
}

#i_bd .billboard:after {
    content: '';
    display: block;
    clear: both
}

#i_bd .billboard {
    overflow: hidden;
    clear: both;
    width: 723px;
    ;padding: 0
}

#i_bd .intro {
    border-right: 1px solid #d7d7d7
}

#i_bd .bd-best {
    width: 444px
}

#i_bd .bd-best .bd-title {
    width: 100%;
    background-color: #F7F7F7
}

#i_bd .bd-best .bd-title span {
    font-weight: 600;
    font-size: 13px;
    color: #939
}

#i_bd .bd-best .AB-LF-common {
    padding-left: 12px;
    width: 320px
}

#i_bd .bd-title {
    position: relative;
    padding: 10px 20px;
    border-bottom: 1px solid #f7f7f7;
    margin-bottom: 10px
}

#i_bd .bd-title a {
    font-weight: 600;
    font-size: 14px;
    color: #939
}

#i_bd .w_btn {
    position: absolute;
    right: 10px;
    top: 8px
}

#i_bd .cell {
    padding: 0 20px;
    position: relative
}

#i_bd .cell a {
    display: block;
    line-height: 26px;
    font-size: 13px
}

#i_bd .AB-LF-common {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    width: 180px
}

#i_bd .date {
    position: absolute;
    top: 0;
    right: 10px;
    width: 35px;
    text-align: center;
    font-size: 12px
}

#i_bd .cnt_comment {
    position: absolute;
    top: 0;
    right: 55px;
    color: #e55757;
    font-size: 11px;
    font-weight: 600
}

#i_bd .num {
    position: absolute;
    top: 0;
    left: 17px;
    font-weight: 600;
    font-size: 11px;
    font-family: "Tahoma";
    color: #e55757
}

#i_bd .n4, #i_bd .n5 {
    color: #369
}

#i_bd .interDiv {
    display: none;
    width: 693px;
    background-color: #EDEAEF;
    border-color: #E2E2E2
}

#i_bd .new_btn {
    float: left;
    position: relative;
    top: 0;
    padding-right: 5px
}

#i_bd .cell a strong + span.AB-LF-common {
    font-weight: 600
}

#i_bd .bd-img {
    overflow: hidden;
    width: 723px
}

#i_bd .bd-img .cell {
    float: left;
    width: 148px;
    padding: 0 27px 0 0
}

#i_bd .bd-img .div_1, #i_bd .bd-img .div_5 {
    padding-left: 20px
}

#i_bd .bd-img .text-ellipsis {
    width: 132px;
    text-align: center;
    padding: 2px 7px
}

#i_bd .cal {
    padding: 0;
    overflow: hidden;
    border-top: 0
}

#i_bd .cal a {
    display: block
}

#i_bd .cal a:hover {
    color: #454545
}

#i_bd .cal .DayofWeek {
    border-top: 1px solid #454545;
    height: 39px;
    background: #F7F7F7
}

#i_bd .cal .DayofWeek li {
    float: left;
    text-align: center;
    line-height: 39px;
    width: 50px;
    border-right: 1px solid #eee
}

#i_bd .cal .UA-cal-box {
    border: 0;
    margin-left: -1px
}

#i_bd .cal .UA-day-box {
    width: 50px;
    height: 39px
}

#i_bd .cal .UA-day-box .UA-today {
    height: 39px
}

#i_bd .cal .UA-this-month + li {
    position: relative;
    top: -15px;
    z-index: -1;
    height: 39px;
    background-size: 65% !important
}

#i_bd .SM_bn {
    width: 723px;
    margin: 0;
    margin-bottom: 5px;
    padding: 10px 0;
    background-color: #f5f5f5;
    text-align: center
}

#i_bd .SM_bn > div {
    margin: 0 auto
}

#i_bd .bd-img.border .cell a {
    border: 1px solid #e5e5e5
}

#i_bd .bd-img.border .cell a img {
    width: 146px
}

#i_bd .bd-img.border .height {
    height: 48px;
    line-height: 18px
}

#i_bd .bd-img.border .AB-LF-common {
    width: 136px;
    white-space: normal;
    text-overflow: inherit;
    padding: 5px;
    font-weight: 600
}

#i_bd .bn_img {
    border: 0;
    padding: 0
}

#i_bd .litter-mall {
    width: 723px
}

#i_bd .litter_mall2 .wrap {
    width: auto;
    padding: 10px 20px
}

#i_bd .litter_mall2 .item {
    width: 200px;
    margin: 8px 13px
}

#i_bd .litter_mall2 .item a {
    height: 272px
}

#i_bd .litter_mall2 .item:hover a {
    border-color: #e0e0e0;
    text-decoration: none
}

#i_bd .litter_mall2 .item a > img {
    width: 100%;
    height: auto
}

#i_bd .litter_mall2 .item .ItemLabel {
    right: 1px
}

#i_bd #AgencyAds {
    width: 723px
}

#AgencyAds .wrap {
    overflow: hidden;
    padding: 10px 20px
}

#AgencyAds .in_div {
    float: left;
    width: 152px;
    height: 95px;
    border: 1px solid #eee;
    margin: 0 21px 10px 0
}

#AgencyAds .num_4, #AgencyAds .num_8 {
    margin-right: 0
}

#AgencyAds .num_5, #AgencyAds .num_6, #AgencyAds .num_7, #AgencyAds .num_8 {
    margin-bottom: 0
}

#AgencyAds .in_div a {
    display: block;
    overflow: hidden
}

#AgencyAds .in_div a:hover .info span {
    text-decoration: underline
}

#AgencyAds .in_div p {
    text-align: center;
    vertical-align: middle;
    height: 35px;
    padding: 5px 0
}

#AgencyAds .in_div p img {
    max-height: 35px;
    width: auto
}

#AgencyAds .info {
    height: 33px;
    border-top: 1px solid #eee;
    padding: 8px;
    background-color: #fbfbfb
}

#AgencyAds .info .AB-LF-common {
    width: 100%
}

#AgencyAds .info p {
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#AgencyAds .info span {
    text-align: center;
    display: block;
    color: #666;
    font-weight: 600
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    outline: none
}

.litter_mall h3 {
    color: #333;
    font-weight: 600;
    font-size: 16px;
    padding: 8px 0px 3px 12px
}

.litter_mall_sort {
    position: relative;
    text-align: right;
    border-bottom: 1px solid #d4d4d4;
    padding: 20px 0;
    font-size: 13px
}

.litter_mall_sort > a {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #e5e5e5
}

.litter_mall_sort > a:first-child {
    border-left: 0
}

.litter_mall_sort > a b {
    color: #e55757
}

.litter_mall_sort .CompanySelect {
    display: none;
    position: absolute;
    top: 50px;
    right: -1px;
    text-align: center;
    z-index: 10
}

.litter_mall_sort .CompanySelect ul {
    width: 300px
}

.litter_mall_sort .CompanySelect li {
    width: 148px;
    float: left;
    height: 36px;
    line-height: 36px;
    background: #fff;
    border: 1px solid #d5d5d5;
    border-top: 0
}

.litter_mall_sort .CompanySelect li.num_1, .litter_mall_sort .CompanySelect li.num_3, .litter_mall_sort .CompanySelect li.num_5, .litter_mall_sort .CompanySelect li.num_7, .litter_mall_sort .CompanySelect li.num_9, .litter_mall_sort .CompanySelect li.num_11 {
    border-right: 0
}

.litter_mall_sort .CompanySelect li.num_1, .litter_mall_sort .CompanySelect li.num_2 {
    border-top: 1px solid #d5d5d5
}

.litter_mall_sort .CompanySelect li a {
    display: block
}

.litter_mall_sort .CompanySelect li a:hover {
    font-weight: 600;
    background: #fcfcfc
}

.litter_mall2 .wrap {
    overflow: hidden;
    width: 730px;
    padding-top: 20px
}

.litter_mall2 .item {
    float: left;
    width: 223px;
    margin: 0 20px 15px 0
}

.litter_mall2 .item > a {
    display: block;
    border: 1px solid #e0e0e0
}

.litter_mall2 .item > a:hover {
    border: 1px solid #e55757
}

.litter_mall2 .item > a > .litterimg_cover {
    width: 198px;
    height: 180px;
    overflow: hidden
}

.litter_mall2 .item > a > .litterimg_cover > img {
    width: 100%
}

.litter_mall2 .item .ItemLabel {
    position: absolute;
    right: 0;
    top: 131px;
    width: 50px;
    height: 50px;
    background: #ff9933;
    color: #fff;
    text-align: center;
    line-height: 50px;
    opacity: 0.75;
    font-size: 16px;
    letter-spacing: -1px;
    font-weight: 600
}

.litter_mall2 .item .ItemLabel.trade {
    background: #663399
}

.litter_mall2 .item .info {
    padding: 10px 10px 0px 10px;
    height: 50px
}

.litter_mall2 .item .info .title {
    font-size: 13pt;
    letter-spacing: -1px
}

.litter_mall2 .item .co {
    text-align: right;
    padding: 8px 10px
}

.litter_mall2 .item .co p {
    float: left
}

.litter_mall2 .item .co img {
    margin-right: 10px
}

.litter_mall2 .item .btn {
    padding: 5px 10px;
    overflow: hidden
}

.litter_mall2 .item .btn p {
    float: left;
    width: 120px
}

.litter_mall2 .item .btn p em {
    font-style: normal;
    color: #CC4343;
    font-size: 11pt;
    font-weight: 600
}

.litter_mall2 .item .btn p span {
    font-size: 11pt;
    font-weight: 600;
    color: #CC4343;
    padding-left: 7px
}

.litter_mall2 .item .btn p.num {
    text-align: right;
    font-size: 11pt;
    font-weight: 600;
    color: #666;
    width: 80px
}

.litter_mall2 .item .btn p.litter {
    width: 85px;
    padding: 0
}

.litter_mall2 .item .btn p.num2 {
    text-align: right;
    font-size: 11pt;
    font-weight: 600;
    color: #666;
    width: 115px
}

.lt_mall h3 {
    font-size: 14pt;
    font-weight: 600;
    letter-spacing: -0.5px;
    color: #555
}

.lt_mall p {
    font-size: 10pt;
    line-height: 160%;
    padding: 15px 0
}

.lt_mall p span {
    color: #e55757;
    font-weight: 600
}

.lt_mall div > span {
    font-size: 13pt;
    color: #666;
    letter-spacing: -1px
}

.lt_mall div > span strong {
    color: #e55757;
    padding: 0 3px
}

.lt_mall > div {
    border-bottom: 1px dotted #e0e0e0;
    padding: 45px 0 25px 10px
}

.lt_mall .hd1 {
    background: url(/images/150401_main_03.png) no-repeat;
    background-position: right center
}

.lt_mall .desc p {
    padding: 0
}

.lt_mall .desc p > span {
    color: #ff9933
}

.lt_mall .desc p > span:first-child {
    color: #993399
}

.lt_mall .desc > em {
    font-style: normal;
    font-size: 11pt
}

.lt_mall .desc > em a {
    font-size: 8pt;
    background: #CC4343;
    color: #fff;
    margin-left: 10px;
    padding: 2px 3px
}

#lt_apply_fm .apply_btn {
    text-align: center
}

#lt_apply_fm .apply_btn .lack {
    border: 1px solid #d5d5d5;
    width: 45%;
    margin: 0 auto;
    padding: 20px 0;
    font-size: 20px;
    letter-spacing: -0.5px;
    line-height: 180%;
    background: #f9f9f9
}

#lt_apply_fm .apply_btn .lack strong {
    font-size: 15px;
    color: #e55757
}

#lt_apply_fm .apply_btn .soldout {
    border: 1px solid #d5d5d5;
    width: 45%;
    margin: 0 auto;
    padding: 20px 0;
    font-size: 20px;
    letter-spacing: -0.5px;
    line-height: 180%;
    background: #f9f9f9;
    color: #e55757
}

#lt_apply_fm .event {
    color: #e55757;
    text-align: center;
    padding-bottom: 30px;
    font-size: 17px;
    font-weight: 600
}

#lt_apply_fm .event p {
    padding-top: 10px
}

#lt_apply_fm {
    background: #F6F6f6;
    border-radius: 20px;
    margin-bottom: 50px;
    padding: 20px 0
}

#lt_apply_fm #apply_btn_info {
    width: 200px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 30px
}

#membershipOnly {
    padding: 30px 0;
    margin-bottom: 40px
}

#membershipOnly h5 {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin-bottom: 16px
}

#membershipOnly #apply_btn_info, #membershipOnly #apply_btn_done, #membershipOnly .forNonMembership {
    display: block;
    margin: 0 auto;
    background: linear-gradient(90deg, rgba(129,57,225,1) 40%, rgba(68,41,243,1) 100%);
    width: 200px;
    line-height: 60px;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    border-radius: 30px
}

#membershipOnly #apply_btn_finish {
    display: block;
    margin: 0 auto;
    background: #999;
    width: 200px;
    line-height: 60px;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    border-radius: 30px
}

#membershipOnly .lists_cal {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 12px;
    margin-bottom: 40px;
    background: #F6F6f6;
    border-radius: 20px;
    padding: 30px
}

#membershipOnly .lists_cal div {
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 2px solid #CCC;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    position: relative
}

#membershipOnly .lists_cal div span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 32px;
    text-align: center;
    color: #555;
    font-weight: 600;
    font-size: 14px;
    background: #E0E0E0
}

#membershipOnly .lists_cal div p {
    font-size: 18px;
    font-weight: normal;
    color: #999;
    margin-top: 24px
}

#membershipOnly .lists_cal div.done {
    color: var(--event-point);
    border-color: var(--event-point)
}

#membershipOnly .lists_cal div.done span {
    background: var(--event-point);
    color: #FFF
}

#membershipOnly .lists_cal div.done p {
    color: var(--event-point);
    font-weight: bold;
    font-size: 20px
}

#membershipOnly .lists_cal div.in_progress {
    color: var(--event-black);
    border-color: var(--event-black)
}

#membershipOnly .lists_cal div.in_progress span {
    background: var(--event-black);
    color: #FFF
}

#membershipOnly .lists_cal div.in_progress p {
    color: var(--event-black);
    font-weight: bold;
    font-size: 20px
}

#membershipOnly .lists_cal div#today {
    color: var(--event-today);
    border-color: var(--event-today)
}

#membershipOnly .lists_cal div#today span {
    background: var(--event-today);
    color: #FFF
}

#membershipOnly .lists_cal div#today p {
    color: var(--event-today)
}

#membershipOnly .event-info ul {
    margin: 40px 0 0 20px
}

#membershipOnly .event-info ul p {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 8px
}

#membershipOnly .event-info ul li {
    list-style: disc;
    font-size: 15px;
    font-weight: 300;
    color: #666;
    margin: 8px 0 8px 16px
}

#mk_comp .wrap {
    overflow: hidden
}

#mk_comp .wrap .cell {
    float: left;
    width: 25%;
    text-align: center;
    font-weight: 600;
    font-size: 13px
}

#mk_comp .wrap .cell .img {
    height: 75px;
    white-space: nowrap;
    text-align: center;
    margin: 1em 0
}

#mk_comp .wrap .cell .img img {
    vertical-align: middle;
    max-width: 110px;
    height: auto;
    max-height: 80px;
    max-height: 80px\9
}

#mk_comp .wrap .cell .img .resize {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

#mk_comp .wrap .cell .desc {
    padding-top: 12px;
    height: 35px;
    overflow: hidden
}

#mk_comp .wrap .cell .desc a {
    padding: 0 10px;
    color: #999;
    font-weight: normal;
    font-size: 13px;
    line-height: 150%
}

#mk_comp .ABC-head {
    border-bottom: 2px solid #636870
}

.view_box {
    border-bottom: 1px solid #c0c0c0;
    border-top: 2px solid #666;
    position: relative
}

.view_box .wrap {
    overflow: hidden
}

.view_box .ABA-tit-box {
    padding: 10px 0 10px 12px;
    clear: both;
    color: #999
}

.view_box .wrap_title {
    min-height: 50px;
    width: 520px;
    word-break: break-all
}

.view_box .subject {
    clear: both;
    padding: 16px 0 5px 0;
    overflow: hidden
}

.view_box .subject h1 {
    font-size: 24px;
    font-weight: 600;
    padding-left: 10px;
    letter-spacing: -1px
}

.view_box .w_info .user_tit li {
    float: left
}

.view_box .w_info .user_tit .first {
    font-size: 14px;
    padding: 2px 4px
}

.view_box .w_info .user_tit .first:hover {
    background: none;
    cursor: pointer
}

.view_box .w_info .user_tit .first a {
    display: inline;
    padding: 15px 7px
}

.view_box .w_info .user_tit .img {
    border: 0;
    box-shadow: none;
    margin: 0 0 0 8px;
    padding: 2px 4px
}

.view_box .w_info .user_tit .img:hover {
    background: none
}

.view_box .w_info .user_tit li {
    border: 1px solid #ddd;
    margin: 7px 3px 0 3px;
    font-size: 12px;
    letter-spacing: -0.5px;
    box-shadow: 1px 1px 1px #eee
}

.view_box .w_info .user_tit li:hover {
    background: #f7f7f7
}

.view_box .w_info .user_tit li:hover a {
    color: #333
}

.view_box .w_info .user_tit li a {
    display: block;
    padding: 2px 4px
}

.view_box .w_info .user_tit li i {
    margin-right: 5px
}

.view_box .w_info .user_tit img {
    width: 30px;
    height: 30px;
    border: 1px solid #e0e0e0
}

.view_box .w_info .user_tit .none, .view_box .w_info .user_tit .first {
    border: 0;
    font-size: 14px;
    box-shadow: none
}

.view_box .w_info .user_tit .none a:hover {
    color: #1c1c1c
}

.view_box .w_info .user_tit .none i {
    margin: 0;
    font-size: 14px;
    color: #1c1c1c
}

.view_box .w_info .user_tit .none:hover {
    background: none
}

.view_box .w_info .user_tit .first #v_introduce {
    position: absolute;
    border: 1px solid #e1e1e1;
    background: #fdfdfd;
    width: 480px;
    left: 55px;
    display: none;
    z-index: 100;
    padding: 20px;
    box-shadow: 2px 2px 2px #eee;
    cursor: auto;
    margin-top: 10px;
    line-height: 150%
}

.view_box .w_info .user_tit .first #v_introduce a {
    padding: 0
}

.view_box .w_info .user_tit .first #v_introduce a:hover {
    text-decoration: underline;
    color: blue
}

.view_box .cont_ad {
    width: 250px;
    float: right;
    background: #fdfdfd;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.view_box .cont_ad .ad_btn {
    position: absolute;
    right: 3px;
    top: 3px
}

.view_box .cont_ad .ad_btn a {
    border: 1px solid #e0e0e0;
    background: #fff;
    padding: 1px 3px;
    font-size: 10px
}

.view_box .cont_ad .ABC-body-04 {
    padding-top: 10px
}

.view_box .cont_ad .ABC-body-04 table tbody tr td:hover {
    background: none
}

.view_box .w_info .user_tit .first:hover > #v_introduce {
    display: block
}

.VF_outlink, .VF_ntcbox {
    position: relative;
    background: #FCFCFC;
    height: 30px;
    margin: 7px 0;
    border: 1px solid #F7F7F7
}

.VF_outlink a, .VF_ntcbox a {
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0;
    padding-right: 10px;
    line-height: 30px
}

.VF_outlink label, .VF_ntcbox label {
    display: inline-block;
    margin: 0 12px;
    font-weight: 600;
    letter-spacing: -1px;
    width: 16px;
    text-align: center
}

.VF_outlink a {
    color: #545454;
    max-width: 650px;
    font-weight: 500
}

.VF_outlink a:hover {
    text-decoration: underline
}

.VF_outlink em {
    font-style: normal;
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
    font-weight: 600
}

.trend.VF_outlink {
    display: inline-block;
    margin: 0;
    margin-top: 30px;
    height: 35px;
    padding: 0 20px 0 9px;
    background: #f6f6f6;
    border-radius: 5px!important
}

.trend.VF_outlink::before {
    clear: both;
    content: '';
    display: block
}

.trend.VF_outlink, .trend.VF_outlink a {
    font-size: 12.5px;
    color: #505050;
    line-height: 35px;
    font-weight: normal
}

.trend.VF_outlink a:hover span {
    text-decoration: underline
}

.trend.VF_outlink em {
    font-size: 12px;
    line-height: 36px;
    font-weight: 500
}

.trend.VF_outlink span {
    display: inline-block;
    max-width: 300px;
    vertical-align: top;
    font-size: 14px
}

.trend.VF_outlink label {
    color: #999;
    margin: 0 8px;
    width: auto;
    font-size: 12px;
    font-weight: 500;
    line-height: 26px
}

.trend.VF_outlink label:before {
    margin-right: 6px
}

.VF_ntcbox a {
    display: block;
    margin-right: 53px
}

.VF_ntcbox a:hover span {
    text-decoration: underline;
    color: #333;
    font-weight: 500
}

.VF_ntcbox label.label_bn {
    color: #FF9933
}

.VF_ntcbox .ntcbox_info {
    position: absolute;
    top: 8px;
    right: 0;
    padding: 0;
    margin: 0 10px;
    color: #C0C0C0;
    line-height: 13px
}

.VF_ntcbox .ntcbox_info:hover span {
    font-weight: 600;
    text-decoration: none;
    color: #999
}

.view_box2 {
    overflow: hidden;
    padding: 5px 0;
    border-bottom: 1px solid #f7f7f7
}

.view_box2 li {
    height: 25px;
    line-height: 25px;
    float: left
}

.view_box2 li label {
    font-size: 13px;
    font-weight: 600;
    color: #666;
    width: 50px;
    float: left;
    display: block;
    padding-left: 12px
}

.view_box2 li a {
    display: block;
    word-break: break-all;
    width: 620px
}

.view_box2 li.point_download div {
    float: left
}

.view_box2 .link {
    float: none
}

.point_download_desc {
    padding: 10px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #e5e5e5;
    margin: 10px auto;
    width: 400px
}

.point_download_desc p {
    line-height: 24px
}

.point_download_desc strong {
    font-weight: 600;
    color: #e55757
}

.point_download_desc .my_ltr {
    position: relative;
    padding-top: 7px
}

.point_download_desc .my_ltr a {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #e55757;
    color: #FFF;
    padding: 0 6px;
    font-family: "나눔고딕", NanumGothic;
    font-size: 12px;
    letter-spacing: -1px
}

.point_download_desc .my_ltr span {
    color: #e55757
}

.lf_box {
    overflow: hidden;
    margin-bottom: 10px;
    border-top: 2px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}

.lf_box .cont_ad {
    width: 250px;
    float: right;
    background: #fcfcfc;
    height: 153px;
    position: relative
}

.lf_box .cont_ad .ad_btn {
    position: absolute;
    right: 7px;
    top: 3px
}

.lf_box .cont_ad .ad_btn a {
    border: 1px solid #e0e0e0;
    background: #fff;
    padding: 1px 3px;
    font-size: 10px
}

.lf_box .cont_ad .ABC-body-04 {
    padding-top: 15px
}

.lf_box .cont_ad .ABC-body-04 table tbody tr td:hover {
    background: none
}

.lf_box .rec_article {
    float: left;
    width: 525px
}

.lf_box .rec_article .wrap {
    padding-left: 12px
}

.lf_box .rec_article .wrap .cell {
    padding: 3px 0;
    font-size: 13px
}

.lf_box .bd_title {
    font-size: 16px;
    font-weight: 600;
    color: #666;
    padding: 8px 5px
}

.ABA-view-btn {
    padding: 10px 0 0 0
}

.ABA-view-btn .AB-fr span .btn_board, .ABA-view-btn .AB-fr span .btn_write {
    color: #fff;
    background: #bbb;
    padding: 4px 13px;
    font-size: 14px;
    font-weight: 600
}

.ABA-view-btn .AB-fr span .btn_write {
    background: #952f97
}

.ABA-view-btn .view_btn_sns {
    float: left !important
}

.ABA-view-btn .view_btn_sns label {
    float: left;
    line-height: 30px;
    font-weight: 600;
    padding-right: 20px;
    color: #999;
    padding-left: 12px
}

.AB-btn-thema .btn_board, .AB-btn-thema .btn_write {
    color: #fff;
    background: #bbb;
    padding: 4px 13px;
    font-size: 14px;
    font-weight: 600
}

.AB-btn-thema .btn_write {
    background: #952f97
}

.AB-btn-thema a:hover {
    color: #fff
}

#DeviceClassifications {
    line-height: 28px;
    font-size: 12px;
    color: #707070;
    margin-top: 50px
}

#DeviceClassifications img {
    margin-right: 5px;
    width: 16px;
    height: 16px
}

.my_litter {
    position: relative
}

.my_litter .header {
    background: #f2f2f2;
    border: 1px solid #d4d4d4;
    border-bottom: 0;
    width: 100%;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.my_litter .header p {
    padding: 25px 20px;
    font-size: 22px
}

.my_litter .btn {
    position: absolute;
    top: 13px;
    right: 15px;
    width: 150px;
    height: 50px
}

.my_litter .btn a {
    font-size: 20px;
    display: block;
    height: 100%;
    background: #4c585f;
    text-align: center;
    line-height: 50px;
    color: #fff;
    border-radius: 5px
}

.my_litter .btn a:hover {
    background: #98B0BF
}

.my_litter .info {
    width: 100%;
    height: 150px;
    border: 1px solid #d4d4d4;
    margin-bottom: 10px
}

.my_litter .info .usable {
    float: left;
    width: 45%;
    text-align: center;
    background-position: 75px 15px;
    height: 150px
}

.my_litter .info .usable p {
    text-align: right;
    padding: 35px 45px 0 0
}

.my_litter .info .usable span {
    font-size: 24px
}

.my_litter .info .usable label {
    display: block
}

.my_litter .info .usable strong {
    font-size: 55px;
    color: #e55757
}

.my_litter .info .how {
    float: left;
    width: 44%;
    height: 100%;
    padding-left: 10%;
    background: url('https://cdn.ibos.kr/images/coupon(17).png') no-repeat;
    background-position: 50px 5px
}

.my_litter .g1_nav a {
    display: block
}

.my_litter .g1_nav ul {
    padding: 0;
    margin: 0;
    height: 60px;
    width: 100%;
    border: 1px solid #d4d4d4;
    border-top: 0
}

.my_litter .g1_nav li {
    float: left;
    text-align: center;
    width: 173px;
    height: 60px;
    font-size: 18px;
    line-height: 60px;
    font-weight: 600;
    letter-spacing: -1px;
    background-color: #fff;
    color: #505050;
    border-right: 1px solid #d4d4d4
}

.my_litter .g1_nav li a {
    color: #666
}

.my_litter .g1_nav .last {
    border-right: 0
}

.my_litter .g1_nav .active {
    background-color: #f2f2f2 !important
}

.my_litter .g1_nav .active a {
    color: #e55757
}

.my_litter .g1_tab th, .my_litter .g1_tab td {
    font-size: 13px
}

.my_litter .g1_tab th, .my_litter .g1_tab td .sender {
    font-size: 11px;
    letter-spacing: -0.5px;
    padding-left: 15px
}

.my_litter .none {
    padding-bottom: 100px
}

.my_litter .none h3 {
    text-align: center;
    font-size: 20px;
    letter-spacing: -0.5px
}

.my_litter .unlogged {
    padding-bottom: 100px
}

.my_litter .unlogged h3 {
    text-align: center;
    font-size: 20px;
    letter-spacing: -0.5px
}

.my_litter .unlogged h5 {
    text-align: center;
    font-weight: normal;
    padding-top: 50px;
    font-size: 14px
}

#member_profile {
    background: #fdfdfd;
    border: 1px solid #e0e0e0;
    padding: 10px
}

.download_btn a {
    width: 160px;
    text-align: center;
    font-size: 22px;
    padding: 15px 250px;
    letter-spacing: -1px;
    display: inline-block;
    cursor: pointer;
    background-color: #e55757;
    border: 1px solid #e55757;
    color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-weight: 600
}

.download_btn a:hover {
    background-color: #fff;
    color: #e55757;
    border: 1px solid #e55757;
    font-weight: 600
}

.data_bd .data_directory li a {
    width: 66px
}

.data_bd .data_board {
    overflow: hidden;
    clear: both;
    padding-top: 20px
}

.box_wrap {
    padding-right: 20px;
    width: 47%;
    float: left;
    height: 110px;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #d5d5d5
}

.box_wrap ul > div {
    float: left;
    width: 55%
}

.box_wrap ul > div:first-child {
    width: 45%
}

.box_wrap ul li {
    float: left
}

.box_wrap .btn {
    display: block;
    margin-top: 10px;
    padding: 5px 0;
    text-align: center;
    border: 1px solid #ccc
}

.box_wrap .title {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.5px
}

.data_library {
    margin: 0;
    margin-bottom: 10px;
    padding: 20px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.data_library .discription div {
    padding: 10px;
    padding-left: 0;
    border-bottom: 1px dotted #ddd
}

.data_library .discription div:last-child {
    border: 0
}

.data_library .discription div:last-child p {
    font-size: 15px;
    letter-spacing: -1px;
    line-height: 1.6;
    text-align: justify;
    color: #333
}

.data_library_tab_on a {
    background-color: #fff!important;
    color: #e55757!important
}

.sch_bx .sch_text {
    color: #999
}

#sch_RSL .img_sect .wrap {
    overflow: hidden;
    width: 780px
}

#sch_RSL .img_sect .wrap > div {
    float: left;
    width: 150px;
    margin-right: 6px;
    overflow: hidden;
    height: 122px
}

#sch_RSL .img_sect .wrap > div a {
    display: block
}

#sch_RSL .img_sect .wrap > div a img {
    min-height: 120px;
    border: 1px solid #f7f7f7
}

#sch_RSL .sch_title {
    padding: 15px 0;
    font-size: 14px
}

#sch_RSL .sch_more {
    text-align: right;
    font-size: 14px;
    text-decoration: underline;
    padding: 20px 0
}

.LTR_list {
    border: 1px solid #b5b5b5;
    margin-bottom: 10px;
    font-size: 10pt;
    position: relative
}

.LTR_list > div {
    padding: 7px 5px
}

.LTR_list > div > span {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #b5b5b5;
    font-weight: 600
}

.LTR_list > div > span.item {
    color: #e55757
}

.LTR_list .button {
    float: left;
    height: 58px;
    line-height: 68px;
    padding: 0 20px
}

.LTR_list .mb_writer {
    color: blue
}

.LTR_list .ctrl {
    position: absolute;
    top: 30px;
    right: 0
}

.LTR_list .ctrl a {
    padding: 2px 4px;
    border: 1px solid #d5d5d5;
    background: #f7f7f7
}

.LTR_list .ctrl span {
    border-right: 0;
    display: block;
    width: 15px;
    float: left;
    margin: 0;
    padding: 0;
    margin-left: 10px
}

.LTR_list .ctrl span:first-child {
    width: 61px
}

.LTR_list .ctrl span:last-child {
    width: 51px;
    text-align: center
}

#modify_main .attend {
    margin: 0;
    border-bottom: 0
}

#PushMsg .w_btn a {
    background: #336699;
    text-align: center;
    font-size: 20px;
    display: block;
    width: 200px;
    margin: 25px auto;
    color: #fff;
    padding: 10px 0
}

.BoardListTitle p {
    height: 28px
}

.BoardListTitle .CS p {
    background-position: 0px -85px
}

.BoardListTitle {
    padding: 5px 0;
    margin-bottom: 5px
}

.BoardListTitle .subscrib {
    position: relative;
    float: right;
    margin-top: 5px
}

.ServiceAdPopup {
    position: relative
}

.ServiceAdPopup > div {
    padding: 25px;
    border: 3px solid #336699;
    width: 565px;
    position: absolute;
    top: 100px;
    background-color: #fff;
    z-index: 1000;
    left: 45px
}

.ServiceAdPopup h3 {
    font-size: 20px;
    letter-spacing: -1px;
    padding-bottom: 15px;
    font-weight: 600;
    color: #e55757
}

.ServiceAdPopup p {
    font-size: 13px;
    letter-spacing: -0.5px;
    line-height: 2.1
}

.ServiceAdPopup p b {
    padding-left: 20px
}

.ServiceAdPopup .close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer
}

.ServiceAdPopup .close img {
    border: 1px solid #fff
}

.ServiceAdPopup .close img:hover {
    border: 1px solid #b5b5b5
}

.AB-dictionary {
    padding-top: 20px;
    font-family: Pretendard, AppleSDGothicNeo-Regular, 'Malgun Gothic','맑은 고딕',sans-serif
}

.AB-dictionary-title {
    font-size: 26px;
    font-weight: 600;
    padding-top: 25px
}

.AB-dictionary ul {
    overflow: hidden;
    display: flex;
    gap: 6px;
    padding: 10px 0;
    border: 1px solid #E0E0E0;
    border-width: 1px 0;
    flex-wrap: wrap
}

.AB-dictionary ul li {
    text-align: center;
    line-height: 36px
}

.AB-dictionary ul li a {
    display: block;
    border-radius: 5px;
    padding: 0 12px;
    font-weight: 600;
    font-size: 15px;
    color: #000;
    background: #F1f1f1
}

.AB-dictionary ul li:hover a {
    background: #000;
    color: #fff
}

.AB-dictionary-list .ABA-list-body {
    clear: both
}

.AB-dictionary-list .ABA-list-body td {
    height: 100px;
    font-size: 15px;
    text-align: left
}

.AB-dictionary-list .ABA-list-body td.words .AB-LF-common {
    font-size: 20px;
    color: #000
}

.AB-dictionary-list .ABA-list-body td.description {
    line-height: 160%
}

.dictionary-title {
    position: relative
}

.dictionary-searchbox {
    position: absolute;
    right: 0;
    bottom: -50px
}

#word_dic {
    letter-spacing: 0px
}

#word_dic h1 {
    font-size: 32px;
    border-bottom: 1px solid #E0E0E0;
    border-width: 1px 0;
    text-align: center;
    padding: 50px 0;
    font-weight: 600
}

#word_dic .contents {
    margin-top: 25px;
    margin-bottom: 50px
}

#word_dic .contents p {
    font-size: 16px;
    line-height: 2;
    padding-left: 20px
}

#word_dic .list > div {
    padding-left: 20px
}

#word_dic .list {
    margin: 30px 0;
    font-size: 15px
}

#word_dic .title {
    font-size: 18px;
    padding-bottom: 15px;
    padding-left: 0 !important
}

#account_activation {
    width: 400px;
    margin: 0 auto;
    border: 1px solid #d5d5d5;
    padding: 20px;
    margin-top: 100px;
    margin-bottom: 100px;
    background: #FAFAFA
}

#account_activation h1 {
    font-size: 26px;
    font-weight: 600;
    text-align: center
}

#account_activation p {
    width: 300px;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
    line-height: 1.5;
    padding-top: 20px
}

#account_activation .confirm {
    width: 120px;
    margin: 0 auto
}

#account_activation .confirm input {
    width: 100%;
    margin-top: 30px;
    padding: 10px 5px;
    font-size: 16px;
    font-weight: 600;
    background: #369;
    color: #fff;
    cursor: pointer
}

#MKT_agency > div {
    border-bottom: 1px solid #eee;
    min-height: 95px
}

#MKT_agency > div a {
    overflow: hidden;
    display: block;
    padding: 10px 0
}

#MKT_agency > div a:hover {
    background: #fcfcfc
}

#MKT_agency > div a:hover h3 {
    text-decoration: underline
}

#MKT_agency .images {
    float: left;
    width: 100px;
    text-align: center;
    line-height: 95px;
    border: 1px solid #fafafa;
    margin-left: 20px;
    background: #fff
}

#MKT_agency .contents {
    float: left;
    margin-left: 25px;
    width: 545px;
    color: #1c1c1c
}

#MKT_agency .contents h3 {
    font-size: 18px;
    font-weight: 600;
    color: #336699
}

.MKT_career .contents h3 {
    padding-top: 10px
}

#MKT_agency .contents span.AB-LF-common {
    font-size: 14px;
    padding-top: 10px;
    display: block
}

#MKT_agency .contents p span {
    margin-right: 10px;
    padding-left: 10px
}

.MKT_career .contents p span.phone strong {
    color: #e55757 !important
}

#MKT_agency .contents p span strong {
    color: #663399
}

#MKT_agency .contents p span.address strong {
    color: #1c1c1c;
    font-weight: normal
}

#MKT_agency .contents p span.cat {
    padding-left: 0;
    color: #218D44
}

#MKT_agency .description {
    padding-top: 13px;
    font-size: 13px;
    line-height: 1.45;
    width: 85%;
    letter-spacing: -0.5px
}

#MKT_agency .description span {
    background: #FFEC42;
    margin: 0 !important;
    padding: 0 !important
}

#MKT_agency .info {
    padding-top: 8px
}

#MKT_agency .info strong.dday {
    padding-right: 10px
}

#MKT_agency .info strong.dday_over {
    padding-right: 10px;
    padding-left: 10px;
    font-weight: normal;
    text-decoration: line-through;
    color: #999
}

#all_img_article .wrap {
    overflow: hidden;
    width: 750px
}

#all_img_article .wrap a {
    display: block;
    height: 100%
}

#all_img_article .wrap > div {
    float: left;
    width: 230px;
    margin: 0 20px 30px 0;
    box-shadow: 1px 1px 3px #fcfcfc
}

#all_img_article .wrap a:hover {
    border-color: #666
}

#all_img_article .wrap > div:hover a {
    color: #3c3c3c
}

#all_img_article .wrap > div:hover .title {
    text-decoration: underline
}

#all_img_article .wrap .img {
    border: 1px solid #eee;
    position: relative
}

#all_img_article .wrap .img .video_icon {
    position: absolute;
    top: 75px;
    left: 95px
}

#all_img_article .wrap .info {
    padding: 5px 10px
}

#all_img_article .wrap .info p:first-child {
    font-size: 15px;
    line-height: 140%;
    padding: 7px 0 15px 0;
    height: 40px
}

#all_img_article .wrap .info div strong {
    float: right;
    font-weight: normal
}

.help_notice {
    border: 1px solid #eee;
    overflow: hidden;
    margin-bottom: 20px
}

.help_notice a {
    float: left;
    display: block;
    font-size: 11pt;
    font-weight: 600;
    color: #333399;
    padding: 15px;
    padding-left: 10px
}

.help_notice img {
    float: left;
    padding-top: 13px;
    padding-left: 15px
}

.help_notice > span {
    margin: 11px;
    float: right
}

#bd_help > div {
    border: 1px solid #eee;
    margin-bottom: 20px
}

#bd_help > div .cont {
    padding: 15px;
    height: 95px;
    position: relative
}

#bd_help > div .cont > p {
    padding: 15px 130px 0 0;
    line-height: 1.7;
    font-size: 10pt;
    color: #666
}

#bd_help > div .cont > div {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 130px
}

#bd_help > div .cont > div p {
    text-align: center;
    width: 75px;
    margin: 20px auto;
    height: 65px;
    line-height: 1.35;
    font-size: 10pt;
    color: #999;
    border: 2px solid #ebebeb;
    padding-top: 10px
}

#bd_help > div .cont > div p strong {
    display: block;
    font-size: 24pt;
    color: #e55757
}

#bd_help > div .cont .title {
    font-size: 24px;
    color: #1c1c1c
}

#bd_help > div .info {
    border-top: 1px solid #eee;
    padding: 10px 10px 10px 15px;
    background: #FDFDFD;
    height: 20px;
    line-height: 20px
}

#bd_help > div .info em {
    clear: both;
    font-style: normal;
    border-right: 1px solid #eee;
    padding-right: 10px;
    margin-right: 10px
}

#bd_help > div .info em > p {
    float: left
}

#bd_help > div .info em > p a:hover {
    color: #666
}

#bd_help > div .info em > span {
    float: left;
    margin-right: 5px
}

#bd_help > div .info > span {
    border-right: 1px solid #eee;
    padding-right: 10px;
    margin-right: 10px;
    color: #666
}

#bd_help > div .info > div {
    float: right;
    background: #ff9933;
    margin-top: -5px;
    margin-right: 17px
}

#bd_help > div .info > div a {
    display: block;
    color: #fff;
    font-size: 10pt;
    font-weight: 600;
    letter-spacing: -1px;
    padding: 5px 15px
}

#bd_help > div .info .date {
    border: 0
}

#bd_help > div .admin {
    overflow: hidden;
    padding: 5px
}

#bd_help > div .admin a, #bd_help > div .admin input {
    float: left;
    margin-right: 5px
}

.agency_sb {
    padding: 25px 0;
    background: #f9f9f9;
    border: 1px solid #d5d5d5;
    border-top: 0;
    overflow: hidden
}

.agency_sb .searchbox {
    text-align: center
}

.agency_sb .searchbox .mb_searchbox_2 {
    font-size: 16px;
    padding-left: 10px;
    width: 200px !important
}

.agency_sb .searchbox .mb_searchbox_3 {
    font-size: 16px;
    cursor: pointer;
    background: #666;
    color: #fff;
    border: 1px solid #666;
    height: 41px;
    width: 75px
}

.agency_sb .searchbox .back_img {
    background: #fff url('https://cdn.ibos.kr/images/bg_schbox_agency_db.gif') no-repeat
}

.agency_db_cmt p.AB-cmt {
    padding-top: 15px !important
}

.agency_list h3 {
    font-size: 18px;
    font-weight: 700;
    padding: 10px 0;
    letter-spacing: -.5px
}

.agency_list .ad .wrap {
    overflow: hidden;
    width: 800px
}

.agency_list .ad .wrap > div {
    float: left;
    width: 245px;
    margin-right: 20px
}

.agency_list .logo {
    border: 1px solid #e0e0e0;
    text-align: center;
    height: 75px;
    line-height: 75px;
    margin-bottom: 7px
}

.agency_list .logo img {
    max-width: 150px;
    max-height: 60px
}

.agency_list > div a span {
    display: block;
    font-size: 14px;
    font-weight: 700;
    padding: 4px 0
}

.agency_list .wrap > div p {
    line-height: 140%;
    color: #666
}

.agency_list .ad {
    border-top: 2px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    padding: 15px 0;
    margin-bottom: 30px
}

.agency_list .best {
    border-top: 2px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 30px
}

.agency_list .best .wrap {
    padding: 15px 0;
    overflow: hidden;
    width: 800px
}

.agency_list .best .wrap > div {
    float: left;
    width: 243px;
    height: 194px;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
    border: 1px solid #d5d5d5
}

.agency_list .best .wrap .logo {
    border: 0;
    text-align: center;
    height: 75px;
    line-height: 75px;
    margin-bottom: 7px
}

.agency_list .best .wrap .logo img {
    max-width: 243px;
    max-height: 80px
}

.agency_list .best .wrap .info {
    padding: 10px
}

.agency_list .best .wrap .info .AB-LF-common {
    font-size: 20px;
    font-weight: 700;
    display: block;
    padding-bottom: 5px
}

.agency_list .best .wrap .icon {
    position: absolute;
    right: 0;
    top: 90px;
    background: #f93;
    color: #fff;
    padding: 5px;
    font-weight: 700;
    text-align: center;
    width: 35px
}

.agency_list .N_list .subject {
    font-size: 18px;
    font-weight: 700
}

.agency_nav {
    overflow: hidden
}

.agency_nav li {
    float: left;
    text-align: center
}

.agency_nav li a {
    border: 1px solid #d5d5d5;
    border-right: 0;
    height: 85px;
    display: block;
    width: 85px;
    font-weight: 700;
    font-size: 14px;
    color: #939;
    line-height: 130px;
    letter-spacing: -.5px
}

.agency_nav li a.I {
    border-right: 1px solid #d5d5d5
}

.agency_nav li .all {
    background: url(/images/150213_19.png) no-repeat;
    background-position: center 15px
}

.agency_nav li .A {
    background: url(/images/150213_03.png) no-repeat;
    background-position: center 15px
}

.agency_nav li .B {
    background: url(/images/150213_05.png) no-repeat;
    background-position: center 15px
}

.agency_nav li .C {
    background: url(/images/150213_07.png) no-repeat;
    background-position: center 15px
}

.agency_nav li .D {
    background: url(/images/150213_09.png) no-repeat;
    background-position: center 15px
}

.agency_nav li .E {
    background: url(/images/150213_11.png) no-repeat;
    background-position: center 15px
}

.agency_nav li .F {
    background: url(/images/150213_13.png) no-repeat;
    background-position: center 15px
}

.agency_nav li .G {
    background: url(/images/150213_15.png) no-repeat;
    background-position: center 15px
}

.agency_nav li .H {
    background: url(/images/150213_17.png) no-repeat;
    background-position: center 15px
}

.agency_nav li .I {
    background: url(/images/2126_list_off0.png) no-repeat;
    background-position: center 30px
}

.agency_nav .all_active a {
    background-color: #939;
    background-image: url("/images/2126_list_on (9).png")!important;
    background-position: center 15px;
    color: #fff;
    border-color: #939
}

.agency_nav .A_active a {
    background-color: #939;
    background-image: url("/images/2126_list_on (1).png")!important;
    background-position: center 15px;
    color: #fff;
    border-color: #939
}

.agency_nav .B_active a {
    background-color: #939;
    background-image: url("/images/2126_list_on (2).png")!important;
    background-position: center 15px;
    color: #fff;
    border-color: #939
}

.agency_nav .C_active a {
    background-color: #939;
    background-image: url("/images/2126_list_on (3).png")!important;
    background-position: center 15px;
    color: #fff;
    border-color: #939
}

.agency_nav .D_active a {
    background-color: #939;
    background-image: url("/images/2126_list_on (4).png")!important;
    background-position: center 15px;
    color: #fff;
    border-color: #939
}

.agency_nav .E_active a {
    background-color: #939;
    background-image: url("/images/2126_list_on (5).png")!important;
    background-position: center 15px;
    color: #fff;
    border-color: #939
}

.agency_nav .F_active a {
    background-color: #939;
    background-image: url("/images/2126_list_on (6).png")!important;
    background-position: center 15px;
    color: #fff;
    border-color: #939
}

.agency_nav .G_active a {
    background-color: #939;
    background-image: url("/images/2126_list_on (7).png")!important;
    background-position: center 15px;
    color: #fff;
    border-color: #939
}

.agency_nav .H_active a {
    background-color: #939;
    background-image: url("/images/2126_list_on (8).png")!important;
    background-position: center 15px;
    color: #fff;
    border-color: #939
}

.agency_nav .I_active a {
    background-color: #939;
    background-image: url(/images/2126_list_on0.png)!important;
    background-position: center 30px;
    color: #fff;
    border-color: #939
}

#agency_DB {
    overflow: hidden;
    margin-bottom: 20px
}

#agency_DB > .menu li {
    float: left;
    border: 1px solid #d5d5d5;
    border-right: 0;
    height: 85px;
    width: 85px;
    font-weight: 700;
    font-size: 14px;
    color: #939;
    line-height: 130px;
    text-align: center
}

#agency_DB > .menu .tabs_active {
    color: #fff;
    background: #933399;
    border-color: #939;
    background-repeat: no-repeat;
    background-position: center 15px
}

#agency_DB > .menu ._boss_tab_0.tabs_active {
    background-image: url("/images/2126_list_on (1).png")!important
}

#agency_DB > .menu ._boss_tab_1.tabs_active {
    background-image: url("/images/2126_list_on (2).png")!important
}

#agency_DB > .menu ._boss_tab_2.tabs_active {
    background-image: url("/images/2126_list_on (3).png")!important
}

#agency_DB > .menu ._boss_tab_3.tabs_active {
    background-image: url("/images/2126_list_on (4).png")!important
}

#agency_DB > .menu ._boss_tab_4.tabs_active {
    background-image: url("/images/2126_list_on (5).png")!important
}

#agency_DB > .menu ._boss_tab_5.tabs_active {
    background-image: url("/images/2126_list_on (6).png")!important
}

#agency_DB > .menu ._boss_tab_6.tabs_active {
    background-image: url("/images/2126_list_on (7).png")!important
}

#agency_DB > .menu ._boss_tab_7.tabs_active {
    background-image: url("/images/2126_list_on (8).png")!important
}

#agency_DB > .menu ._boss_tab_8.tabs_active {
    background-image: url(/images/2126_list_on0.png)!important;
    background-position: center 30px
}

#agency_DB > .menu ._boss_tab_0 {
    background-image: url(/images/150213_03.png);
    background-position: center 15px;
    background-repeat: no-repeat
}

#agency_DB > .menu ._boss_tab_1 {
    background-image: url(/images/150213_05.png);
    background-position: center 15px;
    background-repeat: no-repeat
}

#agency_DB > .menu ._boss_tab_2 {
    background-image: url(/images/150213_07.png);
    background-position: center 15px;
    background-repeat: no-repeat
}

#agency_DB > .menu ._boss_tab_3 {
    background-image: url(/images/150213_09.png);
    background-position: center 15px;
    background-repeat: no-repeat
}

#agency_DB > .menu ._boss_tab_4 {
    background-image: url(/images/150213_11.png);
    background-position: center 15px;
    background-repeat: no-repeat
}

#agency_DB > .menu ._boss_tab_5 {
    background-image: url(/images/150213_13.png);
    background-position: center 15px;
    background-repeat: no-repeat
}

#agency_DB > .menu ._boss_tab_6 {
    background-image: url(/images/150213_15.png);
    background-position: center 15px;
    background-repeat: no-repeat
}

#agency_DB > .menu ._boss_tab_7 {
    background-image: url(/images/150213_17.png);
    background-position: center 15px;
    background-repeat: no-repeat
}

#agency_DB > .menu ._boss_tab_8 {
    background-image: url(/images/2126_list_off0.png);
    background-position: center 30px;
    background-repeat: no-repeat;
    border-right: 1px solid #d5d5d5
}

#agency_DB .agency_list h3 {
    font-size: 18px;
    font-weight: 700;
    padding: 10px 0;
    letter-spacing: -.5px
}

#agency_DB .agency_list .ad .wrap {
    overflow: hidden;
    width: 800px
}

#agency_DB .agency_list .ad .wrap > div {
    float: left;
    width: 245px;
    margin-right: 20px
}

#agency_DB .agency_list .logo {
    border: 1px solid #e0e0e0;
    text-align: center;
    height: 75px;
    line-height: 75px;
    margin-bottom: 7px
}

#agency_DB .agency_list .logo img {
    max-width: 150px;
    max-height: 60px
}

#agency_DB .agency_list > div a span {
    display: block;
    font-size: 14px;
    font-weight: 700;
    padding: 4px 0
}

#agency_DB .agency_list .wrap > div p {
    line-height: 140%;
    color: #666
}

#agency_DB .agency_list .ad {
    border-top: 2px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    padding: 15px 0;
    margin-bottom: 30px
}

#agency_DB .tab_container .N_list .mb_subject span.subject {
    font-size: 18px!important;
    font-weight: 700
}

#litter_pd_apply .title {
    font-size: 30px;
    letter-spacing: -2px;
    padding: 50px 0 30px;
    text-align: center;
    font-weight: 700;
    color: #555
}

#litter_pd_apply .submit {
    text-align: center;
    margin-top: 30px
}

#litter_pd_apply .submit a {
    font-size: 15px;
    font-weight: 700;
    background: #f93;
    padding: 5px 10px;
    display: block;
    padding: 10px 25px;
    color: #fff
}

#litter_pd_apply .agreement label {
    font-size: 13px;
    padding-left: 5px
}

#litter_pd_apply .parcel_off {
    width: 550px;
    margin: 0 auto
}

#litter_pd_apply .input_box > div {
    border: 1px solid #d5d5d5;
    border-top: 0;
    height: 50px;
    font-size: 15px
}

#litter_pd_apply .input_box > div.cmt1 {
    height: 145px
}

#litter_pd_apply .input_box > div.cmt1 p {
    padding: 10px;
    padding-left: 140px;
    font-size: 11pt;
    line-height: 160%
}

#litter_pd_apply .input_box > div:first-child {
    border-top: 1px solid #d5d5d5
}

#litter_pd_apply .input_box > div.addr,#litter_pd_apply .input_box > div.cmt {
    height: 100px
}

#litter_pd_apply .input_box > div.addr > input {
    float: left
}

#litter_pd_apply .input_box > div.addr > a {
    display: block;
    float: left;
    font-size: 14px;
    background: #eee;
    border: 1px solid #ccc;
    margin-top: 9px;
    padding: 8px 5px
}

#litter_pd_apply .input_box > div.addr .full_addr {
    width: 385px
}

#litter_pd_apply .input_box > div > span {
    display: block;
    float: left;
    width: 130px;
    text-align: center;
    border-right: 1px solid #d5d5d5;
    background: #f7f7f7;
    height: 100%;
    line-height: 50px
}

#litter_pd_apply .input_box > div > input {
    border: 1px solid #d5d5d5!important;
    margin: 9px 10px 0;
    height: 22px!important;
    font-size: 15px!important;
    padding: 5px 0 5px 10px !important
}

#litter_pd_apply .input_box > div > select {
    height: 32px!important;
    border: 1px solid #d5d5d5!important;
    margin: 9px 10px 0
}

#litter_pd_apply .input_box > div > textarea {
    width: 385px;
    border: 1px solid #d5d5d5!important;
    margin: 9px 10px 0;
    height: 70px!important;
    font-size: 15px!important;
    padding: 5px 0 5px 10px !important;
    font-family: "나눔고딕","Nanum Gothic"
}

#litter_pd_apply .cmt .opt_txt {
    font-size: 12px!important;
    color: #e55757!important
}

#litter_pd_apply .note {
    padding-top: 50px;
    font-size: 13px;
    line-height: 150%;
    text-align: center
}

#litter_pd_apply .parcel_on {
    width: 550px;
    margin: 0 auto
}

#MKT_consulting {
    overflow: hidden
}

#MKT_consulting ul li {
    line-height: 36px;
    font-size: 13px
}

#MKT_consulting ul li span {
    display: block;
    float: left;
    width: 120px;
    font-weight: 600
}

#MKT_consulting .t01 {
    overflow: hidden;
    clear: both
}

#MKT_consulting .L200 {
    width: 200px;
    float: left
}

#MKT_consulting .R495 {
    width: 495px;
    float: left
}

#MKT_consulting .R495 p {
    font-size: 13px;
    line-height: 1.6;
    letter-spacing: -0.5px;
    text-align: justify
}

#MKT_consulting .t02 .R495 > div {
    clear: both;
    margin-bottom: 45px
}

#MKT_consulting .t02 .icon {
    float: left;
    margin-right: 25px
}

#MKT_consulting .t02 .text h4 {
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 10px
}

#MKT_consulting .t03 {
    overflow: hidden;
    clear: both;
    margin-bottom: 30px
}

#MKT_consulting .t03 > div {
    float: left;
    width: 50%
}

#MKT_consulting .t03 dt {
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 10px
}

#MKT_consulting .t03 dd {
    font-size: 13px;
    line-height: 32px
}

#MKT_consulting .t03 dd span {
    font-size: 14px;
    font-weight: 600;
    float: left;
    display: block;
    width: 15px
}

#MKT_consulting .t04 {
    overflow: hidden;
    clear: both
}

#MKT_consulting .t04 > div {
    float: left;
    width: 305px;
    padding: 20px
}

#MKT_consulting .t04 p {
    font-size: 13px;
    line-height: 1.6;
    letter-spacing: -0.5px;
    text-align: justify
}

#MKT_consulting .t04 h4 {
    font-weight: 600;
    font-size: 16px;
    padding-bottom: 10px
}

#MKT_consulting .form ul li {
    margin-bottom: 10px;
    clear: both;
    overflow: hidden
}

#MKT_consulting .form input {
    width: 349px;
    padding: 0 10px;
    line-height: 34px;
    float: left;
    border: 1px solid #b5b5b5;
    height: 36px
}

#MKT_consulting .form input.num_only {
    float: none
}

#MKT_consulting .form select {
    width: 71px;
    height: 36px;
    position: relative;
    top: 2px
}

#MKT_consulting .form textarea {
    width: 349px;
    height: 104px;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #b5b5b5;
    font-family: "나눔고딕","Nanum Gothic"
}

#MKT_consulting #agree {
    position: relative;
    top: 12px
}

#BoardAdmin {
    margin-top: 20px;
    background: #F9F9F9;
    border: 1px solid #D5D5D5;
    padding: 15px 30px
}

#BoardAdmin input {
    padding: 3px 3px 4px 3px;
    font-size: 13px;
    margin-left: 5px;
    border: 1px solid #AAAAAA
}

#BoardAdmin select {
    padding: 4px;
    font-size: 13px
}

#BoardAdmin a.btn {
    font-size: 13px;
    position: relative;
    top: 1px;
    display: inline-block;
    width: 52px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    font-weight: 600;
    background: url('https://cdn.ibos.kr/images/btn_bg_off.png') no-repeat;
    padding: 0px 3px
}

#BoardAdmin .SelectBoard {
    padding-bottom: 10px;
    font-size: 13px
}

#RecruitList {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px
}

#RecruitList:after {
    content: '';
    display: block;
    clear: both
}

#RecruitList > div {
    position: relative;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 8px
}

#RecruitList > div a {
    display: block;
    height: 100%
}

#RecruitList > div a:hover h3 {
    text-decoration: underline
}

#RecruitList .images {
    height: 78px;
    text-align: center;
    padding-top: 30px;
    display: flex;
    justify-content: center
}

#RecruitList .images img {
    max-width: 60%;
    height: auto;
    object-fit: contain
}

#RecruitList .contents {
    padding: 26px 16px 16px 16px;
    color: #1c1c1c
}

#RecruitList .contents h3 {
    font-size: 14px;
    margin: 15px 0
}

#RecruitList .contents .new_btn {
    color: #ff4949;
    font-size: 14px;
    margin-left: 4px
}

#RecruitList .AB-LF-common {
    padding: 15px 0px;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: -0.5px;
    font-weight: 600
}

#RecruitList .career, #RecruitList .type {
    padding: 2px 5px;
    font-size: 12px;
    color: #666;
    background: #f2f2f2;
    border-radius: 3px
}

#RecruitList .career {
    margin-right: 7px
}

#RecruitList .info {
    position: absolute;
    bottom: 5px;
    width: 205px
}

#RecruitList .dday {
    margin-bottom: 10px;
    float: right
}

#RecruitList .dday span {
    font-size: 12px;
    color: #999;
    letter-spacing: -0.5px;
    font-weight: 400
}

#RecruitList .dday_over s {
    color: #ddd
}

#RecruitListAdmin {
    padding: 20px
}

#RecruitListAdmin .card-show {
    display: inline-block
}

#RecruitListAdmin .card-show .btn-prev {
    display: inline-block;
    line-height: 40px;
    background: #F2F4F6;
    color: #000;
    font-size: 14px;
    padding: 4px 12px;
    margin: 4px;
    cursor: pointer
}

#RecruitListAdmin .card-show:hover .prev_card {
    display: inline-block
}

#RecruitListAdmin .prev_card {
    display: none;
    border-radius: 3px;
    background: #FFF;
    width: 234px;
    padding: 20px;
    position: absolute;
    right: 50px;
    top: 40px;
    z-index: 99
}

#RecruitListAdmin .prev_card a:hover .corp_img img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all .3s
}

#RecruitListAdmin .prev_card .corp_img {
    overflow: hidden;
    border-radius: 6px
}

#RecruitListAdmin .prev_card .corp_img img {
    width: 234px;
    height: 140px;
    object-fit: cover;
    border-radius: 6px
}

#RecruitListAdmin .prev_card .contents {
    position: relative;
    padding-top: 12px;
    padding-left: 66px;
    min-height: 50px
}

#RecruitListAdmin .prev_card .contents .job-title {
    font-size: 17px;
    font-weight: bold;
    color: #000;
    margin-bottom: 8px;
    line-height: 24px;
    min-height: 24px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all
}

#RecruitListAdmin .prev_card .contents .corp {
    font-size: 13px;
    line-height: 18px;
    font-weight: 500
}

#RecruitListAdmin .prev_card .job-logo {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 4px
}

#RecruitListAdmin .prev_card .job-logo img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    border-radius: 6px
}

#RecruitListAdmin .prev_card .introd {
    margin: 8px 0 4px;
    font-size: 14px;
    line-height: 22px;
    color: #555;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-line-clamp: 4;
    -moz-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

#RecruitListAdmin .prev_card .info {
    padding-top: 8px
}

#RecruitListAdmin .prev_card .info span {
    background: #F2F4F6;
    padding: 2px 4px;
    border-radius: 2px;
    margin-right: 8px;
    font-size: 13px
}

#PopupArticle {
    width: 350px;
    position: fixed;
    bottom: 50px;
    left: 30px;
    display: none;
    border: 1px solid #c5c5c5;
    z-index: 9999
}

#PopupArticle .Wrap {
    position: relative;
    background-color: #fff
}

#PopupArticle .title h5 {
    font-size: 15px;
    color: #888;
    background-color: #f5f5f5;
    padding: 12px 20px;
    font-weight: normal
}

#PopupArticle .cont {
    padding: 15px 20px
}

#PopupArticle .cont p {
    font-size: 15px;
    line-height: 1.5;
    padding: 10px 0
}

#PopupArticle .mem_photo {
    float: left;
    width: 60px;
    margin-right: 10px
}

#PopupArticle .mem_photo img {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    border: 1px solid #ddd
}

#PopupArticle .btn_sns {
    text-align: center;
    clear: both;
    border-top: 1px dotted #d5d5d5;
    margin-top: 10px;
    padding-top: 13px
}

#PopupArticle .btn_sns a {
    margin: 0 1px
}

#PopupArticle .btn_sns span {
    display: block;
    font-size: 13px;
    padding-bottom: 10px;
    color: #e55757;
    font-weight: 600
}

#PopupArticle .btn_close {
    position: absolute;
    right: 6px;
    top: 6px;
    cursor: pointer;
    border: 1px solid #f5f5f5;
    padding: 5px
}

#PopupArticle .btn_close:hover {
    border: 1px solid #d5d5d5
}

#PopupArticle em {
    font-style: normal;
    display: block;
    text-align: right;
    padding: 5px 15px;
    letter-spacing: -1px;
    color: #999
}

#PopupArticle_hide {
    display: none !important
}

#AgencySearch {
    padding: 25px 0;
    background: #FCFCFC;
    border: 1px solid #d5d5d5;
    overflow: hidden;
    margin-bottom: 15px
}

#AgencySearch input {
    text-align: center
}

#BD1957_login {
    overflow: hidden;
    padding-top: 125px
}

#BD1957_login > form {
    margin: 0 auto;
    width: 366px
}

#BD1957_login .sns_login {
    text-align: center;
    margin-bottom: 10px
}

#BD1957_login .sns_login img {
    cursor: pointer
}

#BD1957_login .btn_login input {
    cursor: pointer;
    width: 366px;
    background-color: #939;
    padding: 15px;
    margin-top: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 600
}

#BD1957_login .btn_join {
    text-align: center;
    width: 366px;
    margin: 40px auto
}

#BD1957_login .btn_login_a {
    margin: 20px auto
}

#BD1957_notice {
    text-align: center
}

.menubar {
    background: url(/images/sub_member_menu.png) no-repeat
}

.menubar.myarts {
    background-position: 0 0
}

.menubar.myarts:hover {
    background-position: 0 -35px
}

.menubar.mycmt {
    background-position: -50px 0
}

.menubar.mycmt:hover {
    background-position: -50px -35px
}

.menubar.scrapbook {
    background-position: -100px 0
}

.menubar.scrapbook:hover {
    background-position: -100px -35px
}

.menubar.msg {
    background-position: -150px 0
}

.menubar.msg:hover {
    background-position: -150px -35px
}

.menubar.attend {
    background-position: -200px 0
}

.menubar.attend:hover {
    background-position: -200px -35px
}

.ABA-view-body.ABA-article-contents iframe {
    width: 100%;
    min-height: 410px
}

.ABA-view-body.ABA-article-contents iframe.note-video-clip.w640 {
    width: 640px;
    height: 360px;
    min-height: auto
}

#Recruit .career_view_top3 {
    border: 1px solid #ccc;
    border-width: 0 1px
}

#EventList {
    width: 730px;
    padding-top: 25px;
    overflow: hidden;
    clear: both
}

#EventList .cell {
    margin: 0 25px 25px 0;
    float: left;
    width: 340px;
    position: relative;
    letter-spacing: -0.5px
}

#EventList .cell a {
    display: block;
    height: 100%;
    color: #1c1c1c
}

#EventList .cell a:hover .subject {
    text-decoration: underline;
    color: #369
}

#EventList .conts {
    padding: 10px;
    border: 1px solid #d5d5d5;
    height: 140px
}

#EventList .subject {
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding: 7px 0 5px 0;
    line-height: 1.5
}

#EventList .subject em {
    font-style: normal;
    display: inline-block;
    background: #FF4949;
    color: #FFF;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin-left: 10px;
    text-align: center;
    font-size: 13px;
    position: relative;
    top: -2px
}

#EventList .comment_text_2 {
    font-size: 13px;
    line-height: 160%
}

#EventList .category {
    position: absolute;
    bottom: 10px;
    right: 10px
}

#EventList .date {
    position: absolute;
    bottom: 15px;
    left: 10px;
    font-size: 14px;
    font-weight: 600
}

#EventList .date .space {
    padding: 0 10px
}

.coupon .tab {
    width: 100% !important;
    clear: both
}

#NewsPost {
    cursor: pointer;
    padding: 2px 8px;
    border: 1px solid #b5b5b5;
    background: #fcfcfc;
    font-size: 13px
}

.EmailView {
    overflow: hidden
}

.EmailView .ABA-view-body.ABA-article-contents {
    overflow: hidden
}

.EmailView table {
    width: 662px
}

.EmailView table table table {
    width: 100%
}

#PRView .tit {
    border-bottom: 1px solid #ddd;
    color: #666;
    padding: 10px;
    background: #FBFBFB;
    font-weight: 600;
    font-size: 13px
}

#PRView .info {
    padding: 15px 20px;
    overflow: hidden;
    border-bottom: 1px solid #E9E9E9
}

#PRView .info p {
    line-height: 26px;
    font-size: 13px;
    width: 33.33%;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

#PRView .info label {
    background: url('https://cdn.ibos.kr/images/new_dot.gif') no-repeat;
    padding-left: 10px;
    background-position: 0 6px
}

#Layout-wrap #btn_move_top {
    position: fixed;
    cursor: pointer;
    margin-left: 310px;
    bottom: 15px
}

#column_VF #btn_move_top {
    position: fixed;
    cursor: pointer;
    margin-left: 910px;
    bottom: 15px;
    z-index: 10
}

#all_community .best .cell.div_3 {
    margin-right: 0
}

#all_community .board1 .cell .AB-LF-common {
    width: 340px;
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

#all_community .example .cell.div_3, #all_community .example .cell.div_6 {
    margin-right: 0
}

#all_community .board_wrap > div.board2 {
    width: 335px
}

#all_community .board2 .cell {
    height: 28px
}

#all_community .board2 .cell .AB-LF-common {
    width: 184px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

#all_community .board2 .attend_btn {
    margin-top: 13px
}

#all_community .gallery {
    margin-bottom: 35px
}

#all_community .gallery .cell.num_5 {
    margin-right: 0px
}

#all_community .gallery > div {
    overflow: hidden
}

.scontent td {
    margin-bottom: 20px
}

#SocialForGuest span {
    font-size: 13px;
    font-weight: 600;
    padding: 0 12px;
    color: #369
}

#SocialForGuest img {
    cursor: pointer;
    margin-left: 3px
}

#SocialForGuest img:hover {
    opacity: .45
}

#SocialForGuest .SNS a.btn_write.bd_R3 {
    display: inline-block;
    margin-left: 3px
}

#Layout-sub {
    position: relative;
    width: 360px
}

.bn_ref {
    position: absolute
}

.bn_ref .description {
    display: none
}

.bn_ref a:hover > img {
    display: none
}

.bn_ref a:hover .description {
    display: inline
}

.ly_Topbanner {
    top: 131px;
    right: 2px;
    display: none
}

#MemsArticles .text-ellipsis {
    width: 95px
}

#MemsComments .text-ellipsis {
    width: 95px
}

#MemsComments .cmt_contents {
    display: inline-block;
    padding: 10px 0;
    line-height: 18px;
    word-break: break-all;
    text-align: justify;
    font-size: 13px
}

#MemsComments .cmt_contents:hover {
    text-decoration: underline
}

#MKT_consulting .form .blink {
    display: block;
    background-color: #e55757;
    color: #fff;
    font-weight: 600;
    text-align: center;
    margin-left: 120px;
    font-size: 18px;
    line-height: 55px
}

#MKT_consulting input#agree {
    height: auto;
    line-height: 100%;
    cursor: pointer
}

#MKT_consulting input#agree + label {
    cursor: pointer
}

#MKT_consulting .form input {
    font-size: 14px
}

#MKT_consulting .form input[type=checkbox] {
    width: auto;
    height: auto;
    line-height: 100%;
    position: relative;
    top: 12px
}

#MKT_consulting .chkbox {
    float: left;
    width: 370px
}

#MKT_consulting ul li label span {
    width: 100px;
    cursor: pointer
}

#MKT_consulting ul li span em {
    padding-left: 5px;
    color: #e55757;
    font-style: normal
}

#MKT_consulting {
    margin-bottom: 50px
}

#MKT_consulting .LongText span {
    width: 210px
}

#MKT_consulting_LD {
    text-align: center;
    border: 3px solid #369;
    padding: 20px 0;
    width: 75%;
    margin: 75px auto
}

#MKT_consulting_LD p {
    font-size: 14px;
    line-height: 24px
}

#MKT_consulting_LD a {
    background-color: #e55757;
    color: #fff;
    padding: 10px 25px;
    font-weight: 600
}

.MinfoPop {
    position: absolute;
    z-index: 999;
    width: 130px;
    border: 1px solid #b0b0b0;
    background-color: #fbfbfb;
    left: 0;
    top: 0
}

.MinfoPop ul li {
    line-height: 27px;
    float: left;
    width: 130px;
    border-bottom: 1px solid #e9e9e9;
    padding-left: 0
}

.MinfoPop ul li a {
    display: block;
    width: 120px;
    color: #555;
    padding-left: 10px
}

#writer-relation .writer_profile .user_tit ul li.first a .MinfoPop ul li a {
    display: block !important;
    font-size: 12px !important;
    padding: 0 0 0 10px !important;
    color: #555 !important
}

.MinfoPop ul li a:hover {
    background-color: #f1f1f1;
    font-weight: 600
}

.MinfoPop ul li img {
    padding-right: 5px;
    position: relative;
    top: -2px
}

.MinfoPop ul li.prof {
    width: 149px;
    border-right: 1px solid #e9e9e9;
    padding: 20px 0 0 0;
    border-bottom: 0;
    height: 120px;
    text-align: center
}

.MinfoPop ul li.prof p {
    display: block;
    float: none
}

.MinfoPop ul li.prof img {
    padding-right: 0
}

.MinfoPop ul li.last {
    border-bottom: 0
}

.MinfoPop ul li.last a {
    border: 0
}

.table-mbb td strong.text-ellipsis {
    color: #639;
    float: left;
    width: 85px
}

#PR_Notice.MoimCeo > span {
    width: auto;
    font-size: 13px;
    line-height: 160%
}

#PR_Notice.MoimCeo p {
    font-size: 15px;
    padding-bottom: 5px
}

#PR_Notice.MoimCeo p img {
    padding-right: 5px
}

#PR_Notice.MoimCeo div.apply {
    clear: both;
    margin: 0 auto;
    width: 180px;
    padding-top: 10px
}

#PR_Notice.MoimCeo div.apply a {
    display: block;
    text-align: center;
    background-color: #f1e44d;
    color: #000;
    font-weight: 600;
    padding: 12px 0;
    font-size: 13px;
    letter-spacing: -.5px
}

#GiveLitter {
    padding: 20px
}

#GiveLitter h3 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    line-height: 60px;
    border-bottom: 1px solid #E0E0E0;
    margin-bottom: 20px
}

#GiveLitter ul {
    margin: 0;
    padding: 0
}

#GiveLitter ul li {
    list-style: none;
    overflow: hidden;
    padding: 8px 0
}

#GiveLitter ul li div {
    width: 322px;
    display: inline-block
}

#GiveLitter ul li input {
    font-size: 14px;
    border: 1px solid #d5d5d5;
    padding: 5px 10px;
    height: 24px;
    letter-spacing: 0
}

#GiveLitter ul li input[name=subject] {
    width: 300px
}

#GiveLitter ul li label {
    display: inline-block;
    width: 80px;
    font-size: 13px;
    line-height: 22px;
    color: #666
}

#GiveLitter ul li strong {
    display: block;
    width: 300px;
    line-height: 36px;
    color: #e55757;
    font-size: 14px
}

#GiveLitter .litter_amount {
    text-align: right;
    font-weight: 600
}

#GiveLitter a.btn-send-litter {
    display: block;
    line-height: 44px;
    font-size: 15px;
    color: #FFF;
    background: #333;
    text-align: center;
    margin-top: 32px
}

#GiveLitter .info {
    background: #F5F5F5;
    padding: 18px 12px;
    font-size: 13px;
    color: #777;
    margin-top: 24px
}

.ABA-article-contents .dialog {
    overflow: hidden;
    clear: both;
    padding: 0 25px
}

.ABA-article-contents .dialog .context {
    float: left;
    padding: 10px 15px;
    margin-bottom: 10px;
    -webkit-border-radius: 15px!important;
    -moz-border-radius: 15px!important;
    border-radius: 15px!important;
    background: #f5f5f5;
    max-width: 65%;
    font-size: 15px;
    line-height: 24px;
    word-break: break-word;
    text-align: left;
    color: #050505;
    letter-spacing: -1px
}

.ABA-article-contents .dialog .context a {
    color: #1583FD;
    word-break: break-all
}

.ABA-article-contents .dialog .context a:hover {
    border-bottom: 1px solid #1583FD;
    text-decoration: none
}

.ABA-article-contents .dialog .context img {
    max-width: 100%
}

.ABA-article-contents .dialog span.w_name {
    display: block;
    font-size: 13px;
    clear: both;
    font-weight: 600
}

.ABA-article-contents .dialog.b-right {
    text-align: right !important;
    margin-top: 10px
}

.ABA-article-contents .dialog.b-right .context {
    float: right !important;
    background: #ecf3ff;
    color: #454545
}

.ABA-article-contents .dialog.b-right .talk_user {
    display: none
}

.ABA-article-contents .dialog.b-last {
    padding-bottom: 50px
}

#MainHeader #day3_1 {
    width: 100%;
    margin: 0;
    padding-bottom: 10px
}

#MainHeader #day3_1 .logo a {
    margin-right: 0;
    width: 430px
}

#MainHeader #day3_1.LogoSchbox form {
    margin-top: 20px
}

#Review_Link.BossTalk .image {
    border-right: 0
}

#Review_Link.BossTalk {
    height: 124px;
    overflow: inherit
}

#Review_Link.BossTalk li h5 {
    font-size: 18px;
    letter-spacing: 0
}

#Review_Link.BossTalk li p {
    font-size: 15px
}

#Review_Link.BossTalk li.contents {
    padding: 10px 20px
}

#Review_Link.BossTalk li div {
    position: relative
}

#Review_Link.BossTalk li div strong {
    font-size: 15px;
    cursor: pointer;
    display: block;
    text-align: right;
    text-decoration: underline;
    font-style: italic
}

#Review_Link.BossTalk li div:hover dl {
    display: block
}

#Review_Link.BossTalk li dl {
    display: none;
    position: absolute;
    top: 0;
    right: -15px;
    z-index: 999;
    background-color: #fff;
    border: 1px solid #000;
    width: 165px
}

#Review_Link.BossTalk li dd a {
    display: block;
    font-size: 13px;
    padding: 8px 0;
    text-indent: 12px;
    background: url('https://cdn.ibos.kr/images/new_dot.gif') no-repeat;
    padding-left: 14px;
    background-position: 14px 14px
}

#Review_Link.BossTalk li dd a:hover {
    background-color: #fcfcfc;
    text-decoration: underline;
    font-weight: 600;
    color: #369
}

#creativecommons {
    position: absolute;
    bottom: 15px;
    z-index: 99
}

#creativecommons img {
    margin-right: 3px
}

#Comment_vf_wrapBox {
    min-height: 46px
}

#Comment_vf_wrapBox p .img_cv:before {
    content: '';
    display: block;
    clear: both
}

#Comment_vf_wrapBox p img.bd_R2 {
    margin: 20px 0;
    display: inline-block
}

#Comment_vf_wrapBox p img.bd_R10 {
    margin: 10px 0;
    display: block
}

#Comment_vf_wrapBox p span {
    display: block
}

#Comment_vf_wrapBox p span.unique_emoji {
    font-size: 40px;
    line-height: 40px
}

#Comment_vf_wrapBox .AB-cmt i.tag {
    font-style: normal;
    font-weight: 600;
    color: #538BFF
}

#Comment_vf_wrapBox .AB-cmt .block_cmt {
    color: #aaa;
    font-size: 12px
}

#Comment_vf_wrapBox .AB-cmt .block_cmt i {
    margin-right: 5px
}

#Comment_vf_wrapBox.reported p.AB-cmt {
    color: #FF4949
}

#Comment_vf_wrapBox.reported p.AB-cmt i {
    font-size: 11px;
    color: #AAA
}

#cmt_wf .selected_cmt_img .pop_bg {
    background-color: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

#cmt_wf .selected_cmt_img .pop_bg img {
    position: absolute;
    bottom: -6px;
    right: 45px
}

#cmt_wf .cmt_wf_wrap .cmt_input .AB-cmt-wrap input {
    height: 30px !important;
    float: right
}

#cmt_wf .sep {
    float: left;
    margin-left: 15px;
    font-size: 12px;
    line-height: 16px
}

#cmt_wf .selected_cmt_img {
    position: relative;
    min-height: 30px
}

#cmt_wf .selected_cmt_img .img_in {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap
}

#cmt_wf .selected_cmt_img .preview_img_wrap {
    position: relative
}

#cmt_wf .selected_cmt_img .preview_img_wrap:hover .close_btn {
    display: flex
}

#cmt_wf .selected_cmt_img .preview_img_wrap:hover::after {
    content: "";
    clear: both;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: rgba(0,0,0,0.2)
}

#cmt_wf .selected_cmt_img .preview_cmt_img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 12px;
    background: #FCFCFC;
    box-shadow: 0 0 1px rgba(0,0,0,0.35)
}

#cmt_wf .selected_cmt_img .img_name_in {
    float: left;
    max-width: 200px;
    margin-left: 15px
}

#cmt_wf .selected_cmt_img .img_name_in_inner {
    position: absolute;
    top: 50%;
    width: 320px;
    margin-top: -7px
}

#cmt_wf .selected_cmt_img .img_name_in_inner:after {
    content: '';
    display: block;
    clear: both
}

#cmt_wf .selected_cmt_img .img_name_in_inner p {
    float: left;
    max-width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

#cmt_wf .selected_cmt_img .img_name_in_inner div {
    float: left
}

#cmt_wf .selected_cmt_img .pop_bg {
    background-color: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

#cmt_wf .selected_cmt_img .pop_bg img {
    position: absolute;
    bottom: -6px;
    right: 45px
}

#cmt_wf .cmt_wf_wrap .cmt_input .cmt_submit_btn {
    position: relative
}

#cmt_wf .cmt_wf_wrap .cmt_input .cmt_submit_btn::-webkit-file-upload-button {
    cursor: pointer
}

#cmt_wf .selected_cmt_img .close_btn {
    position: absolute;
    right: -10px;
    top: -10px;
    display: none;
    align-items: center;
    justify-content: center;
    border: 3px solid #FFF;
    background: #FFF;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10
}

#cmt_wf .selected_cmt_img .close_btn i {
    font-size: 16px;
    color: #555
}

.cmt_img_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px
}

.cmt_img_wrap.single_img .img_cv {
    max-width: 480px;
    width: auto;
    height: auto
}

.cmt_img_wrap .img_cv {
    position: relative;
    max-width: 480px;
    display: flex;
    border-radius: 12px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow: 0px 0px 1px rgba(0,0,0,0.2)
}

.cmt_img_wrap .img_cv::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.08);
    opacity: 0;
    transition: opacity 0.2s;
    z-index: 999
}

.cmt_img_wrap .img_cv:hover::before {
    opacity: 1
}

.cmt_img_wrap .img_cv:last-child {
    margin-bottom: 20px
}

.cmt_img_wrap .img_cv img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.comment_btn {
    width: 60px;
    height: 28px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    border-radius: 30px;
    font-size: 14px
}

.comment_btn.on {
    color: #FFF;
    background: #663399;
    border-color: #663399
}

#cmt_wf .AB-cmt-input-wrap a.comment_btn {
    position: absolute;
    top: 50%;
    width: 55px;
    margin-top: -13px;
    right: 15px;
    float: right;
    height: 25px !important;
    cursor: pointer;
    line-height: 25px;
    color: #333;
    text-align: center
}

#cmt_wf .AB-cmt-input-wrap a.cmt_cancel_btn {
    position: absolute;
    top: -100px;
    width: 55px;
    right: 0;
    float: right;
    height: 25px !important;
    cursor: pointer;
    text-align: center
}

#cmt_wf .AB-cmt-input-wrap .checkbox-namecard {
    display: none
}

.call-emoticon {
    display: block;
    height: 20px;
    cursor: pointer;
    transition: all 0.2s;
    border-radius: 50%;
    position: relative
}

.call-emoticon.on, .call-emoticon:hover {
    background-color: #FFD600
}

#cmt_wf span.fileinput-button {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
    text-align: center;
    padding: 5px;
    margin-top: 0;
    margin-right: 0;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-user-select: none;
    height: 30px;
    box-sizing: border-box
}

#cmt_wf span.fileinput-button p {
    color: #fff;
    font-size: 14px
}

#cmt_wf span.fileinput-button em {
    width: 20px;
    height: 20px;
    font-size: 20px;
    background-color: #FFF
}

#cmt_wf span.fileinput-button:hover em {
    background-position: -20px -20px
}

#cmt_wf .cmt_wf_wrap .cmt_input .cmt_submit_btn.recmt {
    width: 554px!important
}

#cmt_wf .cmt_wf_wrap .cmt_input .AB-cmt-wrap.recmt .cmt_cancel_btn {
    width: 100px;
    background: #797D84;
    color: #fff;
    top: 35px;
    right: 0;
    border: 0
}

.edu_review_cmt #cmt_wf .cmt_wf_wrap .cmt_input .AB-cmt-wrap textarea {
    width: 658px
}

.edu_review_cmt #cmt_wf .emoji_wrap {
    display: none
}

.edu_review_cmt #cmt_wf .cmt_wf_wrap .cmt_input .AB-cmt-wrap.recmt textarea {
    width: 508px!important
}

.edu_review_cmt #cmt_wf .cmt_wf_wrap .cmt_input .cmt_submit_btn.recmt {
    width: 528px!important
}

#cmt_wf .cmt_wf_wrap .cmt_input .AB-cmt-wrap a.cmt_cancel_btn {
    display: none;
    background-color: #ccc;
    border: 1px solid #C0C0C0;
    margin-left: 5px;
    height: 28px !important;
    float: right;
    width: 78px;
    text-align: center;
    line-height: 30px;
    color: #666
}

form[id^="TCBOARD_comment_REPLY_"] #cmt_wf .cmt_wf_wrap .cmt_input .AB-cmt-wrap a.cmt_cancel_btn {
    display: block
}

form[id^="TCBOARD_comment_MODIFY_"] #cmt_wf .cmt_wf_wrap .cmt_input .AB-cmt-wrap a.cmt_cancel_btn {
    display: block
}

form[id^="TCBOARD_comment_MODIFY_"] #cmt_wf .cmt_wf_wrap textarea {
    background: #fff
}

form[id^="TCBOARD_comment_MODIFY"] div[class^="AB_cmt_reply_depth_"] .comment_cancel_btn {
    display: block
}

#NewsCopyright {
    border: 1px solid #ddd;
    text-align: center;
    width: 50%;
    margin: 10px auto 50px auto;
    padding: 10px 25px;
    clear: both
}

#NewsCopyright p {
    line-height: 18px
}

#NewsKatalk {
    text-align: center;
    margin-bottom: 40px
}

.cmt_wrap {
    margin: 7px 0 25px;
    float: right;
    width: 98%
}

.cmt_input .input_text {
    color: #999;
    font-size: 13px
}

.comment_btn {
    background: #FFF;
    border: 1px solid #888;
    color: #888;
    font-weight: 600;
    cursor: pointer
}

.AB_cmt_reply_depth_1 .AB-cmt-wrap input {
    right: 0
}

.scontent td {
    height: 60px;
    padding-bottom: 20px;
    border: 0
}

.scontent .bd_subject {
    font-size: 14px;
    text-decoration: underline;
    color: #12c
}

.scontent .bd_content {
    padding: 5px 30px 5px 0;
    line-height: 150%;
    letter-spacing: -.5px;
    text-align: justify;
    font-size: 13px;
    word-break: break-all
}

.scontent .bd_writer {
    color: #666;
    padding-right: 15px
}

.scontent .search_url,.scontent .search_url a {
    padding-right: 5px
}

.scontent .search_url a:hover {
    text-decoration: underline
}

.scontent .search_date {
    padding-right: 15px;
    color: #666
}

.scontent .search_bd_name a {
    color: #666;
    padding-right: 15px
}

.scontent .search_bd_name a:hover {
    text-decoration: underline
}

.search_box_top {
    border: 1px solid #98b0bf;
    width: 365px;
    padding: 0
}

.search_box_top .search_box_input {
    width: 285px;
    height: 37px;
    padding-left: 10px;
    float: left;
    font-size: 16px;
    font-weight: 700;
    color: #3c3c3c;
    line-height: 34px\9
}

.search_box_top .search_box_submit {
    float: right;
    background-color: #98b0bf;
    height: 37px;
    padding: 0 14px;
    color: #fff;
    cursor: pointer;
    font-weight: 700
}

.ui-widget-content {
    padding-bottom: 0
}

.ui-dialog .ui-dialog-title {
    display: none
}

.ui-draggable .ui-dialog-titlebar {
    border: 0
}

.ui-widget-overlay {
    background: #000 url(images/ui-bg_flat_0_aaaaaa_40x100.png) 500% 500% repeat-x!important
}

.btn_agreement {
    margin-bottom: 50px
}

.btn_agreement a {
    padding: 20px
}

.agreement_ok {
    width: 100px;
    background-color: #666;
    color: #fff;
    padding: 15px 40px;
    border: 1px solid #333;
    cursor: pointer
}

.agreement_cancel {
    width: 100px;
    background-color: #ebebeb;
    color: #333;
    padding: 15px 40px;
    border: 1px solid #aaa;
    cursor: pointer
}

.host_srv {
    border: 2px solid #e55757;
    background-color: #fff;
    font-size: 14px
}

.host_srv li label {
    background: none!important;
    font-size: 14px!important;
    padding-right: 17px;
    line-height: 1.5
}

.host_srv li select {
    font-size: 14px;
    padding: 3px;
    color: #e55757
}

.db_applicant {
    border: 2px solid #000;
    background-color: #fff;
    font-size: 14px
}

.db_applicant li {
    line-height: 1.6
}

.db_applicant li label {
    background: none!important;
    font-size: 14px!important
}

.db_applicant textarea {
    font-size: 14px;
    border: 0;
    font-family: "나눔고딕","Nanum Gothic";
    line-height: 1.5
}

.w_popular {
    width: 250px;
    text-align: center;
    height: 100px;
    margin: 10px;
    float: left
}

.w_popular p {
    font-size: 16px;
    font-weight: 700;
    line-height: 3
}

.w_popular a {
    border: 1px solid #aaa;
    padding: 5px 10px;
    margin: 0 10px;
    background-color: #ebebeb;
    color: #666;
    font-size: 14px;
    border-radius: 3px
}

.w_popular a:hover {
    color: #e55757
}

.m_popular {
    width: 250px;
    text-align: center;
    height: 100px;
    margin: 10px;
    float: left
}

.m_popular p {
    font-size: 16px;
    font-weight: 700;
    line-height: 3
}

.m_popular a {
    border: 1px solid #aaa;
    padding: 5px 10px;
    margin: 0 10px;
    background-color: #ebebeb;
    color: #666;
    font-size: 14px;
    border-radius: 3px
}

.m_popular a:hover {
    color: #e55757
}

.vf_element {
    padding-bottom: 10px
}

.vf_element h1 {
    font-size: 24px;
    padding-left: 20px;
    width: 97%;
    font-weight: 700!important
}

.vf_element .ABA-tit-box {
    padding: 20px 0 0
}

.vf_element .ABA-filedown {
    text-align: right;
    padding: 10px 10px 10px 0 !important
}

.vf_element2 {
    float: right;
    padding: 12px 10px 0 0 !important
}

.vf_element3 {
    display: none;
    padding-right: 10px!important
}

.vf_element .vf_element4 {
    float: right
}

.vf_element_new {
    height: 25px
}

.vf_element_new ul {
    height: 40px
}

.vf_element_new li {
    float: left;
    padding: 0 15px;
    padding-top: 15px;
    font-size: 13px
}

.vf_element_new li strong {
    padding: 0
}

.vf_element_new li:first-child {
    padding-left: 20px;
    font-size: 14px
}

.vf_element_new h4 {
    font-size: 24px;
    padding-left: 20px;
    width: 97%;
    font-weight: 700!important
}

.vf_element_new .ABA-filedown {
    margin: 5px 0;
    padding-left: 20px!important
}

.ABA-article-contents a {
    color: #1583FD
}

.ABA-article-contents a:hover {
    text-decoration: underline
}

.ad_inventory {
    padding-top: 10px;
    height: 280px
}

.quize_box {
    font-size: 20px!important
}

.quize_select {
    padding-left: 10px;
    line-height: 1.6
}

.quize_select td {
    font-size: 14px!important;
    line-height: 1.8;
    font-weight: 700
}

.quize_select label {
    font-size: 14px!important;
    line-height: 1.8;
    font-weight: 400;
    padding-left: 3px
}

.quize_select input {
    margin-left: 30px
}

.newsletter .cont td {
    padding: 20px 0
}

.newsletter .cont i {
    font-size: 20px;
    font-weight: 700;
    padding: 0 10px
}

.newsletter .cont .mb_subject {
    font-size: 20px;
    font-weight: 700;
    line-height: 35px;
    padding-bottom: 15px
}

.newsletter .cont .mb_subject a {
    color: #333
}

.newsletter .cont .comment_1 {
    font-size: 14px;
    line-height: 1.5;
    color: #787878;
    padding-left: 12px;
    text-align: justify
}

.newsletter .cont .year {
    font-size: 14px;
    color: #898989
}

.newsletter .cont .m_d {
    font-size: 36px;
    color: #666;
    font-weight: 700
}

.newsletter_cal {
    background: url(/images/date_bg_img.png) 0 0 no-repeat;
    width: 137px;
    height: 102px;
    padding-top: 20px;
    margin-top: 27px
}

.newsletter_top {
    display: block;
    background-color: #fdfdfd;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 0 20px;
    text-align: justify
}

.newsletter_top .mail_form {
    width: 230px;
    border: 1px solid #737e83;
    height: 23px;
    padding: 5px 0 5px 10px;
    font-size: 16px;
    font-weight: 700;
    color: #e55757
}

.career_view_top {
    padding: 16px;
    border: 1px solid #eee;
    border-radius: 4px
}

.career_view_top img {
    float: left
}

.career_view_top p {
    font-size: 14px;
    line-height: 180%;
    color: #333;
    max-height: 100px
}

.career_view_top label {
    width: 150px
}

.career_view_top .corp_info {
    display: flex;
    justify-content: space-between;
    min-height: 86px;
    padding-top: 24px;
    align-items: center
}

.career_view_top .corp_info > div:first-child {
    width: calc(100% - 120px);
    display: flex;
    gap: 20px;
    align-items: center
}

.career_view_top .corp_info > div img {
    border-radius: 8px;
    width: 60px
}

.career_view_top .title_right {
    float: right;
    width: 530px
}

.career_view_top .d_day {
    border: 1px solid #ddd;
    width: 120px;
    height: 80px;
    box-sizing: border-box
}

.career_view_top .d_day p {
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    padding: 27px 10px;
    letter-spacing: -1px
}

.career_view_top .d_day span {
    color: #ff4949
}

.career_view_top2 {
    margin: 0;
    text-align: justify;
    border-top: 0;
    border-bottom: 0
}

.career_view_top2,.career_view_top4 .title_right {
    font-size: 16px;
    font-weight: 400;
    color: #666;
    padding: 20px 0
}

.career_view_top2 .element_wrap {
    height: 150px;
    line-height: 180%
}

.career_view_top2 .top2_element1,.top2_element2,.top2_element3 {
    float: left;
    width: 167px;
    border: 1px solid #ddd;
    background: #fff;
    padding: 20px;
    height: 80px
}

.career_view_top2 .top2_element2,.top2_element3 {
    border-left: 0
}

.career_view_top2 .element_wrap span {
    font-size: 15px;
    font-weight: 400;
    color: #666
}

.career_view_top2 .element_wrap p {
    font-size: 13px;
    color: #666;
    padding-top: 5px
}

.career_view_top3 {
    margin: 0;
    padding: 20px;
    text-align: justify;
    background-color: #fcfcfc;
    padding-top: 10px
}

.career_view_top3 .info {
    font-size: 14px;
    color: #333;
    line-height: 180%;
    background: #fff;
    border: 1px solid #ddd;
    padding: 20px;
    height: 25px
}

.career_view_top3 .info p {
    float: left;
    padding-right: 25px
}

.career_view_top3 .title_right {
    font-size: 16px;
    font-weight: 400;
    color: #666;
    padding: 10px 0
}

.career_view_top4 {
    padding: 10px 20px;
    border-top: 1px solid #eee
}

.career_view_top4 .top4_element {
    padding: 10px 0
}

.career_view_top4 .title_right span {
    font-size: 14px;
    font-weight: 400;
    padding-left: 35px;
    color: #333
}

.career_wf li {
    height: 40px
}

.career_wf li input {
    padding: 5px 0 5px 5px;
    font-size: 14px
}

.career_wf li label {
    font-size: 14px
}

.career_wf {
    border: 1px solid #EEE
}

.career_wf .bd_wf_tit {
    border-bottom: 1px solid #EEE
}

.career_wf .career_wf_wrap ul {
    padding: 12px 0
}

.career_wf .career_wf_wrap ul li {
    height: auto;
    margin: 4px 0;
    min-height: 48px
}

.career_wf .career_wf_wrap ul li > label {
    float: left;
    width: 100px;
    font-size: 13px;
    position: relative;
    line-height: 42px;
    padding-right: 24px;
    text-align: right;
    color: #999
}

.career_wf .career_wf_wrap ul li > label span {
    color: #FF4949
}

.career_wf .career_wf_wrap ul li div {
    line-height: 42px
}

.career_wf .career_wf_wrap input {
    background: #F6F6F6;
    border-radius: 5px;
    border: 0;
    padding: 12px
}

.career_wf .career_wf_wrap input[type="file"] {
    padding: 9px 12px
}

.career_wf .career_wf_wrap input[name^=saved_user_file_] {
    background: none;
    margin-left: 120px
}

.career_wf .career_wf_wrap input + label {
    cursor: pointer
}

.career_wf #dapi_exec {
    cursor: pointer;
    background: #FFF;
    border: 1px solid #999;
    padding: 11px 16px;
    margin-left: 12px
}

.career_wf #dapi_exec:hover {
    background: #F0F0F0;
    transition: all 0.2s
}

.career_wf #dapi_map_wrap .addressWrap {
    display: none;
    width: 474px;
    height: 466px;
    border: 1px solid #333;
    position: absolute;
    left: 124px;
    top: 50px;
    z-index: 999
}

.career_wf #btnFoldWrap {
    position: absolute;
    top: -12px;
    right: -12px;
    z-index: 1000;
    color: #FFF;
    background: #000;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-size: 16px;
    cursor: pointer
}

.AB-VF-table-shop td {
    font-size: 14px;
    font-weight: 400
}

.AB-VF-table-shop .AB-VF-value-shop input {
    padding: 7px 0 7px 7px;
    font-size: 14px
}

.AB-VF-table-shop .AB-VF-value-shop textarea {
    padding: 7px;
    font-size: 14px
}

.AB-shop-title1 {
    font-size: 20px;
    padding-bottom: 10px;
    font-weight: 700
}

#sell_form #buy_pay_method_cu {
    width: 20px;
    height: 20px
}

#sell_form div div div div table tbody tr td table tbody tr td table tbody tr td {
    padding-left: 20px
}

#sell_form div div div div table tbody tr td table tbody tr td table tbody tr td b {
    font-size: 16px;
    color: #e55757
}

.x-event {
    position: absolute;
    top: 450px;
    left: -65px;
    z-index: 1
}

.x-event1 {
    position: absolute;
    top: 150px;
    right: -80px;
    z-index: 1
}

.x-event2 {
    position: absolute;
    top: 700px;
    left: 380px;
    z-index: 1
}

.white_paper h4 {
    font-size: 34px;
    letter-spacing: -.5px
}

.moim_wrap {
    display: block;
    background-color: #fdfdfd;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 0 20px;
    text-align: justify
}

.moim .date,.address {
    font-size: 12px;
    padding: 5px 0 0 7px;
    color: #666;
    font-weight: 700
}

.moim .mb_subject {
    background: none;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px
}

.moim .AB-LF-notice img {
    display: none
}

.moim .comment_1 {
    padding: 0 0 10px 7px;
    line-height: 1.5;
    font-size: 13px
}

.litter_gift_wrap {
    display: block;
    background-color: #fdfdfd;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 0 20px;
    text-align: justify
}

.litter_gift .goods,.litter,.parcel {
    font-size: 14px;
    line-height: 1.6;
    padding-left: 25px
}

.litter_gift .mb_subject {
    background: none;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 15px;
    letter-spacing: -1px
}

.litter_gift .AB-LF-notice img {
    display: none
}

.litter_gift .comment_1 {
    padding: 15px 15px 10px 7px;
    line-height: 1.5;
    font-size: 13px
}

.proposal {
    position: relative;
    z-index: 10
}

.proposal ul {
    margin: 0;
    padding: 0
}

.proposal li {
    list-style: none;
    float: left
}

.proposal li:first-child a {
    color: #000
}

.proposal li:last-child a {
    width: 90px;
    border-right: 1px solid #aaa
}

.proposal li a {
    display: block;
    width: 86px;
    text-align: center;
    font-weight: 700;
    color: #666;
    padding: 12px 9px;
    border: 1px solid #aaa;
    border-right: 0;
    background-color: #ebebeb
}

.proposal li a:hover {
    background-color: #fff;
    color: #e55757
}

.proposal li.on {
    background-color: #fff
}

.proposal_tab_on a {
    background-color: #fff!important;
    color: #e55757!important;
    border-bottom: 0!important
}

.proposal_top_ad {
    background-color: #fcfcfc;
    padding: 7px 4px;
    height: 75px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    overflow: hidden
}

.proposal_top_ad div {
    padding: 5px 6px;
    background-color: #fff;
    width: 237px;
    height: 63px;
    border: 1px solid #ddd;
    float: left
}

.proposal_top_ad div:hover {
    border: 1px solid #e55757
}

.proposal_top_ad div:hover a {
    color: #333
}

.proposal_top_ad div a {
    display: block;
    height: 100%
}

.proposal_top_ad div ul {
    margin: 0;
    padding: 0
}

.proposal_top_ad div ul li {
    float: left;
    width: 60%;
    letter-spacing: -.5px
}

.proposal_top_ad div ul li:first-child {
    width: 40%
}

.proposal_top_ad div ul li b {
    font-size: 14px;
    line-height: 200%
}

.proposal_top_ad div ul li img {
    padding-top: 5px;
    max-width: 80px
}

.proposal_top_ad div ul li span {
    font-size: 12px;
    line-height: 140%
}

.proposal_top_ad .bottom {
    display: none
}

.proposal_wf select {
    padding: 5px;
    font-size: 14px
}

.people_lf td {
    border-top: 3px solid #464646;
    height: 230px
}

.people_lf .people_title {
    font-size: 22px;
    letter-spacing: -.5px;
    line-height: 140%;
    font-weight: 700
}

.people_lf .title_num {
    font-size: 21px;
    font-weight: 600;
    letter-spacing: -.5px;
    line-height: 120%;
    clear: both
}

.people_lf .cmt_sub {
    font-size: 16px;
    padding: 10px 0;
    text-align: justify;
    line-height: 140%;
    letter-spacing: -.5px
}

.people_lf p {
    font-size: 13px
}

.people_lf .people_func {
    font-size: 14px;
    text-align: right;
    padding: 15px 0 5px
}

.people_lf .people_func a {
    margin-right: 10px
}

.company_apply {
    margin-top: 20px;
    height: 175px
}

.company_apply .wrap {
    text-align: center;
    height: 150px;
    border: 5px solid #f2f2f2;
    width: 179px;
    float: left;
    border-right: 0
}

.company_apply .logo {
    height: 55px;
    padding-top: 15px
}

.company_apply .content {
    height: 65px;
    padding-top: 15px;
    background-color: #fbfbfb
}

.company_apply .content strong {
    font-size: 14px;
    line-height: 180%
}

.company_apply .content span {
    line-height: 160%
}

.company_apply_lf .mb_subject {
    font-size: 18px;
    font-weight: 700
}

.company_apply_vf {
    border: 1px solid #ccc;
    padding: 35px;
    border-top: 0
}

.company_apply_vf h5 {
    padding: 10px 0
}

.company_apply_vf .company_name {
    font-size: 22px;
    padding: 10px 0;
    font-weight: 700
}

.company_apply_vf .content_left {
    float: left;
    height: 120px;
    width: 180px
}

.company_apply_vf .content_left p {
    width: 85%;
    text-align: center;
    height: 80px
}

.company_apply_vf .content_right {
    float: left;
    height: 120px;
    width: 440px
}

.company_apply_vf .content_right i {
    padding: 5px 0;
    font-size: 14px
}

.company_apply_back {
    background: url(/images/company_apply_back_img.png) no-repeat
}

.company_apply_contact {
    border: 1px solid #ccc;
    border-top: 0;
    padding: 25px 35px;
    background-color: #fcfcfc
}

.company_apply_contact .inner {
    font-size: 14px;
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ccc
}

.company_apply_contact .inner a {
    font-weight: 700
}

.company_apply_contact .inner span {
    padding-right: 20px
}

.ABA-container-box-965 {
    width: 965px;
    float: left
}

.ABA-container-box-300 {
    width: 300px;
    float: left
}

.ABA-container-box-695 {
    width: 695px;
    float: left
}

.ABA-container-box-700 {
    width: 700px;
    float: left
}

.ABA-container-box-705 {
    width: 705px;
    float: left
}

.ABA-container-box-350 {
    width: 350px;
    float: left
}

.ABA-container-box-450 {
    width: 450px;
    float: left
}

.ABA-container-box-200 {
    width: 200px;
    float: left
}

.ABA-container-box-150 {
    width: 150px;
    float: left
}

.ABA-container-box-550 {
    width: 550px;
    float: left
}

.ABA-container-box-1000 {
    width: 1000px;
    float: left
}

.ABA-container-box-1050 {
    width: 1050px;
    float: left
}

.ABA-container-box-500 {
    width: 500px;
    float: left
}

.ABA-container-box-250 {
    width: 250px;
    float: left
}

.ABA-container-box-100 {
    width: 100px;
    float: left
}

.ABA-container-box-600 {
    width: 600px;
    float: left
}

.ABA-container-box-795 {
    width: 795px;
    float: left
}

.ABA-container-box-242 {
    width: 242px;
    float: left
}

.ABA-container-box-800 {
    width: 800px;
    float: left
}

.ABA-container-box-650 {
    width: 650px;
    float: left
}

.ABA-container-box-400 {
    width: 400px;
    float: left
}

.ABA-container-box-750 {
    width: 750px;
    float: left
}

.ABA-container-box-50 {
    width: 50px;
    float: left
}

.ABA-container-box-655 {
    width: 655px;
    float: left
}

.ABA-container-box-15 {
    width: 15px;
    float: left
}

.ABA-container-box-330 {
    width: 330px;
    float: left
}

.ABA-container-box-20 {
    width: 20px;
    float: left
}

.ABA-container-box-660 {
    width: 660px;
    float: left
}

.ABA-container-box-10 {
    width: 10px;
    float: left
}

.ABA-container-box-25 {
    width: 25px;
    float: left
}

.ABA-container-box-775 {
    width: 775px;
    float: left
}

.ABA-container-box-230 {
    width: 230px;
    float: left
}

.ABA-container-box-745 {
    width: 745px;
    float: left
}

.ABA-container-box-390 {
    width: 390px;
    float: left
}

.ABA-container-box-355 {
    width: 355px;
    float: left
}

.ABA-container-box-478 {
    width: 478px;
    float: left
}

.ABA-container-box-265 {
    width: 265px;
    float: left
}

.ABA-container-box-520 {
    width: 520px;
    float: left
}

.ABA-container-box-240 {
    width: 240px;
    float: left
}

.ABA-container-box-19 {
    width: 19px;
    float: left
}

.ABA-container-box-735 {
    width: 735px;
    float: left
}

.ABA-container-box-220 {
    width: 220px;
    float: left
}

.ABA-container-box-850 {
    width: 850px;
    float: left
}

.ABA-container-box-530 {
    width: 530px;
    float: left
}

.ABA-container-box-243 {
    width: 243px;
    float: left
}

.ABA-container-box-263 {
    width: 263px;
    float: left
}

.ABA-container-box-760 {
    width: 760px;
    float: left
}

.ABA-container-box-260 {
    width: 260px;
    float: left
}

.ABA-container-box-210 {
    width: 210px;
    float: left
}

.ABA-container-box-192 {
    width: 192px;
    float: left
}

.ABA-container-box-39 {
    width: 39px;
    float: left
}

.ABA-container-box-725 {
    width: 725px;
    float: left
}

.ABA-container-box-235 {
    width: 235px;
    float: left
}

.ABA-container-box-740 {
    width: 740px;
    float: left
}

.ABA-container-box-5 {
    width: 5px;
    float: left
}

.ABA-container-box-495 {
    width: 495px;
    float: left
}

.ABA-container-box-320 {
    width: 320px;
    float: left
}

.ABA-container-box-158 {
    width: 158px;
    float: left
}

.ABA-container-box-159 {
    width: 159px;
    float: left
}

.ABA-container-box-425 {
    width: 425px;
    float: left
}

.ABA-container-box-29 {
    width: 29px;
    float: left
}

.ABA-container-box-385 {
    width: 385px;
    float: left
}

.ABA-container-box-440 {
    width: 440px;
    float: left
}

.ABA-container-box-95 {
    width: 95px;
    float: left
}

.ABA-container-box-730 {
    width: 730px;
    float: left
}

.ABA-container-box-820 {
    width: 820px;
    float: left
}

.ABA-container-box-14 {
    width: 14px;
    float: left
}

.ABA-container-box-125 {
    width: 125px;
    float: left
}

.ABA-container-box-30 {
    width: 30px;
    float: left
}

.ABA-container-box-470 {
    width: 470px;
    float: left
}

.ABA-container-box-380 {
    width: 380px;
    float: left
}

.ABA-container-box-80 {
    width: 80px;
    float: left
}

.ABA-container-box-680 {
    width: 680px;
    float: left
}

.ABA-container-box-360 {
    width: 360px;
    float: left
}

.ABA-container-box-190 {
    width: 190px;
    float: left
}

.ABA-container-box-790 {
    width: 790px;
    float: left
}

.ABA-container-box-194 {
    width: 194px;
    float: left
}

.ABA-container-box-630 {
    width: 630px;
    float: left
}

.ABA-container-box-490 {
    width: 490px;
    float: left
}

.ABA-container-box-590 {
    width: 590px;
    float: left
}

.ABA-container-box-410 {
    width: 410px;
    float: left
}

.ABA-container-box-770 {
    width: 770px;
    float: left
}

.ABA-container-box-363 {
    width: 363px;
    float: left
}

.ABA-container-box-340 {
    width: 340px;
    float: left
}

.ABA-container-box-362 {
    width: 362px;
    float: left
}

.ABA-container-box-545 {
    width: 545px;
    float: left
}

.ABA-container-box-475 {
    width: 475px;
    float: left
}

.ABA-container-box-275 {
    width: 275px;
    float: left
}

.ABA-container-box-625 {
    width: 625px;
    float: left
}

.ABA-container-box-780 {
    width: 780px;
    float: left
}

.ABA-container-box-135 {
    width: 135px;
    float: left
}

.ABA-container-box-180 {
    width: 180px;
    float: left
}

.ABA-layout-align {
    width: 1200px;
    margin: 0 auto
}

.bd-pr-layout {
    border: 1px solid #d5d5d5;
    margin-bottom: 10px;
    overflow: hidden;
    clear: both
}

.bd-pr-layout .title a {
    display: block;
    color: #639;
    font-size: 13px;
    font-weight: 600;
    background-color: #f0f0f0;
    text-indent: 20px;
    border-bottom: 1px solid #d5d5d5;
    line-height: 36px
}

.bd-pr-layout .ly_wrap {
    padding: 7px 0
}

.bd-pr-layout .wrap {
    padding: 12px 5px
}

.bd-pr-layout .cell {
    display: block;
    position: relative;
    line-height: 28px;
    padding: 0 10px;
    color: #454545;
    background: url(/images/new_dot.gif) no-repeat;
    background-position: 8px 14px
}

.bd-pr-layout .cell:hover {
    text-decoration: underline
}

.bd-pr-layout .cell span {
    font-size: 13px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-indent: 10px;
    padding-right: 8px
}

.bd-pr-layout .cell .cnt_cmt {
    position: absolute;
    right: 3px;
    top: 0;
    color: #e55757
}

#frm_list_search {
    border: 1px solid #808080;
    border-bottom: 0;
    padding: 10px 15px;
    background-color: #93B1CD
}

#frm_list_search select {
    width: 165px;
    position: relative;
    top: 3px;
    border: 0
}

#frm_list_search .AB_datepicker {
    padding: 6px;
    text-align: center;
    font-size: 15px;
    border: 0
}

#frm_list_search input[type="submit"] {
    width: 100px;
    background-color: #FFEC42;
    line-height: 30px;
    color: #444;
    cursor: pointer;
    font-size: 13px
}

#kakao_script {
    overflow: hidden;
    background-color: #9bbad8;
    padding: 35px 20px;
    border: 1px solid #808080
}

#kakao_script .cell p {
    clear: both;
    font-size: 15px;
    padding-top: 15px;
    color: #000
}

#kakao_script .script_wrap {
    float: left;
    padding: 15px;
    background-color: #fff;
    margin-top: 5px;
    border-radius: 5px;
    line-height: 1.6;
    font-size: 15px;
    word-break: break-all
}

.info_on_cs a {
    display: block;
    float: left;
    width: 160px;
    text-align: center;
    font-size: 13px;
    border: 1px solid #639;
    margin: 0 10px 20px 0;
    padding: 15px 0;
    font-weight: 600;
    color: #639
}

.info_on_cs a:hover {
    background-color: #fafafa
}

.link_in_review {
    width: 350px;
    margin: 0 auto 50px auto;
    border: 1px solid #d7d7d7
}

.link_in_review a {
    display: block
}

.link_in_review a:hover {
    color: #1c1c1c;
    background-color: #f9f9f9
}

.link_in_review a:hover h5 {
    color: #939
}

.link_in_review p {
    color: #1c1c1c;
    font-size: 13px;
    line-height: 18px;
    padding: 7px 0;
    color: #767676
}

.link_in_review h5 {
    font-size: 20px;
    font-weight: normal;
    text-align: center
}

.link_in_review span {
    display: block;
    text-align: right;
    color: #555
}

.link_in_review strong {
    display: block;
    text-align: center;
    padding: 5px 0
}

.link_in_review .contents {
    padding: 10px
}

.link_in_review .image img {
    width: 350px;
    height: auto
}

#Review_Link {
    overflow: hidden;
    margin: 0 auto 35px auto;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 15px
}

#Review_Link .image {
    float: left;
    width: 124px
}

#Review_Link .image img {
    border-radius: 10px
}

#Review_Link .contents {
    float: left;
    width: 533px;
    padding: 10px 10px 0px 15px
}

#Review_Link .contents h5 {
    padding-bottom: 7px;
    font-size: 17px;
    color: #333
}

#Review_Link .contents p {
    padding-bottom: 10px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500
}

#Review_Link .contents span {
    color: #545454
}

#CardNews .wrap {
    width: 745px;
    overflow: hidden;
    clear: both
}

#CardNews .cell {
    width: 231px;
    float: left;
    border: 1px solid #d7d7d7;
    margin: 0 15px 15px 0
}

.cs > strong {
    font-size: 16px
}

.cs p.faq strong {
    font-size: 16px;
    display: block;
    color: #e55757;
    font-weight: normal
}

.cs p.faq span {
    padding: 3px 0 15px 10px;
    font-size: 13px
}

.ly_subb {
    padding: 20px 0;
    border-radius: 6px;
    margin-bottom: 12px;
    text-align: center
}

.ly_subb a {
    display: block;
    margin-bottom: 15px
}

.ly_subb.type2 {
    background: #FFF;
    padding: 20px 0;
    border: 1px solid #EEE;
    border-top: 0
}

.adropB2 {
    border-radius: 8px;
    margin-bottom: 12px;
    overflow: hidden
}

.adropB2 img {
    border: 1px solid #EEE
}

#mkt_tips .cell {
    border: 1px solid #E3E3E3;
    margin: 20px 0
}

#mkt_tips ._writer {
    line-height: 48px;
    border-bottom: 1px solid #e3e3e3;
    padding-left: 25px
}

#mkt_tips ._writer span {
    font-size: 18px;
    font-weight: 600
}

#mkt_tips ._writer a {
    display: block;
    color: #454545
}

#mkt_tips ._writer a:hover {
    color: #454545
}

#mkt_tips ._cont {
    padding: 25px
}

#mkt_tips ._cont a {
    display: block;
    color: #454545;
    font-size: 15px;
    line-height: 26px;
    font-weight: 300
}

#mkt_tips ._cont a img {
    display: block
}

#mkt_tips .hash {
    padding: 0 0 20px 25px
}

#mkt_tips .hash a {
    color: #fff;
    background-color: #369;
    margin-right: 10px;
    padding: 3px 5px
}

#mkt_tips .hash a:hover {
    background-color: #4080bf
}

#mkt_tips .info {
    background-color: #FAFAFA;
    border-top: 1px solid #e3e3e3;
    line-height: 48px;
    padding-left: 25px
}

#mkt_tips .info p {
    float: right;
    padding-right: 10px
}

#mkt_tips .info img {
    padding-right: 10px
}

#mkt_tips .info span {
    font-size: 13px;
    font-weight: 600;
    color: #999;
    padding-right: 15px
}

#mkt_tips .hot_tags {
    text-align: center;
    background: url('https://cdn.ibos.kr/images/160902_5591_search_bg.png') no-repeat;
    padding: 60px 0 40px 0;
    background-size: 100%
}

#mkt_tips .hot_tags h3 {
    font-size: 28px;
    text-align: center;
    padding-bottom: 15px;
    color: #fff
}

#mkt_tips .hot_tags input.mb_searchbox_2 {
    border: 0;
    width: 450px !important;
    height: 30px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #939;
    padding: 7px 10px
}

#mkt_tips .hot_tags input.mb_searchbox_3 {
    background-color: #fff;
    color: #000;
    border: 0;
    height: 44px;
    margin-left: -3px;
    width: 50px
}

#mkt_tips .hot_tags .search_tags {
    width: 500px;
    margin: 0 auto;
    padding-top: 10px
}

#mkt_tips .hot_tags .search_tags a {
    display: inline-block;
    font-size: 13px;
    margin: 0 10px 5px 0;
    color: #fff;
    background-color: #3e4941;
    padding: 2px 4px
}

#mkt_tips .hot_tags .search_tags a:hover {
    text-decoration: underline
}

#mkt_tips_vf {
    border: 1px solid #E3E3E3
}

#mkt_tips_vf ._writer {
    line-height: 48px;
    border-bottom: 1px solid #e3e3e3;
    padding-left: 25px;
    font-size: 18px;
    font-weight: 600
}

#mkt_tips_vf ._writer .info {
    float: right
}

#mkt_tips_vf ._writer .info p {
    display: none
}

#mkt_tips_vf ._writer .info img {
    padding-right: 10px
}

#mkt_tips_vf ._writer .info span {
    font-size: 13px;
    font-weight: 600;
    color: #999;
    padding-right: 15px
}

#mkt_tips_vf ._writer .mb_writer {
    padding-left: 7px;
    font-size: 13px;
    font-weight: 600
}

#mkt_tips_vf .subject {
    display: none
}

#mkt_tips_vf .ABA-article-contents {
    padding: 50px 23px 20px 23px;
    font-size: 18px
}

#mkt_tips_vf .hash_tags {
    padding: 35px 0 20px 0
}

#mkt_tips_vf .hash_tags a {
    color: #fff;
    background-color: #369;
    margin-right: 10px;
    padding: 3px 7px;
    font-size: 13px
}

#mkt_tips_vf .hash_tags a:hover {
    background-color: #4080bf;
    text-decoration: none
}

#mkt_tips_vf .cnt_cmt_article {
    clear: both;
    padding-left: 15px
}

.rec_article {
    border: 1px solid #E0E0E0;
    margin-bottom: 20px;
    padding: 15px;
    padding-right: 0;
    overflow: hidden
}

.rec_article h3 {
    font-size: 13px;
    font-weight: 600;
    padding-bottom: 10px
}

.rec_article .cell {
    float: left;
    width: 237px;
    text-align: center
}

.rec_article .cell a {
    display: block;
    border: 1px solid #eee;
    margin-right: 15px;
    font-size: 17px;
    padding: 15px;
    line-height: 24px;
    font-weight: 600
}

.rec_article .cell a p {
    font-size: 13px;
    color: #999;
    padding-top: 10px
}

.rec_article .cell a span {
    display: block;
    height: 44px;
    overflow: hidden
}

.rec_article .cell a:hover span {
    text-decoration: underline;
    color: #454545
}

.rec_article .cell.s1 a {
    background-color: #F4F3F5
}

.rec_article .cell.s2 a {
    background-color: #E4E1E6
}

.rec_article .cell.s3 a {
    background-color: #EAE8EB
}

.best_menu ul {
    overflow: hidden;
    background: url('https://cdn.ibos.kr/images/161031_best_title_bg.png') repeat-x
}

.best_menu ul li {
    float: left
}

.best_menu ul li a {
    display: block;
    padding: 0 20px;
    border: 1px solid #E0E0E0;
    border-width: 1px 0;
    text-align: center;
    font-size: 13px;
    line-height: 38px;
    font-weight: 600;
    color: #4e4c50
}

.best_menu ul li a:hover {
    background-color: #C3BFC8;
    color: #fff;
    border-color: #C3BFC8
}

.best_menu ul li.na.p3023 a {
    background-color: #C3BFC8;
    color: #fff;
    border-color: #C3BFC8
}

.best_menu ul li.nc.pnew_cmt a {
    background-color: #C3BFC8;
    color: #fff;
    border-color: #C3BFC8
}

.best_menu ul li.ga.p5727 a {
    background-color: #C3BFC8;
    color: #fff;
    border-color: #C3BFC8
}

.best_menu ul li.gc.p5578 a {
    background-color: #C3BFC8;
    color: #fff;
    border-color: #C3BFC8
}

.best_menu ul li.wa.p1898 a {
    background-color: #C3BFC8;
    color: #fff;
    border-color: #C3BFC8
}

.best_menu ul li.ma.p1886 a {
    background-color: #C3BFC8;
    color: #fff;
    border-color: #C3BFC8
}

#bmenu .description p {
    line-height: 30px;
    padding-left: 10px;
    font-size: 12px;
    font-family: Dotum, "돋움";
    color: #777
}

.month_best .snum {
    font-size: 19px;
    display: block;
    text-align: center;
    letter-spacing: -2px;
    padding: 1px 0;
    font-weight: 600
}

.month_best .snum.s1, .month_best .snum.s2, .month_best .snum.s3 {
    color: #FF4949
}

#popular_article_menu {
    overflow: hidden
}

#popular_article_menu > div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-top: 20px
}

#popular_article_menu .mov_mnth {
    color: #333;
    font-size: 15px;
    letter-spacing: -0.4px;
    font-weight: 500
}

#popular_article_menu .mov_mnth:hover {
    color: #000;
    font-weight: bold
}

#popular_article_menu .mov_mnth.active {
    font-weight: bold;
    color: #000
}

#cash_conts_lf td .done {
    background-color: #f0f0f0;
    border: 1px solid #b5b5b5;
    padding: 2px 3px;
    color: #545454
}

#cash_conts_vf .preview h3 {
    font-size: 17px;
    font-weight: 600;
    color: #939;
    border: 1px solid #e5e5e5;
    border-bottom: 0;
    line-height: 48px;
    background-color: #f9f9f9;
    text-indent: 23px
}

#cash_conts_vf .preview p {
    border: 1px solid #e5e5e5;
    border-bottom: 1px dashed #e5e5e5;
    padding: 15px 20px
}

#cash_conts_vf .preview .attached_img {
    border-bottom: 0;
    padding: 20px 40px
}

#cash_conts_vf .preview .attached_img img {
    width: 100%;
    height: auto
}

#cash_conts_vf p.btn_cash {
    border: 1px solid #e5e5e5;
    border-top: 0;
    padding: 20px 0;
    margin-bottom: 50px
}

#cash_conts_vf .btn_cash_act {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    background-color: #369;
    width: 160px;
    margin: 0 auto;
    text-align: center;
    line-height: 38px
}

#cash_conts_vf .btn_cash_act:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75
}

#cash_conts_vf .current_cash {
    display: block;
    text-align: center;
    padding-top: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #939
}

#cash_conts_vf .current_cash a {
    font-size: 11px;
    border: 1px solid #ccc;
    color: #565656;
    padding: 2px 4px;
    text-align: center;
    margin-left: 8px;
    background-color: #f9f9f9
}

#cash_conts_wf .preview {
    border: 1px solid #ededed;
    padding: 7px 10px;
    font-size: 15px;
    width: 573px;
    resize: none
}

#cash_conts_wf select {
    padding: 7px 15px !important;
    cursor: pointer
}

.cash_conts_info {
    position: relative;
    border: 5px solid #e5e5e5;
    padding: 20px
}

.cash_conts_info a {
    position: absolute;
    top: 13px;
    right: 15px;
    background-color: #369;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 5px 12px
}

.cash_conts_info span {
    font-size: 15px;
    font-weight: 600
}

#MktNews .date .cash_amount span {
    font-weight: 600;
    color: #fff;
    background-color: #e55757;
    padding: 1px 3px;
    margin-left: 2px
}

#MktNews .date .done {
    background-color: #369;
    color: #fff;
    padding: 1px 3px
}

#MktNews a:hover .AB-LF-common {
    text-decoration: none !important
}

#MktNews a:hover .AB-LF-common span {
    border-bottom: 1px solid #1c1c1c
}

.best_comment .cell {
    padding: 20px 40px 20px 0;
    position: relative
}

.best_comment .origin {
    font-size: 13px;
    font-weight: 600;
    padding: 15px 0 3px 0;
    color: #939
}

.best_comment .origin label {
    padding-right: 5px;
    color: #599AA0
}

.best_comment .mb_writer {
    font-size: 15px;
    font-weight: 600
}

.best_comment .comment_1 a {
    display: block;
    font-size: 13px;
    line-height: 24px;
    padding: 10px 0;
    color: #1c1c1c
}

.best_comment .comment_1 a:hover {
    text-decoration: underline
}

.best_comment .rgTp {
    position: absolute;
    right: 55px;
    top: 28px
}

.best_comment .rgTp span {
    border: 1px solid #e5e5e5;
    font-weight: 600;
    padding: 2px 4px
}

.best_comment .rgTp .vote {
    color: #369;
    margin-right: 5px
}

.admin-hide p.AB-cmt {
    color: #999
}

.admin-hide i {
    font-size: 11px;
    color: #AAA
}

.ABA-article-contents .dialog .talk_user {
    margin-bottom: -8px
}

.ABA-article-contents .dialog .talk_user a {
    display: inline-block;
    position: relative;
    top: 25px;
    left: -15px
}

.ABA-article-contents .dialog .talk_user .user_prof {
    display: inline-block;
    position: relative;
    top: 10px;
    left: -15px;
    width: 50px;
    height: 50px
}

.ABA-article-contents .dialog .talk_user .user_prof.img_0 {
    background: url('https://cdn.ibos.kr/images/profile_img_0.png') no-repeat;
    background-size: 100%
}

.ABA-article-contents .dialog .talk_user .user_prof.img_1 {
    background: url('https://cdn.ibos.kr/images/profile_img_1.png') no-repeat;
    background-size: 100%
}

.ABA-article-contents .dialog .talk_user .user_prof.img_2 {
    background: url('https://cdn.ibos.kr/images/profile_img_2.png') no-repeat;
    background-size: 100%
}

.ABA-article-contents .dialog .talk_user .user_prof.img_3 {
    background: url('https://cdn.ibos.kr/images/profile_img_3.png') no-repeat;
    background-size: 100%
}

.ABA-article-contents .dialog .talk_user .user_prof.img_4 {
    background: url('https://cdn.ibos.kr/images/profile_img_4.png') no-repeat;
    background-size: 100%
}

.ABA-article-contents .dialog .talk_user .user_prof.img_5 {
    background: url('https://cdn.ibos.kr/images/profile_img_5.png') no-repeat;
    background-size: 100%
}

.ABA-article-contents .dialog .talk_user .user_prof.img_6 {
    background: url('https://cdn.ibos.kr/images/profile_img_6.png') no-repeat;
    background-size: 100%
}

.ABA-article-contents .dialog .talk_user .user_prof.img_7 {
    background: url('https://cdn.ibos.kr/images/profile_img_7.png') no-repeat;
    background-size: 100%
}

.ABA-article-contents .dialog .talk_user .user_prof.img_8 {
    background: url('https://cdn.ibos.kr/images/profile_img_8.png') no-repeat;
    background-size: 100%
}

.ABA-article-contents .dialog .talk_user .user_prof.img_9 {
    background: url('https://cdn.ibos.kr/images/profile_img_9.png') no-repeat;
    background-size: 100%
}

.ABA-article-contents .dialog .talk_user img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin-right: 20px
}

.ABA-article-contents .dialog .talk_user .w_name {
    display: inline-block;
    margin-left: -8px
}

.ABA-article-contents .dialog .context.ml40 {
    margin-left: 45px
}

.ABA-article-contents .dialog.b-right .user_prof {
    display: none
}

.ABA-article-contents .dialog.b-right .w_name {
    margin-bottom: 15px
}

#tax_invoice {
    position: relative;
    margin-top: 15px
}

#tax_invoice h3 {
    font-size: 19px;
    font-weight: 600;
    padding: 5px 0 10px 0
}

#tax_invoice table {
    border-right: 1px solid #e5e5e5;
    border-top: 2px solid #676767
}

#tax_invoice tr th, #tax_invoice tr td {
    height: 36px;
    font-size: 13px
}

#tax_invoice tr th {
    border: 1px solid #e5e5e5;
    border-width: 0 0 1px 1px;
    background-color: #f9f9f9;
    font-weight: 600;
    text-align: left;
    text-indent: 15px
}

#tax_invoice tr td {
    border: 1px solid #e5e5e5;
    border-width: 0 0 1px 1px;
    padding: 0 2px;
    width: 226px;
    word-break: break-all;
    text-align: center
}

#tax_invoice tr td input {
    width: 100%;
    padding: 9px 0 8px 0;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    color: #939;
    letter-spacing: 1px
}

#tax_invoice .btn_submit {
    display: block;
    width: 120px;
    margin: 20px auto;
    background-color: #939;
    color: #fff;
    line-height: 34px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600
}

#tax_invoice .btn_submit.bd_R3:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75
}

#tax_invoice.VIEW tr td {
    padding-left: 10px;
    letter-spacing: 1px
}

#tax_invoice.VIEW .btn_submit {
    display: block;
    width: 58px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    font-weight: 600;
    color: #666;
    background: url('https://cdn.ibos.kr/images/btn_bg_off.png') no-repeat;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0
}

#tax_invoice.VIEW .btn_submit:hover {
    background: url('https://cdn.ibos.kr/images/btn_bg_on.png') no-repeat;
    color: #e55757
}

#tax_invoice.MODIFY {
    width: 96%;
    margin: 20px auto
}

#tax_invoice.MODIFY .cp_num {
    padding-left: 10px;
    letter-spacing: 1px
}

#tax_invoice_list .bill_view_btn {
    font-size: 12px
}

#tax_invoice_list .card_ {
    display: inline-block;
    background: #abd0fe61;
    color: #1b64da;
    font-size: 12px;
    padding: 0 6px;
    line-height: 24px;
    border-radius: 6px
}

#tax_invoice_list .card_:hover {
    background: #c9e2ff;
    transition: all 0.2s
}

#tax_invoice_list .btn_bill_cr {
    display: block;
    background-color: #969;
    color: #fff;
    padding: 4px 0px;
    border: 1px solid #969;
    font-size: 11px;
    width: 58px
}

#tax_invoice_list .tax_ {
    display: block;
    background-color: #369;
    color: #fff;
    padding: 4px 0px;
    border: 1px solid #454545;
    font-size: 11px;
    width: 58px
}

#tax_invoice_list .tax_type1 {
    display: block;
    background-color: #9999CC;
    color: #fff;
    padding: 4px 0px;
    border: 1px solid #999;
    font-size: 11px;
    width: 58px
}

#tax_invoice_list .tax_type2 {
    display: block;
    background-color: #d5d5d5;
    color: #333;
    padding: 4px 0px;
    border: 1px solid #ccc;
    font-size: 11px;
    width: 58px
}

#tax_invoice_list .bill_view_btn .cash, #tax_invoice_list .error {
    display: inline-block;
    color: #444;
    padding: 0 6px;
    line-height: 24px;
    border-radius: 6px;
    font-size: 12px;
    background: #f2f4f6
}

#tax_invoice_list .waiting {
    display: block;
    ;color: #ff4949;
    padding: 4px 0px;
    font-size: 12px;
    width: 62px
}

#tax_invoice_list .timeout {
    color: #AAA;
    text-decoration: line-through
}

#tax_invoice_list .cash_receipt_print {
    display: inline-block;
    background: #ffb33129;
    color: #c87100;
    font-size: 12px;
    padding: 0 6px;
    line-height: 24px;
    border-radius: 6px
}

#tax_invoice_list .cash_receipt_print:hover {
    background: rgb(255 179 49 / 32%);
    transition: all 0.2s
}

#tax_invoice_list .btn_bill_cr_cancel {
    display: block;
    background-color: #d5d5d5;
    color: #333;
    padding: 4px 0px;
    border: 1px solid #ccc;
    font-size: 11px;
    width: 58px
}

#tax_invoice_list .noreceipt {
    display: block;
    padding: 4px 0px;
    font-size: 12px;
    width: 62px
}

#tax_invoice_info {
    width: 550px;
    border: 5px solid #e5e5e5;
    margin: 15px auto;
    padding: 15px 20px
}

#tax_invoice_info p {
    font-size: 13px;
    line-height: 22px
}

#tax_invoice_info h5 {
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 10px
}

#receipt_popup {
    font-size: 13px
}

#receipt_popup h3 {
    font-size: 18px;
    font-size: 20px;
    padding: 0 10px;
    margin-top: 35px
}

#receipt_popup table {
    width: 96%;
    margin: 0 auto;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5
}

#receipt_popup tr th, #receipt_popup tr td {
    border: 1px solid #e5e5e5;
    border-width: 1px 0 0 1px
}

#receipt_popup tr th {
    background-color: #f0f0f0;
    height: 48px;
    color: #333;
    font-weight: 600
}

#receipt_popup tr td {
    padding: 0 10px
}

#receipt_popup tr td label {
    cursor: pointer
}

#receipt_popup tr td #cash_card_type_0, #receipt_popup tr td #cash_card_type_1 {
    cursor: pointer
}

#receipt_popup tr td #label_cash_card_type_0 {
    margin-right: 10px
}

#receipt_popup tr td #cash_card_num {
    width: 200px;
    padding: 7px 10px;
    border: 1px solid #ccc;
    font-size: 13px;
    letter-spacing: 1px;
    text-align: center
}

#receipt_popup .btn_submit {
    text-align: center;
    margin-top: 20px
}

#receipt_popup .btn_submit a {
    display: inline-block;
    background-color: #f0f0f0;
    text-decoration: none;
    color: #1c1c1c;
    width: 100px;
    line-height: 32px;
    font-weight: 600;
    border: 1px solid #d5d5d5
}

#receipt_popup .btn_submit input {
    background-color: #369;
    color: #fff;
    width: 100px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    border: 0;
    line-height: 32px;
    margin-right: 10px;
    cursor: pointer;
    border: 1px solid #333
}

.pr_board {
    border: 1px solid #e5e5e5;
    padding: 20px;
    margin-top: 25px;
    position: relative
}

.pr_board > div {
    overflow: hidden
}

.pr_board .cell {
    width: 50%;
    float: left
}

.pr_board .cell a {
    display: block;
    line-height: 18px;
    margin: 7px 0
}

.pr_board .cell a:hover span {
    border-bottom: 1px solid #e55757
}

.pr_board .cell a p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #454545;
    padding-right: 20px
}

.pr_board .cell a strong {
    display: block;
    width: 75%;
    font-size: 13px;
    font-weight: 600;
    color: #e55775;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #fff
}

.pr_board .bn_ref {
    position: absolute;
    top: 0;
    right: 0
}

.vote_list {
    clear: both;
    font-size: 13px;
    text-align: center;
    letter-spacing: 0;
    color: #666
}

.vote_list img {
    margin-right: 2px
}

.vote_list span {
    font-weight: 600;
    color: #e55757
}

.vote_list .vote_user_count {
    border-bottom: 1px solid #e55757
}

#MeminfoTopConts .flw_menus {
    overflow: hidden;
    clear: both;
    margin-top: 10px
}

#MeminfoTopConts .flw_menus .top_hd {
    background: url('https://cdn.ibos.kr/images/161020_follow_03.png') no-repeat;
    text-align: center;
    color: #fff;
    height: 130px
}

#MeminfoTopConts .flw_menus .top_hd p {
    font-size: 13px;
    line-height: 18px
}

#MeminfoTopConts .flw_menus .top_hd strong {
    display: block;
    padding: 25px 0 10px 0;
    font-size: 24px
}

#MeminfoTopConts .flw_menus ul li {
    float: left;
    width: 130px;
    margin: 5px 5px 5px 0
}

#MeminfoTopConts .flw_menus ul li a {
    display: block;
    text-align: center;
    line-height: 34px;
    font-size: 13px;
    font-weight: 600;
    background-color: #fff;
    border: 1px solid #e5e5e5
}

#MeminfoTopConts .flw_menus ul li:hover a {
    color: #369
}

#MeminfoTopConts .flw_menus ul li.mn01.P5526 a, #MeminfoTopConts .flw_menus ul li.mn02.P5525 a, #MeminfoTopConts .flw_menus ul li.mn03.P5710 a {
    background-color: #C3BFC8;
    color: #fff;
    border: 1px solid #999
}

.my_bd .flw_articles .cell {
    border: 1px solid #e5e5e5;
    margin-bottom: 15px
}

.my_bd .flw_articles .cell > div {
    padding: 15px 20px
}

.my_bd .flw_articles .top {
    position: relative;
    background-color: #f0f0f0;
    padding: 5px 20px !important
}

.my_bd .flw_articles .top .writer_name {
    font-weight: 600;
    padding-left: 15px
}

.my_bd .flw_articles .top .info {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 50px
}

.my_bd .flw_articles .top .info span {
    padding-right: 12px
}

.my_bd .flw_articles .top .info strong {
    font-weight: 600;
    font-family: Tahoma, serif
}

.my_bd .flw_articles .top .info .vote strong {
    color: #369
}

.my_bd .flw_articles .top .info .cmt strong a {
    color: #e55757
}

.my_bd .flw_articles .top .info .cmt strong a:hover {
    border-bottom: 1px solid #e55757
}

.my_bd .flw_articles .middle {
    border-top: 1px solid #e5e5e5;
    padding: 20px !important
}

.my_bd .flw_articles .middle a {
    display: block
}

.my_bd .flw_articles .middle a:hover .subject span {
    color: #454545;
    border-bottom: 1px solid #454545
}

.my_bd .flw_articles .middle a:hover .contents {
    color: #454545
}

.my_bd .flw_articles .middle .subject {
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 15px
}

.my_bd .flw_articles .middle .attached_img {
    display: block;
    margin: 30px auto;
    border: 1px solid #ccc
}

.my_bd .flw_articles .middle .contents {
    font-size: 13px;
    line-height: 24px;
    word-break: break-all
}

.mb_int_ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 330px;
    text-align: left;
    text-indent: 10px
}

.bd_flw td {
    line-height: 24px;
    font-size: 14px
}

.bd_flw td.flw_name {
    text-align: left;
    text-indent: 10px;
    font-weight: 600;
    color: #666
}

.bd_flw td.flw_name a:hover .name_p {
    color: #454545;
    border-bottom: 1px solid #454545
}

.flw_nobody {
    text-align: center;
    padding: 75px 0
}

.flw_nobody img {
    display: block;
    margin: 0 auto
}

.flw_nobody span {
    display: block;
    font-size: 18px;
    line-height: 50px
}

.follow_lst {
    border: 1px solid #e5e5e5;
    border-top: 0
}

.follow_lst td {
    border-top: 1px solid #e5e5e5;
    text-align: center;
    font-size: 13px;
    height: 65px
}

.btn_following_ok {
    display: block;
    width: 70px;
    line-height: 22px;
    color: #a075cc;
    border: 1px solid #a075cc;
    font-size: 12px
}

.btn_following_cancel {
    display: block;
    width: 70px;
    line-height: 22px;
    color: #fff;
    border: 1px solid #a075cc;
    font-size: 12px;
    background: #a075cc
}

.btn_following_guest {
    display: block;
    width: 70px;
    line-height: 22px;
    color: #a075cc;
    border: 1px solid #a075cc;
    font-size: 12px
}

.flw_chk {
    width: 12px;
    height: 12px;
    padding-right: 3px
}

.recommend_flw .rec_title {
    text-align: center;
    border: 1px solid #e0e0e0;
    background-color: #fafafa;
    padding: 20px 0;
    margin-bottom: 10px;
    margin-top: 100px
}

.recommend_flw .rec_title h5 {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px
}

.recommend_flw .rec_title p {
    font-size: 13px
}

.recommend_flw .wrap {
    overflow: hidden
}

.recommend_flw .wrap > div {
    background: #FFF
}

.recommend_flw .cell {
    float: left;
    width: 134px;
    border: 1px solid #eee;
    padding: 15px;
    margin-right: 10px;
    text-align: center
}

.recommend_flw .cell.nun4 {
    margin-right: 0;
    margin-left: 1px
}

.recommend_flw .cell img.bd_R50 {
    display: block;
    margin: 0 auto 10px auto
}

.recommend_flw .cell .flw_name {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 3px
}

.recommend_flw .cell .cnt_flw {
    display: block;
    color: #aaa;
    font-size: 12px;
    padding-bottom: 7px
}

.recommend_flw .cell .btn_following_ok {
    margin: 0 auto;
    width: 100px
}

.recommend_flw .cell .btn_following_cancel {
    margin: 0 auto;
    width: 100px
}

.notice_box {
    border: 5px solid #eee;
    padding: 10px 20px;
    font-size: 13px;
    color: #666
}

.notice_box p {
    font-size: 12px
}

.notice_box span {
    display: inline-block;
    margin-right: 5px;
    font-size: 10px;
    border: 1px solid #e55757;
    color: #e55757;
    padding: 1px 4px
}

.notice_box strong {
    font-weight: 600;
    display: block;
    padding-bottom: 10px
}

.table-mbt td {
    border: 1px solid #e0e0e0;
    border-width: 1px 0;
    border-top: 2px solid #639;
    height: 26px;
    font-size: 12px;
    color: #333;
    font-weight: 600;
    letter-spacing: -1px
}

.table-mbt th {
    border: 1px solid #e0e0e0;
    border-width: 1px 0
}

.bd_article_null p {
    text-align: center;
    font-size: 19px;
    line-height: 100px;
    color: #999
}

#qna-like-btn #LikeThisArticle .Like {
    width: 190px
}

#like-scrap #LikeThisArticle .Like a label::before {
    font-family: "Font Awesome 6 Pro";
    content: "\f004";
    font-size: 14px;
    font-weight: 400;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display,inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto
}

#like-scrap #LikeThisArticle .Like a label.LikeChecked::before, #like-scrap #LikeThisArticle .Like a label.LikeChecked + span, #like-scrap #LikeThisArticle .Like a label.LikeChecked + span + em {
    color: var(--color-700);
    font-weight: bold
}

#like-scrap #LikeThisArticle .Like a label.LikeChecked + span {
    font-weight: 600
}

#like-scrap {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#like-scrap > div {
    display: flex;
    gap: 20px;
    align-items: center
}

#like-scrap a, #like-scrap button {
    font-size: 14px;
    font-weight: 600;
    color: #999;
    display: flex;
    gap: 4px;
    align-items: center;
    line-height: 20px;
    cursor: pointer;
    font-family: inherit;
    justify-content: center;
    height: 42px;
    border-radius: 20px;
    box-sizing: border-box
}

#like-scrap button {
    appearance: none;
    background: none;
    border: 0
}

#like-scrap #LikeThisArticle a:hover, #like-scrap button:hover {
    color: var(--color-700);
    transition: all 0.2s
}

#like-scrap em {
    font-style: normal;
    font-weight: bold
}

#like-scrap .scrapped-article {
    color: var(--color-700)
}

#like-scrap .scrapped-article i {
    font-weight: bold
}

#WriterRelation {
    overflow: hidden;
    padding: 20px;
    border: 1px solid #EEE;
    border-width: 1px 0;
    background: #FFF;
    margin-top: 40px
}

#WriterRelation > div {
    float: left
}

#WriterRelation .WriterProfile {
    width: 350px
}

#WriterRelation .WriterProfile .prof_img {
    position: relative;
    float: left;
    width: 70px;
    height: 100px;
    text-align: center;
    margin-right: 20px
}

#WriterRelation .WriterProfile .prof_img a {
    margin-top: 7px;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important
}

#WriterRelation .WriterProfile .prof_img a.btn_following_ok:hover {
    color: #a075cc
}

#WriterRelation .WriterProfile .prof_img a.btn_following_cancel:hover {
    color: #FFF
}

#WriterRelation .WriterProfile .prof_img .vp_cover {
    display: none;
    position: absolute;
    top: 59px;
    right: -104px;
    width: 135px;
    text-align: center;
    padding-top: 20px;
    font-size: 11px
}

#WriterRelation .WriterProfile .prof_img .vp_cover > div {
    position: relative;
    background: #fff;
    z-index: 1;
    padding: 5px 0;
    font-weight: 600;
    color: #333;
    text-indent: 0;
    border: 1px solid #ddd;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    font-style: normal;
    cursor: pointer
}

#WriterRelation .WriterProfile .prof_img .vp_cover > div span {
    display: block;
    color: #0A63BC;
    font-weight: 600;
    border: 0;
    margin: 7px auto 0 auto;
    line-height: 14px
}

#WriterRelation .WriterProfile .prof_img .vp_cover > div > i {
    position: absolute;
    left: 10px;
    top: -7px;
    width: 13px;
    height: 7px;
    background: url(/images/user_menu_icon_arrow_top.png) no-repeat;
    z-index: 2
}

#WriterRelation .WriterProfile .prof_img span {
    display: block;
    width: 70px;
    line-height: 22px;
    color: #a075cc;
    border: 1px solid #a075cc;
    font-size: 12px;
    border-radius: 3px;
    margin-top: 5px
}

#WriterRelation .WriterProfile .prof_info {
    float: left;
    width: 260px
}

#WriterRelation .WriterProfile .prof_info .introduce {
    overflow: hidden;
    height: 40px;
    line-height: 20px;
    font-size: 12px;
    color: #545454;
    margin-top: 5px;
    word-break: break-all
}

#WriterRelation .WriterProfile .prof_info ul.items {
    overflow: hidden;
    margin-top: 10px
}

#WriterRelation .WriterProfile .prof_info ul li span {
    color: #e55757;
    padding-left: 5px;
    font-weight: 600
}

#WriterRelation .WriterProfile .prof_info ul li span em {
    font-style: normal;
    font-size: 11px;
    font-weight: 600
}

#WriterRelation .WriterProfile .prof_info ul li label {
    color: #939;
    font-weight: 600
}

#WriterRelation .WriterProfile .prof_info ul li.bar {
    position: relative;
    width: 224px;
    margin-top: 5px;
    background: url('https://cdn.ibos.kr/images/user_index_bar_border_bg.png');
    overflow: hidden;
    border-right: 1px solid #E0E0E0
}

#WriterRelation .WriterProfile .prof_info ul li.bar p {
    height: 4px;
    background: url('https://cdn.ibos.kr/images/user_index_bar_bg2.png') no-repeat
}

#WriterRelation .WriterProfile .prof_info ul li .wd0 {
    background: none!important;
    border-left: 1px solid #e0e0e0
}

#WriterRelation .WriterProfile .prof_info ul li .wd1 {
    background-position: 0 0px!important;
    width: 32px
}

#WriterRelation .WriterProfile .prof_info ul li .wd2 {
    background-position: 0 -4px!important;
    width: 64px
}

#WriterRelation .WriterProfile .prof_info ul li .wd3 {
    background-position: 0 -8px!important;
    width: 96px
}

#WriterRelation .WriterProfile .prof_info ul li .wd4 {
    background-position: 0 -12px!important;
    width: 128px
}

#WriterRelation .WriterProfile .prof_info ul li .wd5 {
    background-position: 0 -16px!important;
    width: 160px
}

#WriterRelation .WriterProfile .prof_info ul li .wd6 {
    background-position: 0 -20px!important;
    width: 192px
}

#WriterRelation .WriterProfile .prof_info ul li .wd7 {
    background-position: 0 -24px!important;
    width: 224px
}

#WriterRelation .RelationArticle {
    position: relative;
    width: 270px;
    padding-left: 20px;
    margin-left: 10px;
    border-left: 1px solid #f0f0f0
}

#WriterRelation .RelationArticle .more {
    position: absolute;
    top: 0;
    right: 0
}

#WriterRelation .RelationArticle .top {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #545454;
    padding-bottom: 7px
}

#WriterRelation .RelationArticle .cell a {
    position: relative;
    display: block;
    font-size: 13px;
    line-height: 26px;
    background: url('https://cdn.ibos.kr/images/new_dot.gif') no-repeat;
    background-position: 0px 8px;
    padding-left: 10px
}

#WriterRelation .RelationArticle .cell .cnt {
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 600;
    color: #e55757;
    font-size: 11px;
    font-family: Tahoma, serif
}

#WriterRelation .RelationArticle .cell .title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 30px 0 0
}

#WriterRelation .RelationArticle .cell .AB-LF-current-article {
    font-weight: 600;
    color: #939;
    background: none;
    padding-left: 0;
    text-decoration: underline
}

#related-writer-info {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding-top: 50px;
    height: 250px
}

#related-writer-info .in-writer-info {
    float: left;
    width: 300px;
    height: 250px;
    overflow: hidden;
    min-width: 300px;
    min-height: 250px;
    background: #F6F6F6;
    border-radius: 8px
}

#related-writer-info .writer-profile {
    float: left;
    height: 250px;
    border: 1px solid #E5E5E5;
    width: calc(100% - 312px);
    box-sizing: border-box;
    border-radius: 8px
}

#related-writer-info .prof-wrap {
    position: relative;
    border-bottom: 1px solid #EEE;
    padding: 10px 15px;
    height: 25px;
    display: flex;
    align-items: center
}

#related-writer-info .prof-wrap .writer-prof-img {
    margin-right: 4px;
    width: 20px;
    height: 20px;
    border-radius: 50%
}

#related-writer-info .prof-wrap .func {
    position: absolute;
    top: 11px;
    right: 15px
}

#related-writer-info .prof-wrap .func p {
    display: inline-block
}

#related-writer-info .prof-wrap .func a {
    display: inline-block;
    border: 1px solid #E0E0E0;
    width: auto;
    padding: 0 5px;
    color: #666;
    border-radius: 3px;
    text-align: center;
    margin-left: 5px;
    line-height: 22px
}

#related-writer-info .prof-wrap .func a:hover {
    color: #663399;
    border-color: #663399;
    background: #F9F9F9
}

#related-writer-info .prof-wrap .func .btn_following_cancel {
    border-color: #a075cc;
    color: #FFF
}

#related-writer-info .prof-wrap .func .btn_following_cancel:hover {
    background: #a075cc;
    color: #FFF
}

#related-writer-info .prof-wrap span {
    font-weight: bold;
    font-size: 16px;
    color: #333
}

#related-writer-info .prof-wrap label {
    font-size: 15px;
    color: #555
}

#related-writer-info .rel-wrap .cell a {
    display: flex;
    align-items: center;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 20px;
    justify-content: space-between
}

#related-writer-info .rel-wrap .cell a:hover .AB-LF-common {
    text-decoration: underline;
    color: var(--color-600);
    font-weight: 500
}

#related-writer-info .rel-wrap .cell a div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    max-width: calc(100% - 50px);
    width: 100%;
    gap: 4px
}

#related-writer-info .rel-wrap .cell a div + span {
    font-size: 13px;
    color: #999;
    letter-spacing: -0.5px
}

#related-writer-info .rel-wrap .cell .AB-LF-common {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 30px)
}

#related-writer-info .rel-wrap .cnt {
    font-weight: bold;
    color: var(--color-600);
    font-size: 12px;
    letter-spacing: -0.5px
}

#related-writer-info .related-article {
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px
}

#related-writer-info .related-article .blur-back {
    background: #EEE;
    height: 16px;
    margin: 12px 0px
}

#related-writer-info .related-comment {
    display: none
}

#related-writer-info .related-comment .cell a:hover span {
    text-decoration: underline;
    color: #663399
}

#related-writer-info .related-comment .cell a span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 4px
}

.AB-empty-value {
    background-color: #edfbff;
    outline: 1px solid #448AFF
}

.ABA-join-step ol {
    background: url("/template/DESIGN_shared/program/theme/01/icon_p_bg.gif") center center no-repeat;
    overflow: hidden;
    margin: 27px 0;
    padding-left: 18px
}

.ABA-join-step ol li {
    float: left;
    margin-left: 55px
}

.ABA-join-step ol li.AB-first {
    margin-left: 0 !important
}

.ABA-join-step ol li span {
    background: url("/template/DESIGN_shared/program/theme/01/icon_pross.gif") 0 0 no-repeat;
    display: block;
    width: 202px;
    height: 51px;
    text-indent: -9999px
}

.AB-join-01 {
    display: block
}

.AB-join-02 {
    display: none
}

.AB-space {
    line-height: 26px
}

.AB-space input {
    vertical-align: middle
}

.AB-color-e {
    color: #ff7200;
    font-weight: 600
}

.AB-bbs-wrap {
    position: relative
}

.ABA-list-title {
    width: 100%
}

.ABA-list-title th, .ABA-list-title td {
    background: url("/template/DESIGN_shared/program/theme/01/bg_list_title.gif") repeat-x #f0f0f0;
    text-align: center;
    font-weight: 600;
    color: #454545;
    border: 1px solid #e6e6e6;
    border-width: 1px 0;
    line-height: 20px
}

.ABA-content-box table .ABA-list-title tr:last-child th, .ABA-content-box table .ABA-list-title tr:last-child td {
    border-bottom: 1px solid #e6e6e6
}

.ABA-list-title th:first-child, .ABA-list-title td:first-child {
    border-radius: 4px 0 0 4px;
    border-left: 1px solid #e6e6e6
}

.ABA-list-title th:last-child, .ABA-list-title td:last-child {
    border-radius: 0 4px 4px 0;
    border-right: 1px solid #e6e6e6
}

.AB-text-indt {
    font-size: 0;
    text-indent: -1999px
}

.AB-btn-edit {
    background: url("/template/DESIGN_shared/program/theme/01/btn_edit.gif") 0 center no-repeat;
    display: block;
    width: 14px;
    height: 14px;
    margin-right: 4px
}

.AB-btn-del {
    background: url("/template/DESIGN_shared/program/theme/01/btn_del.gif") 0 center no-repeat;
    display: block;
    width: 14px;
    height: 14px
}

.ABA-list-body {
    width: 100%;
    border-collapse: collapse
}

.ABA-list-body td {
    text-align: center;
    color: #7a7a7a;
    border-bottom: 1px solid #ededed
}

.ABA-list-body td.AB-text-left {
    text-align: left;
    color: #454545
}

.ABA-list-body td.AB-text-left a {
    color: #454545
}

.AB-alignc {
    /*text-align: center;
    overflow: hidden*/
}

.AB-alignc a {
    color: #666;
    font-size: 12px;
    display: inline-block
}

.AB-alignc a img {
    vertical-align: middle
}

.ABA-list-btn {
    margin: 20px 0
}

.ABA-list-search {
    background: #f7f7f7;
    padding: 10px 0
}

.ABA-list-search a {
    display: inline-block;
    vertical-align: middle
}

.ABA-view-head {
    width: 100%;
    position: relative
}

.ABA-view-head strong {
    font-weight: 600;
    color: #454545;
    padding: 0 26px 0 25px
}

.AB-box-line {
    border-top: 1px solid #aaa
}

.AB-box-round {
    width: 2px;
    height: 2px;
    position: absolute
}

.AB-box-round-a {
    background: url("/template/DESIGN_shared/program/theme/01/bg_round01.gif") 0 0 no-repeat;
    top: -1px;
    left: -1px
}

.AB-box-round-b {
    background: url("/template/DESIGN_shared/program/theme/01/bg_round04.gif") 0 0 no-repeat;
    bottom: -1px;
    left: -1px
}

.AB-box-round-c {
    background: url("/template/DESIGN_shared/program/theme/01/bg_round02.gif") 0 0 no-repeat;
    top: -1px;
    right: -1px
}

.AB-box-round-d {
    background: url("/template/DESIGN_shared/program/theme/01/bg_round03.gif") 0 0 no-repeat;
    bottom: -1px;
    right: -1px
}

.AB-box-line-solid-a {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #fff;
    width: 80%;
    height: 0;
    font-size: 0;
    line-height: 0
}

.AB-box-line-solid-b {
    border: 1px solid #e5e5e5
}

.AB-box-line-solid-c {
    border-top: 1px solid #e5e5e5;
    height: 0;
    font-size: 0;
    line-height: 0
}

.AB-box-line-solid-d {
    border-top: 1px solid #bdc1c4;
    border-bottom: 1px solid #bdc1c4
}

.AB-box-line-solid-e {
    border-top: 1px solid #c0c3c6;
    padding-top: 1px
}

.AB-box-line-solid-g {
    border-bottom: 1px solid #bdc1c4
}

.ABA-tit-box {
    overflow: hidden;
    padding: 12px 0
}

.ABA-tit-box p {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0
}

.Article-subject .ABA-tit-box em {
    display: inline-block;
    height: 12px;
    background: #E0E0E0;
    width: 1px;
    margin: 0 10px;
    position: relative;
    top: 2px
}

.ABA-tit-box h1 {
    font-size: 14px;
    font-weight: 600
}

.ABA-tit-box h5 {
    float: left;
    word-wrap: break-word;
    font-weight: 600;
    width: 73%;
    font-size: 14px
}

.ABA-item-box {
    zoom:1;overflow: hidden
}

.ABA-item-box p {
    float: left;
    padding: 7px 0 11px;
    word-wrap: break-word
}

.ABA-info-box {
    overflow: hidden;
    padding: 8px 0 0 0
}

.ABA-info-box p {
    float: left;
    padding-bottom: 6px
}

.ABA-info-box strong {
    padding: 0 26px 0 25px
}

.ABA-file-head {
    border: solid #ccc;
    border-width: 1px 0
}

.ABA-file-head strong {
    line-height: 20px
}

.ABA-borad-view {
    border: 1px solid #E8E8E8;
    padding: 18px 14px 14px;
    position: relative
}

.ABA-board-vhead {
    border-bottom: 1px solid #E8E8E8;
    ;padding-bottom: 8px
}

.ABA-board-vhead .AB-view-info {
    float: left;
    margin: 0 0 0 13px;
    width: 540px;
    word-wrap: break-word
}

.ABA-board-vhead .AB-bg-qna {
    background: url("/template/DESIGN_shared/program/theme/01/bg_qna.gif") no-repeat scroll 9px 0 transparent;
    float: left;
    height: 52px;
    width: 53px
}

.ABA-board-vhead .AB-bg-qna01 {
    background-position: 9px -52px
}

.ABA-board-vhead .AB-view-info p {
    padding-top: 9px;
    line-height: 15px;
    position: relative
}

.ABA-board-vhead .AB-view-info p span:first-child {
    border-left: medium none;
    padding: 0 16px 0 0
}

.ABA-board-vhead .AB-view-info p span {
    border-left: 1px solid #ABABA9;
    display: inline-block;
    padding: 0 16px
}

.ABA-view-contents p.AB-view {
    line-height: 25px;
    padding: 17px 2px
}

.ABA-view-contents {
    line-height: 18px
}

.ABA-alignc {
    font-weight: bold;
    padding: 42px 0 17px;
    text-align: center
}

.alignc01 {
    font-weight: bold;
    padding: 0 0 42px;
    text-align: center
}

.AB-filedown {
    background: none repeat scroll 0 0 #F7F7F7;
    border: 1px solid #E5E5E5;
    height: 15px;
    margin: 10px 0;
    padding: 12px 0 14px 10px
}

.AB-filedown p, .AB-filedown01 p {
    color: #454545;
    font-weight: bold;
    height: 16px;
    line-height: 16px
}

.ABA-btns {
    height: 62px;
    overflow: hidden;
    padding: 20px 0
}

#AB_cmt_box_btn_first {
    color: #52A9E0 !important;
    float: left;
    font-weight: bold;
    margin-top: 3px
}

[id^="AB_cmt_box_btn_"] span {
    color: #FF6600;
    font-weight: bold
}

.ABA-btns .AB-fr {
    float: right;
    padding: 0 6px 0 0
}

#AB_sns_util_container {
    clear: both;
    margin-bottom: 30px;
    width: 193px;
    margin: 0 auto;
    margin-bottom: 30px
}

#AB_sns_util li {
    padding: 0 !important;
    border: 0 !important
}

.AB-qna {
    background: none repeat scroll 0 0 #F6F6F6
}

.ABA-btns-re {
    height: 30px;
    overflow: hidden;
    padding: 6px
}

.ABA-btns-re .AB-fr {
    float: right
}

.ABA-btns-re p {
    float: left
}

[id^="AB_cmt_box_btn_"] {
    color: #52A9E0 !important;
    font-weight: bold
}

.AB_cmt_box_btn {
    margin-bottom: 5px
}

.AB-etc {
    position: absolute;
    right: 4px;
    top: 16px;
    width: 125px
}

.AB-marking {
    float: none;
    position: relative;
    text-align: center;
    padding: 0 4px;
    display: inline-block
}

.AB-marking-p {
    font-size: 12px;
    font-weight: 600;
    color: #e82b2b;
    position: absolute;
    top: 11px;
    left: 46%
}

.AB-marking-m {
    font-size: 12px;
    font-weight: 600;
    color: #2b2ee8;
    position: absolute;
    top: 11px;
    left: 46%
}

.AB-recom {
    padding: 10px 0;
    margin: 0 auto;
    text-align: center
}

.AB-recom-h {
    height: 55px
}

#AB_sns_util li {
    float: left;
    margin-left: 5px
}

.ABA-filedown {
    background: #f7f7f7;
    padding: 10px 0 10px 31px
}

.ABA-filedown img {
    vertical-align: middle;
    margin: 0 3px
}

.ABA-filedown strong {
    color: #454545;
    font-weight: 600
}

.ABA-prev-nxt {
    padding: 10px 0;
    overflow: hidden;
    zoom:1}

.ABA-prev-nxt .AB-fl {
    float: left;
    word-wrap: break-word;
    width: 85%
}

.ABA-prev-nxt .AB-fl span {
    display: inline-block;
    text-align: center;
    font-weight: 600;
    padding: 0 20px
}

.ABA-prev-nxt .AB-fl span.AB-LF-common {
    font-weight: normal
}

.ABA-prev-nxt .AB-fr {
    float: right;
    margin-right: 35px
}

.ABA-view-btn {
    overflow: hidden;
    width: 100%;
    margin: 7px 0;
    zoom:1;_position: relative
}

.ABA-view-btn .AB-btn-fl {
    float: left
}

.ABA-view-btn .AB-btn-fr {
    float: right
}

.ABA-view-btn .AB-btn-fr a {
    margin-right: 4px
}

.AB-btn-fr a {
    vertical-align: middle;
    display: inline-block
}

.AB-btn-board-set {
    background: url("/template/DESIGN_shared/program/theme/01/btn_board_set.gif") 0 0 no-repeat;
    width: 52px ;
    height: 20px;
    text-indent: -9999px;
    display: block;
    font-size: 0;
    cursor: pointer
}

.AB-btn-board-set01 {
    background: url("/template/DESIGN_shared/program/theme/01/btn_board_set.gif") 0 0 no-repeat;
    position: relative;
    display: block;
    height: 22px;
    width: 56px ;
    font-size: 0;
    text-indent: 9999px;
    cursor: pointer
}

.AB-btn-board-set-pos-a {
    background-position: 0 0
}

.AB-btn-board-set-pos-b {
    background-position: 0 -63px
}

.AB-btn-board-set-pos-c {
    background-position: 0 -42px
}

.AB-btn-board-set-pos-d {
    background-position: 0 -21px
}

.AB-btn-board-set-pos-e {
    background-position: 0 -126px
}

.AB-btn-board-set-pos-f {
    background-position: 0 -83px
}

.AB-btn-board-set-pos-g {
    background-position: 0 -105px
}

.AB-btn-board-set-pos-h {
    background-position: 0 -173px
}

.AB-btn-board-set-pos-i {
    background-position: 0 -84px
}

.AB-btn-board-set-pos-j {
    background-position: 0 -194px;
    width: 101px
}

.AB-btn-board-set02 {
    background: url("/template/DESIGN_shared/program/theme/01/btn_board_set02.gif") 0 0 no-repeat;
    ;height: 25px;
    text-indent: -9999px;
    display: block;
    font-size: 0
}

.AB-btn-board-set03 {
    background: url("/template/DESIGN_shared/program/theme/01/btn_board_set02.gif") 0 0 no-repeat;
    position: relative;
    display: inline-block;
    border: 0;
    height: 25px;
    font-size: 0;
    cursor: pointer;
    vertical-align: bottom
}

.AB-btn-board-set02-pos-a {
    background-position: 0 0;
    width: 52px
}

.AB-btn-board-set02-pos-b {
    background-position: 0 -26px;
    width: 52px
}

.AB-btn-board-set02-pos-c {
    background-position: 0 -52px;
    width: 78px
}

.ABA-list-btn-non {
    margin: 10px 0 10px 0
}

.ABA-write-box .ABA-write-list {
    background: url("/template/DESIGN_shared/program/theme/01/bg_item.gif") 0 0 repeat-y;
    border-bottom: 1px solid #c0c3c6;
    padding-bottom: 1px
}

.ABA-write-box .ABA-write-list li:first-child {
    border-top: none
}

.ABA-write-box .ABA-write-list li {
    padding: 6px 0 6px 140px !important;
    border: none !important;
    position: relative
}

.ABA-write-box .ABA-write-list li.AB-line-d {
    background: url("/template/DESIGN_shared/program/theme/01/bg_wline01.gif") 0 bottom repeat-x
}

.ABA-write-box .ABA-write-list .AB-opt ul {
    margin: 0 !important
}

.ABA-write-box .ABA-write-list .AB-opt li {
    border: none;
    padding: 5px 0 0 0 !important
}

.ABA-write-box .ABA-write-list .AB-opt li * {
    font-size: 11px;
    color: #656565
}

.ABA-write-box .ABA-write-list label {
    vertical-align: middle
}

.ABA-write-box .ABA-write-list label.AB-label-c {
    position: absolute;
    top: 8px;
    left: 21px;
    _left: -120px;
    font-size: 12px;
    color: #454545;
    font-weight: 600;
    background: url("/template/DESIGN_shared/program/theme/01/icon_dot.gif") 0 center no-repeat;
    padding-left: 11px
}

.ABA-write-box .ABA-write-list label.AB-label-a {
    position: absolute;
    top: 146px;
    left: 21px;
    _left: -120px;
    font-size: 12px;
    color: #454545;
    font-weight: 600;
    background: url("/template/DESIGN_shared/program/theme/01/icon_dot.gif") 0 center no-repeat;
    padding-left: 11px
}

.ABA-write-list a {
    display: inline-block;
    vertical-align: middle
}

.ABA-write-list .AB-btn-sumit {
    background: url("/template/DESIGN_shared/program/theme/01/btn_input01.gif") 0 0 no-repeat;
    width: 102px;
    height: 19px;
    text-indent: -9999px;
    display: block;
    margin: 0 3px
}

.ABA-write-list .AB-pos-inputbtn-1-1 {
    background-position: 0 -40px;
    width: 112px
}

.ABA-write-list .AB-pos-inputbtn-1-3 {
    background-position: 0 0;
    width: 112px
}

.ABA-write-list .AB-pos-inputbtn-1-4 {
    background-position: 0 -60px
}

.ABA-write-list .AB-pos-inputbtn-1-5 {
    background-position: 0 -80px;
    width: 51px
}

.ABA-write-box .ABA-write-list li input[type="file"] {
    border: 1px solid #d6d6d6
}

.AB-file-line {
    border: 1px solid #d6d6d6 !important;
    height: 18px;
    line-height: 18px
}

.ABA-bbs-wrap {
    position: relative
}

.ABA-bbs-wrap input[type="radio"] {
    vertical-align: middle;
    margin: 0 4px 3px 5px
}

.ABA-bbs-wrap input[type="checkbox"] {
    vertical-align: middle;
    margin: 0 4px 3px 5px
}

.AB-inputbox-type-c {
    border: 1px solid #d6d6d6;
    line-height: 18px;
    height: 18px;
    vertical-align: middle
}

textarea {
    font-size: 12px;
    color: #35363a
}

.AB-scach-list {
    vertical-align: middle
}

.AB-text {
    border: 1px solid #d6d6d6;
    line-height: 18px;
    height: 18px;
    vertical-align: middle
}

.AB-radio {
    vertical-align: middle;
    margin: 0 3px 3px 5px;
    cursor: pointer
}

.sponsor_check {
    cursor: pointer
}

.AB-checkbox {
    vertical-align: middle;
    margin: 0 3px 3px 5px
}

.AB-select {
    vertical-align: middle
}

.AB-textarea {
    border: 1px solid #d6d6d6;
    line-height: 18px;
    vertical-align: middle;
    color: #35363a
}

.AB-text-money {
    font-family: "verdana";
    font-size: 12px;
    color: #666666;
    border: none;
    text-decoration: none;
    height: 18px;
    line-height: 17px;
    padding: 0px 3px 0px 3px;
    background-color: transparent
}

.AB-text-money-emp {
    font-family: "verdana";
    font-size: 15px;
    font-weight: 600;
    color: #666666;
    border: none;
    text-decoration: none;
    height: 18px;
    line-height: 17px;
    padding: 0px 3px 5px 3px;
    background-color: transparent;
    text-align: right
}

.AB-width-a {
    width: 418px
}

.AB-width-b {
    width: 184px
}

.AB-width-c {
    width: 95px
}

.AB-width-d {
    width: 145px
}

.ABA-board-btn {
    margin-top: 10px
}

.ABA-gally-wrap {
    width: 100%;
    overflow: hidden
}

.ABA-gally-wrap .ABA-album-thumb {
    float: left;
    line-height: 22px;
    _display: inline;
    white-space: nowrap
}

.ABA-thumb {
    padding: 4px;
    display: inline-block
}

.AB-rbox-line-c {
    border: 1px solid #dadada;
    background: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.AB-color-gray {
    color: #999999;
    letter-spacing: 1px;
    line-height: 23px
}

.AB-color-gray a {
    line-height: normal
}

.AB-edit {
    text-align: center
}

.AB-edit a {
    display: inline-block;
    vertical-align: middle;
    padding: 0 2px
}

.AB-submit-btn {
    background: url("/template/DESIGN_shared/program/theme/01/btn_edit01.gif") 0 0 no-repeat;
    width: 39px;
    height: 18px;
    display: block;
    text-indent: -9999px;
    font-size: 0
}

.AB-pos-submit-btn-1-4 {
    background-position: 0 0
}

.AB-pos-submit-btn-1-5 {
    background-position: 0 -18px
}

.AB-pos-submit-btn-1-6 {
    background-position: 0 -39px;
    width: 14px
}

.AB-pos-submit-btn-1-7 {
    background-position: 0 -57px;
    width: 14px
}

.AB-idpasswrite {
    display: none
}

.ABA-user-wrap {
    padding: 10px
}

.AB-tit-use {
    background: url("/template/DESIGN_shared/program/theme/01/icon_tit01.gif") 5px 0px no-repeat !important;
    padding-left: 23px;
    margin-bottom: 12px;
    zoom:1;height: 13px
}

.AB-tit-use span {
    font-weight: 600
}

.AB-text-use03,.AB-text-use02,.AB-text-use01 {
    font-weight: 600
}

.AB-text-use {
    background: url("/template/DESIGN_shared/program/theme/01/tit_text01.gif") 0 0 no-repeat !important;
    text-indent: -1999px;
    font-size: 0;
    height: 14px
}

.AB-text-agree {
    border: 1px solid #d6d6d6;
    margin: 8px 0;
    overflow: auto;
    height: 180px
}

.bx h3 {
    background: none;
    padding: 0;
    font-weight: normal;
    font-size: 13px !important;
    margin-left: 0px !important
}

.AB-tit-use h3 {
    background: none;
    padding: 0
}

.AB-chk {
    font-size: 11px;
    color: #666666
}

.AB-alignr input ,.AB-upsw-save input {
    vertical-align: middle
}

.AB-alignr {
    text-align: right
}

.AB-line-c {
    border-top: 1px solid #c0c0c0
}

.ABA-rep-wrap {
    padding-top: 23px
}

.ABA-rep-inbox .cmt_w_tit {
    font-size: 18px;
    font-weight: 600;
    color: #666;
    padding: 5px 12px
}

.ABA-rep-inbox .cmt_w_tit em {
    font-size: 12px;
    color: #ff9933;
    padding-left: 20px;
    font-style: normal
}

.ABA-rep-inbox .AB-line-c {
    border-color: #E0E0E0
}

.AB-cmt-view {
    position: relative;
    border-top: 1px dotted #EAEAEA;
    padding: 24px 0;
    display: flex;
    align-items: flex-start
}

.AB-cmt-view .edit, .AB-cmt-view .delete {
    margin-left: 10px;
    float: right
}

.AB-cmt-view .prof_img img {
    width: 26px;
    height: 26px;
    margin-right: 10px
}

.AB-cmt-view .writer {
    font-weight: bold;
    color: #000;
    font-size: 16px;
    line-height: 20px
}

.AB-cmt-view .writer.emptyUser {
    color: #999
}

.AB-cmt-view .ctrl_cmt {
    position: absolute;
    top: 5px;
    right: 0
}

.AB-cmt-view .ctrl_cmt img.btn_edit {
    padding: 7px;
    cursor: pointer;
    position: relative;
    z-index: 9
}

.AB-cmt-view .ctrl_cmt img.btn_edit:active {
    margin-top: 2px
}


.comment_writer {
    position: relative
}

.comment_writer > div {
    display: flex;
    align-items: center;
    height: 28px
}

.comment_writer .device {
    margin-left: 15px
}

.AB-cmt {
    padding: 12px 0;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0;
    color: #333;
    overflow-wrap: break-word;
    word-break: break-all
}

.AB-cmt a {
    color: #1583FD
}

.AB-cmt a:hover {
    text-decoration: underline
}

.AB-rep-id01 {
    background: url("/template/DESIGN_shared/program/theme/01/icon_rep.gif") 4px 11px no-repeat;
    font-weight: 600;
    color: #454545;
    padding: 10px 13px 0px 18px
}

.AB-rep-date {
    color: #999;
    font-size: 12px
}

.comment_writer .AB-rep-date {
    cursor: default
}

.comment_writer p.prof_img {
    position: relative
}

.comment_writer .cmt_usr_comp {
    padding-right: 6px
}

.comment_writer .cmt_usr_comp a {
    font-size: 12px;
    color: #888
}

.comment_writer .cmt_usr_comp a:hover {
    text-decoration: underline;
    color: #888
}

.comment_writer .comp_opt {
    position: relative;
    top: 10px;
    margin-right: 6px
}

.comment_writer .comp_opt a {
    display: block;
    width: 14px;
    height: 14px;
    background: url('https://cdn.ibos.kr/images/profile_icon_set.png') -160px 40px;
    text-indent: -999em
}

.comment_writer .comp_opt.public a {
    background-position: -140px 40px
}

.comment_writer .writerComment {
    background: #cfe2ff;
    color: rgba(5, 44, 101, 0.8);
    font-size: 12px;
    line-height: 1;
    border-radius: 30px;
    text-align: center;
    margin: 0px 8px;
    font-weight: 600;
    padding: 0.35em 0.65em
}

.comment_writer .bd_R30.bstip.meetup {
    color: #15a6ff;
    border-color: #15a6ff
}

.AB-rep-editbtn {
    position: absolute;
    right: 0;
    top: 16px !important
}

.AB-rep-editbtn a {
    font-size: 11px;
    color: gray;
    margin-right: 6px;
    border: 1px solid #EAEAEA;
    padding-bottom: 7px;
    background-color: #fdfdfd
}

.AB-rep-editbtn a img {
    vertical-align: text-top
}

.AB-rep-editbtn a span {
    display: inline-block;
    margin: 0 1px 0 2px;
    font-family: Tahoma, serif;
    font-size: 12px;
    font-weight: 600;
    padding-right: 5px;
    position: relative;
    top: 5px
}

.AB-rep-editbtn a.btn_vote_p {
    display: inline-block;
    background: url('https://cdn.ibos.kr/images/rec_bt_up1.png') #FFF 7px center no-repeat;
    text-align: right;
    padding: 0 !important;
    color: #e55757
}

.AB-rep-editbtn a.btn_vote_p span {
    margin: 0 0 0 20px;
    line-height: 20px;
    position: static;
    padding: 0 5px
}

.AB-rep-editbtn a.btn_vote_p.-VPC {
    background: url('https://cdn.ibos.kr/images/rec_bt_up1.png') #f93 no-repeat;
    background-position: 7px center;
    color: #fff;
    border: 1px solid #f93
}

.AB-rep-editbtn a.btn_vote_m {
    display: inline-block;
    background: url('https://cdn.ibos.kr/images/rec_bt_down1.png') #FFF 7px center no-repeat;
    text-align: right;
    padding: 0 !important;
    color: #999
}

.AB-rep-editbtn a.btn_vote_m span {
    margin: 0 0 0 20px;
    line-height: 20px;
    position: static;
    padding: 0 5px
}

.AB-rep-editbtn a.btn_vote_m.-VMC {
    background: url('https://cdn.ibos.kr/images/rec_bt_down1.png') #f7f7f7 no-repeat;
    background-position: 7px center;
    color: #888;
    border: 1px solid #eaeaea
}

.AB-cmt-box {
    padding-right: 71px;
    position: relative
}

.AB-width-e {
    width: 92%
}

div[id^="AB_cmt_reply_form"] .comment_btn {
    right: 10px
}

div[id^="AB_cmt_reply_form"] .AB-btn-resize {
    right: 10px
}

.AB-btn-resize {
    position: absolute;
    right: 2px;
    top: 55px;
    _right: 15px
}

[class^="AB_cmt_reply_depth"] .AB-cmt-input-wrap,.AB-cmt .AB-cmt-input-wrap {
    border: none;
    background: none;
    margin: 0;
    padding: 0
}

.ABA-cmt-list-wrap .-CL:first-child .AB-cmt-view {
    /*border: 0*/
}

#Comment_vf_wrapBox .device {
    padding-bottom: 10px
}

.AB_cmt_reply_depth_1 {
    padding-left: 45px;
    background: url("/images/icon_rep01.png") #fcfcfc 10px 20px no-repeat
}

.AB_cmt_reply_depth_2 {
    padding-left: 75px;
    background: url("/images/icon_rep01.png") #fcfcfc 45px 20px no-repeat
}

.AB_cmt_reply_depth_3 {
    padding-left: 105px;
    background: url("/images/icon_rep01.png") #fcfcfc 75px 20px no-repeat
}

.AB_cmt_reply_depth_4 {
    padding-left: 135px;
    background: url("/images/icon_rep01.png") #fcfcfc 105px 20px no-repeat
}

.AB_cmt_reply_depth_5 {
    padding-left: 165px;
    background: url("/images/icon_rep01.png") #fcfcfc 135px 20px no-repeat
}

.AB_cmt_reply_depth_6 {
    padding-left: 195px;
    background: url("/images/icon_rep01.png") #fcfcfc 165px 20px no-repeat
}

.AB_cmt_reply_depth_7 {
    padding-left: 225px;
    background: url("/images/icon_rep01.png") #fcfcfc 195px 20px no-repeat
}

.ABA-state-wrap {
    width: 474px;
    margin: 20px auto
}

.ABA-state-head {
    height: 98px;
    width: 368px;
    margin: 0 auto 15px
}

.ABA-state-body {
    background: url("/template/DESIGN_shared/program/theme/01/bg_login_box02.gif") 0 bottom no-repeat;
    padding-bottom: 30px;
    margin-bottom: 20px
}

.ABA-state-box {
    background: url("/template/DESIGN_shared/program/theme/01/bg_login_box01.gif") 0 0 no-repeat;
    padding-top: 30px
}

.ABA-login-box {
    width: 333px;
    margin: 0 auto;
    position: relative
}

.ABA-login-box:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.ABA-login-box p ,.ABA-find-box p {
    line-height: 24px
}

.ABA-state-box p.AB-uid label {
    font-weight: 600;
    width: 65px;
    display: inline-block
}

.ABA-state-box p.AB-upsw label {
    font-weight: 600;
    width: 65px;
    display: inline-block
}

.AB-upsw select {
    vertical-align: middle
}

.AB-sumit-login {
    position: absolute;
    width: 75px;
    height: 44px;
    top: 2px;
    right: 34px
}

.AB-sumit-login .AB-btn {
    background: url("/template/DESIGN_shared/program/theme/01/btn_login.gif") 0 0 no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    cursor: pointer
}

.ABA-find-box {
    width: 435px;
    margin: 0 auto;
    position: relative
}

.AB-input-c, .AB-input-d, .AB-input-e {
    border: 1px solid #d6d6d6;
    line-height: 18px;
    height: 18px;
    vertical-align: middle
}

.AB-input-c {
    width: 177px
}

.AB-input-d {
    width: 120px
}

.AB-input-e {
    width: 100px
}

.AB-upsw-save,.AB-idpass-send {
    text-align: center;
    margin-top: 15px
}

.AB-upsw-save label,.AB-idpass-send label {
    font-size: 11px;
    color: #666666;
    margin-right: 10px
}

.AB-overlap-id {
    color: red;
    text-align: center
}

.AB-overlap-id strong {
    font-weight: 600;
    color: red
}

.AB-overlap-serch {
    background: #ff7d14;
    text-align: center;
    height: 35px;
    line-height: 35px;
    width: 422px;
    margin: 17px auto
}

.AB-overlap-serch label {
    vertical-align: sub;
    color: #fff;
    font-weight: 600
}

.AB-overlap-serch a {
    display: inline-block;
    width: 52px;
    height: 20px;
    vertical-align: middle
}

.AB-overlap-serch span {
    background: url("/template/DESIGN_shared/program/theme/01/btn_serch01.gif") 0 0 no-repeat;
    display: block;
    width: 100%;
    heighT: 100%;
    text-indent: -9999px
}

.AB-overlap-serch span.AB-serch-pos-1 {
    background-position: 0 0
}

.AB-overlap-serch span.AB-serch-pos-2 {
    background-position: 0 -20px
}

.AB-waring {
    line-height: 18px;
    padding: 0 0 0 11px
}

.AB-waring li {
    font-size: 11px;
    color: #666666
}

.AB-tit-wrap {
    display: none
}

.AB-edit-btn {
    display: none
}

.AB-login {
    display: none
}

.AB-join {
    display: none
}

.AB-idpass {
    display: none
}

.AB-tit-txt-box {
    background: url("/template/DESIGN_shared/program/theme/01/bg_login_box.gif") 0 0 no-repeat;
    padding: 17px 0 0 106px
}

.AB-bg-login-pos-2 {
    background-position: 0 -104px
}

.AB-bg-login-pos-3 {
    background-position: -7px -203px
}

.AB-tit-txt-box p {
    margin-bottom: 9px
}

.AB-bg-tit span {
    background: url("/template/DESIGN_shared/program/theme/01/text_box_tit01.gif") 0 0 no-repeat;
    height: 29px;
    display: block;
    text-indent: -9999px;
    font-size: 0
}

.AB-bg-tit .AB-tit-pos-02 {
    background-position: 0 -38px
}

.AB-bg-tit .AB-tit-pos-03 {
    background-position: 0 -79px
}

.AB-bg-tit .AB-tit-pos-04 {
    background-position: 0 -116px;
    height: 33px
}

.AB-bg-tit .AB-tit-pos-05 {
    background-position: 0 -154px;
    height: 33px
}

.AB-bg-process span {
    background: url("/template/DESIGN_shared/program/theme/01/text_box_tit02.gif") 0 0 no-repeat;
    height: 18px;
    display: block;
    text-indent: -9999px;
    font-size: 0
}

.AB-bg-process .AB-process-pos-02 {
    background-position: 0 -121px
}

.AB-bg-process .AB-process-pos-03 {
    background-position: 0 -31px
}

.AB-bg-process .AB-process-pos-04 {
    background-position: 0 -61px
}

.AB-bg-process .AB-process-pos-05 {
    background-position: 0 -90px
}

.AB-bg-explan span {
    background: url("/template/DESIGN_shared/program/theme/01/text_box_tit03.gif") 0 0 no-repeat;
    height: 12px;
    display: block;
    text-indent: -9999px;
    font-size: 0
}

.AB-bg-explan .AB-explan-pos-02 {
    background-position: 0 -29px
}

.AB-bg-explan .AB-explan-pos-03 {
    background-position: 0 -61px
}

.AB-bg-explan .AB-explan-pos-04 {
    background-position: 0 -90px
}

.AB-bg-explan .AB-explan-pos-05 {
    background-position: 0 -118px;
    width: 314px;
    height: 33px
}

.AB-btn-menber {
    background: url("/template/DESIGN_shared/program/theme/01/btn_menber.gif") 0 0 no-repeat;
    display: block !important;
    text-indent: -9999px;
    font-size: 0 !important;
    height: 11px;
    width: 130px
}

.AB-serch {
    background: url("/template/DESIGN_shared/program/theme/01/btn_menber.gif") 0 -13px no-repeat;
    display: block !important;
    text-indent: -9999px;
    font-size: 0 !important;
    height: 11px
}

.AB-join-wrap {
    width: 164px;
    float: left;
    margin-left: 72px;
    _height: 11px;
    overflow: hidden
}

.AB-find-wrap {
    width: 164px;
    float: left;
    _height: 11px;
    overflow: hidden
}

.AB-faq-head , .AB-faq-q {
    width: 100%;
    overflow: hidden;
    position: relative
}

.AB-faq-head {
    background: #f0f0f0;
    border: 1px solid #ddd !important;
    border-width: 1px 0 !important;
    height: 36px;
    line-height: 20px
}

.AB-faq-q {
    border-bottom: 1px solid #ededed
}

.AB-faq-head p ,.AB-chk01,.AB-selected01,.AB-sjt01,.AB-qna-edit01 {
    float: left;
    font-weight: 600;
    text-align: center
}

.AB-faq-head p {
    line-height: 35px
}

.AB-selected {
    width: 124px
}

.AB-selected01 {
    width: 124px;
    color: #4794c0 ;
    font-weight: normal !important;
    padding: 11px 0
}

.AB-qna-edit {
    float: right !important;
    width: 40px;
    padding-right: 6px
}

.AB-qna-edit a {
    display: inline-block
}

.AB-qna-edit01 {
    float: right !important;
    width: 40px;
    padding: 15px 3px 0 0
}

.AB-qna-edit01 a {
    display: block;
    float: left;
    overflow: hidden
}

.AB-sjt {
    width: 70%;
    padding-left: 22px
}

.AB-sjt01 {
    text-align: left !important;
    word-wrap: break-word;
    color: #666666;
    font-weight: normal !important;
    cursor: pointer;
    background: url("/template/DESIGN_shared/program/theme/01/icon_q.gif") 5px 12px no-repeat;
    padding: 13px 0 11px 27px
}

.AB-sjt02 a {
    background: url("/template/DESIGN_shared/program/theme/01/icon_q1.gif") no-repeat 2px 5px;
    padding: 3px 0 3px 22px;
    line-height: 17px;
    display: block
}

.AB-sjt02 a:hover {
    background: url("/template/DESIGN_shared/program/theme/01/icon_q1_over.gif") no-repeat 2px 5px
}

.AB-sjt01 img {
    vertical-align: middle
}

.AB-chk {
    padding: 0 0 0 14px
}

.AB-chk01 {
    padding: 13px 0 0 14px
}

.AB-chk input {
    vertical-align: middle
}

.AB-faq-a {
    color: #888888;
    font-weight: normal;
    line-height: 20px;
    text-align: left;
    padding: 11px 19px 10px 84px;
    background: #f7f7f7 url("/template/DESIGN_shared/program/theme/01/icon_a.gif") 62px 12px no-repeat;
    border-top: 1px solid #EDEDED
}

.AB-faq-lst {
    overflow: hidden
}

.AB-LF-notice {
    display: flex;
    align-items: center
}

.AB-LF-notice img {
    vertical-align: text-top;
    width: 12px;
    height: 11px
}

.AB-bbs-btnedit {
    border: 1px solid #d9d9d9;
    margin: 20px 0
}

.AB-tit-box {
    overflow: hidden;
    background: url("/template/DESIGN_shared/program/theme/01/bg_edit.gif") 0 0 repeat-x;
    height: 29px;
    line-height: 29px;
    border-bottom: 1px solid #d9d9d9
}

.AB-tit-box p {
    float: left;
    color: #808080
}

.AB-bbs-tit {
    font-weight: 600;
    width: 107px;
    text-align: center
}

.AB-waring {
    color: red
}

.AB-bbs-move {
    overflow: hidden;
    margin: 10px;
    border: 1px solid #d9d9d9;
    padding: 0 5px ;
    background: #f6f6f7
}

.AB-movechk {
    float: left;
    padding: 6px 20px 4px 8px
}

.AB-movechk select ,.AB-movechk label {
    vertical-align: middle
}

.AB-bbs-move input ,.AB-bbs-move img {
    vertical-align: middle
}

.AB-mov-c {
    width: 50px
}

.AB-mov-d {
    width: 95px
}

.AB-mov-d .ui-datepicker-trigger {
    margin: 0 0 0 2px !important
}

.ABA-map-wrap {
    width: 100%;
    margin-top: 15px
}

.ABA-map-wrap ul:first-child {
    overflow: hidden;
    width: 100%
}

.ABA-map-wrap ul .AB-tit-site {
    float: left;
    width: 221px;
    margin: 0 17px 20px;
    min-height: 200px;
    _height: 200px;
    display: inline
}

.ABA-map-wrap ul .AB-tit-site h4 {
    font-weight: 600
}

.ABA-map-wrap ul .AB-tit-site ul {
    padding: 8px 0 10px 0;
    background: #fcfcfc
}

.ABA-map-wrap ul .AB-tit-site ul li ul {
    padding: 0 0 0 30px
}

.AB-width {
    width: 278px !important
}

.ABA-map-wrap .ABA-list-wrap {
    float: left;
    width: 255px
}

.ABA-map-wrap .ABA-list-wrap ul.AB-site-list {
    margin: 23px 42px 0 42px
}

.ABA-map-wrap h4 {
    background: url("/template/DESIGN_shared/program/theme/01/icon_sitemap.gif") 10px 5px no-repeat !important;
    border-bottom: 5px solid #eee;
    padding: 0 0 7px 22px !important
}

.ABA-map-wrap h4 a {
    font-size: 14px !important;
    color: #666666
}

.ABA-map-wrap h5 {
    background: none;
    height: 24px;
    padding-left: 24px;
    line-height: 24px
}

.ABA-map-wrap h5 a {
    color: #808080
}

.ABA-map-wrap h6 {
    height: 18px;
    padding: 0 0 0 10px;
    font-weight: normal;
    line-height: 18px;
    background: url("/template/DESIGN_shared/program/theme/01/left_icon01.gif") 0 45% no-repeat
}

.ABA-map-wrap h6 a {
    color: #969696;
    font-size: 11px
}

.AB-border-non {
    border: none !important
}

#ABA-wrap {
    padding: 0 18px;
    letter-spacing: -1px
}

#ABA-wrap h4 {
    background: url('/template/DESIGN_shared/program/theme/01/title_hc.jpg') 0 0 no-repeat;
    width: 775px;
    height: 110px;
    text-indent: -9999px;
    font-size: 0;
    margin-bottom: 22px
}

#ABA-wrap p {
    margin-bottom: 10px
}

#ABA-wrap h5 {
    background: url('/template/DESIGN_shared/program/theme/01/icon_01.jpg') left center no-repeat;
    text-indent: 15px;
    margin-bottom: 9px
}

.blue {
    color: #3c75c4
}

.blue2 {
    color: #5d75cb;
    font-weight: 600
}

.red {
    color: #d51c1c
}

.pink {
    color: #d24d82
}

.bold {
    font-weight: 600
}

.b1 {
    font-size: 15px;
    font-weight: 600
}

.AB-a {
    border-top: 1px solid #e1dfdf;
    margin-top: 1px;
    background-color: #f6f6f6;
    margin-bottom: 1px;
    border-bottom: 1px solid #e1dfdf;
    padding: 9px 43px;
    margin-bottom: 6px
}

.AB-b {
    border-top: 1px solid #e1dfdf;
    margin-top: 1px;
    background-color: #d7e4ee;
    margin-bottom: 1px;
    border-bottom: 1px solid #e1dfdf;
    padding: 9px 43px;
    margin-bottom: 25px
}

.AB-c {
    background: url('/template/DESIGN_shared/program/theme/01/icon_01.jpg') left center no-repeat;
    text-indent: 15px;
    margin-bottom: 5px;
    color: #d24d82;
    font-weight: 600
}

.AB-d {
    padding: 0 15px;
    margin-bottom: 17px
}

.t1 {
    margin-bottom: 30px;
    border: none
}

.t1 strong {
    font-weight: 600
}

.t1 line {
    text-decoration: line-through
}

.t1 .bgline01 {
    background: url('/template/DESIGN_shared/program/theme/01/bg_td1.gif') 0 0 repeat-x
}

.t1 .bgline02 {
    background: url('/template/DESIGN_shared/program/theme/01/bg_td2.gif') 0 0 repeat-x
}

.t1 .bgline03 {
    background: url('/template/DESIGN_shared/program/theme/01/bg_td3.gif') 0 0 repeat-x
}

.t1 .bgline04 {
    background: url('/template/DESIGN_shared/program/theme/01/bg_td4.gif') 0 0 repeat-x
}

.t1 td {
    padding: 0 32px
}

#ABA-wrap .img {
    width: 189px;
    height: 162px;
    float: right
}

.AB-text-use01 {
    margin-left: 1px !important
}

.AB-text-use02 {
    margin-left: 1px !important
}

.AB-head-btnset {
    padding: 15px 0 5px 0;
    position: relative;
    height: 23px;
    text-align: right
}

.AB-head-btnset:after {
    content: " ";
    height: 0;
    display: block;
    clear: both;
    visibility: hidden
}

.ABA-sumit a {
    display: inline-block;
    margin: 0 2px;
    overflow: hidden;
    vertical-align: middle
}

.ab-rss {
    background: url('/template/DESIGN_shared/program/theme/01/images_rss2.gif') 0 0 no-repeat;
    width: 54px;
    height: 19px;
    position: absolute;
    right: 0;
    top: 16px
}

.ab-rss a {
    display: block;
    width: 100%;
    height: 19px;
    text-indent: -9999px;
    font-size: 0
}

.AB-input-c, .AB-input-id, .AB-input-pass, .AB-input-name {
    border: 1px solid #d6d6d6;
    line-height: 20px;
    height: 20px;
    vertical-align: middle
}

.AB-LF-current-article {
    font-weight: 600;
    color: #1d2450;
    background: url("/template/DESIGN_shared/program/theme/01/icon_allow04.gif") 0 8px no-repeat;
    padding-left: 16px;
    background-position: 8px center
}

.AB-comm {
    font-weight: bold;
    color: var(--color-600);
    padding-left: 6px;
    font-size: 12px;
    flex: none;
    letter-spacing: -0.5px
}

.AB-rep {
    font-weight: 600;
    padding-left: 5px ;
    color: #D48C55;
    font-size: 11px
}

.AB-inline {
    vertical-align: middle;
    display: inline-block;
    overfloW: hidden
}

.ABA-sfaq-head {
    position: relative;
    height: 35px;
    padding: 0 7px;
    background: url("/template/DESIGN_shared/program/theme/01/bg_faq_head.gif") repeat-x scroll 0 -72px transparent
}

.AB-sround-left01 {
    background: url("/template/DESIGN_shared/program/theme/01/bg_faq_head.gif") no-repeat scroll 0 -1px transparent;
    height: 35px;
    left: 0;
    position: absolute;
    top: 0;
    width: 7px
}

.AB-sround-right01 {
    background: url("/template/DESIGN_shared/program/theme/01/bg_faq_head.gif") no-repeat scroll 0 -36px transparent;
    height: 35px;
    right: 0;
    position: absolute;
    top: 0;
    width: 7px
}

.ABA-sfaq-head td {
    height: 32px;
    text-align: center
}

.ABA-sfaq-set td {
    border-bottom: 1px solid #EDEDED;
    padding: 12px 0;
    text-align: center
}

.AB-sfaq-a {
    background: #F7F7F7;
    border-bottom: 1px solid #EDEDED;
    color: #888888;
    font-weight: normal;
    line-height: 20px;
    padding: 10px 5px 10px 10px;
    text-align: left
}

.AB-fsjt01 {
    float: left
}

.ABA-sfaq-set div.a {
    font-weight: normal
}

#AB-contents {
    width: 625px;
    height: 48px
}

#MOD_category_1 {
    margin-left: 3px
}

.AB-button.AB-btn-thema button,.AB-button.AB-btn-thema a:hover {
    color: #FFFF00
}

.AB-button.AB-bgimg-pos04 button,.AB-button.AB-bgimg-pos04 a {
    color: #666 !important
}

.AB-button.AB-btn-thema, .AB-button.AB-btn-thema button, .AB-button.AB-btn-thema a {
    background-image: url("/template/DESIGN_shared/program/theme/01/button_lst.gif");
    color: #fff
}

.AB-button {
    height: 20px;
    line-height: 20px;
    margin-right: 2px !important;
    padding: 0;
    vertical-align: middle
}

.AB-button button,.AB-button a {
    background-position: right top;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding: 0 10px 0 8px
}

.AB-button,.AB-button button,.AB-button a {
    border: 0 none;
    display: inline-block;
    font-size: 12px;
    margin: 0;
    overflow: visible;
    position: relative;
    text-decoration: none !important;
    white-space: nowrap;
    font-weight: 600
}

.AB-button button,.AB-button a {
    cursor: pointer;
    left: 2px;
    vertical-align: top
}

.AB-button.AB-bgimg-pos01 {
    background-position: left 0
}

.AB-button.AB-bgimg-pos02 {
    background-position: left -30px
}

.AB-button.AB-bgimg-pos03 {
    background-position: left -60px
}

.AB-button.AB-bgimg-pos04 {
    background-position: left -90px
}

.AB-button.AB-bgimg-pos05 {
    background-position: left -121px
}

.AB-button.AB-bgimg-pos06 {
    background-position: left -151px
}

.AB-button.AB-bgimg-pos01 button,.AB-button.AB-bgimg-pos01 a {
    background-position: right 0
}

.AB-button.AB-bgimg-pos02 button,.AB-button.AB-bgimg-pos02 a {
    background-position: right -30px
}

.AB-button.AB-bgimg-pos03 button,.AB-button.AB-bgimg-pos03 a {
    background-position: right -60px
}

.AB-button.AB-bgimg-pos04 button,.AB-button.AB-bgimg-pos04 a {
    background-position: right -90px
}

.AB-button.AB-bgimg-pos05 button,.AB-button.AB-bgimg-pos05 a {
    background-position: right -121px
}

.AB-button.AB-bgimg-pos06 button,.AB-button.AB-bgimg-pos06 a {
    background-position: right -151px
}

.AB-LF-table {
    border-collapse: separate
}

.AB-LF-table-title {
    border: #ffffff solid 1px
}

.AB-LF-title, .AB-LF-title a:link {
    font-size: 11px;
    color: #000000;
    letter-spacing: -1px;
    font-weight: 600
}

.AB-LF-value {
    font-size: 12px;
    color: #444444;
    padding-top: 2px
}

a.AB-LF-title:link {
    color: #000000;
    text-decoration: none
}

a.AB-LF-title:visited {
    color: #000000;
    text-decoration: none
}

a.AB-LF-title:active {
    color: #000000;
    text-decoration: none
}

a.AB-LF-title:hover {
    color: #000000;
    text-decoration: underline
}

a.AB-LF-value:link {
    color: #444444;
    text-decoration: none
}

a.AB-LF-value:visited {
    color: #444444;
    text-decoration: none
}

a.AB-LF-value:active {
    color: #444444;
    text-decoration: none
}

a.AB-LF-value:hover {
    color: #224CC2;
    text-decoration: underline
}

.AB-IF-table {
    border: #dddddd solid 1px
}

.AB-IF-table-title {
    border: #E8E8E8 solid 1px
}

.AB-IF-table-value {
    border: #F3F3F3 solid 1px
}

.AB-IF-title {
    font-size: 8pt;
    color: #545454;
    background-color: #f5fafb;
    border-bottom: 1px solid #eee;
    text-align: center
}

.AB-IF-value {
    font-size: 11px;
    color: #444444;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 10px;
    background: #FFFFFF;
    border-bottom: 1px solid #eee
}

.AB-VF-title {
    font-size: 11px;
    color: #000000;
    letter-spacing: -1px
}

.AB-VF-value {
    font-size: 12px;
    color: #444444;
    padding-left: 2px
}

a.AB-VF-value:link {
    color: #444444;
    text-decoration: none
}

a.AB-VF-value:visited {
    color: #444444;
    text-decoration: none
}

a.AB-VF-value:active {
    color: #444444;
    text-decoration: none
}

a.AB-VF-value:hover {
    color: #224CC2;
    text-decoration: underline
}

a.AB-VF-link:visited {
    color: #000000;
    text-decoration: none
}

a.AB-VF-link:active {
    color: #000000;
    text-decoration: none
}

a.AB-VF-link:hover {
    color: #000000;
    text-decoration: underline
}

.AB-VF-table-shop table td {
    border-bottom: 1px solid #EDEDED
}

.AB-IF-title-shop {
    background: #F5F5F5;
    font-weight: bold;
    padding-left: 20px;
    text-align: left
}

.AB-VF-value-shop {
    padding: 6px 0 6px 10px
}

.AB-LF-table-title th {
    background: #F5F5F5;
    font-weight: bold;
    text-align: left;
    padding: 6px 10px 6px 20px
}

.AB-skip {
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
    overflow: hidden;
    visibility: hidden;
    z-index: -1
}

.AB-category-btn, .AB-category-btn span {
    font-size: 11px;
    display: inline-block;
    line-height: 17px
}

.AB-category-btn {
    margin: 2px;
    width: 69px;
    text-align: center;
    border: 1px solid #ffd7d7;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px
}

.AB-category-btn span {
    padding: 3px 7px 0 7px;
    color: #454545
}

.AB-category-btn.AB-category-bgA {
    background: #fff3f3;
    border-color: #ffd7d7
}

.AB-category-btn.AB-category-bgB {
    background: #fdf8f2;
    border-color: #f4ddbe
}

.AB-category-btn.AB-category-bgC {
    background: #f2f6f1;
    border-color: #d4e5cf
}

.AB-category-btn.AB-category-bgD {
    background: #f1f4f6;
    border-color: #d0dbe2
}

.AB-category-btn.AB-category-bgE {
    background: #f7f7f7;
    border-color: #dadada
}

.AB-category-btn.AB-category-bgF {
    background: #fff3f3;
    border-color: #ffd7d7
}

.AB-category-btn.AB-category-bgG {
    background: #fdf8f2;
    border-color: #f4ddbe
}

.AB-category-btn.AB-category-bgH {
    background: #f2f6f1;
    border-color: #d4e5cf
}

.AB-category-btn.AB-category-bgI {
    background: #f1f4f6;
    border-color: #d0dbe2
}

.AB-category-btn.AB-category-bgJ {
    background: #f7f7f7;
    border-color: #dadada
}

#gallery_tmp2 .ABA-list-body th {
    background: url("/template/DESIGN_shared/program/theme/01/menu_line03.gif") right 50% no-repeat;
    font-weight: 600;
    font-size: 11px;
    color: #5c5c5c
}

#gallery_tmp2 .ABA-list-body th.last {
    background: none
}

#gallery_tmp2 .ABA-list-body td {
    border-bottom: 0;
    padding: 20px 10px
}

#gallery_tmp2 .ABA-list-body td.AB-text-left {
    padding-top: 30px
}

#gallery_tmp2 .ABA-list-body td .title {
    font-size: 11px;
    color: #7a7a7a
}

#gallery_tmp2 .ABA-list-body td .content {
    font-size: 11px;
    font-weight: 600;
    color: #3BA4CC;
    font-family: Tahoma, serif;
    display: inline-block;
    margin-right: 13px
}

#gallery_tmp3 .ABA-list-body th {
    background: url("/template/DESIGN_shared/program/theme/01/menu_line03.gif") right 50% no-repeat;
    font-weight: 600;
    font-size: 11px;
    color: #5c5c5c
}

#gallery_tmp3 .ABA-list-body th.last {
    background: none
}

#gallery_tmp3 .ABA-list-body td {
    border-bottom: 0
}

#gallery_tmp3 .ABA-list-body td.AB-text-left {
    padding: 0 0 10px 20px
}

#gallery_tmp3 .ABA-list-body td .title {
    font-size: 11px;
    color: #7a7a7a
}

#gallery_tmp3 .ABA-list-body td .content {
    font-size: 11px;
    font-family: Tahoma, serif;
    display: inline-block;
    margin: 0 3px 0 2px
}

.AB-link-btn {
    background: url("/template/DESIGN_shared/program/theme/01/btn_link_bg.gif") no-repeat;
    display: inline-block;
    width: 233px;
    padding: 19px 12px 48px 0;
    color: #fff;
    text-shadow: 0 1px 0 #222;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: -1px
}

.AB-category-list-1 {
    padding: 5px 8px;
    font-size: 11px;
    border: 2px solid #80AAD2;
    border-radius: 5px
}

.AB-category-list-2 {
    padding: 7px 10px;
    font-size: 11px
}

.AB_category_1_link_current, .AB_category_2_link_current {
    font-weight: 600;
    color: #454545
}

.AB-category-list-1 a, .AB-category-list-2 a {
    display: inline-block;
    margin: 5px 0;
    min-width: 125px;
    white-space: nowrap
}

.AB-category-list-1 .AB-div-bar, .AB-category-list-2 .AB-div-bar {
    color: #ddd
}

.AB-intra-tbl a:link {
    color: #666;
    font-weight: 700;
    text-decoration: none
}

.AB-intra-tbl a:visited {
    color: #999;
    font-weight: 700;
    text-decoration: none
}

.AB-intra-tbl a:active,.AB-intra-tbl a:hover {
    color: #bd5a35;
    text-decoration: underline
}

.AB-intra-tbl {
    width: 100%;
    border-spacing: 0;
    font-family: Arial,Helvetica,sans-serif;
    color: #666;
    font-size: 12px;
    text-shadow: 1px 1px 0 #fff;
    background: #eaebec;
    border: #ccc 1px solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 2px #d1d1d1;
    -webkit-box-shadow: 0 1px 2px #d1d1d1;
    box-shadow: 0 1px 2px #d1d1d1
}

.AB-intra-tbl th {
    padding: 10px;
    border-top: 1px solid #fafafa;
    border-bottom: 1px solid #e0e0e0;
    background: #ededed;
    background: -webkit-gradient(linear,left top,left bottom,from(#ededed),to(#ebebeb));
    background: -moz-linear-gradient(top,#ededed,#ebebeb)
}

.AB-intra-tbl tr:first-child th:first-child {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px
}

.AB-intra-tbl tr:first-child th:last-child {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px
}

.AB-intra-tbl tr {
    text-align: center
}

.AB-intra-tbl tr td:first-child {
    border-left: 0
}

.AB-intra-tbl tr td {
    padding: 10px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    background: #fafafa;
    background: -webkit-gradient(linear,left top,left bottom,from(#fbfbfb),to(#fafafa));
    background: -moz-linear-gradient(top,#fbfbfb,#fafafa)
}

.AB-intra-tbl tr:last-child td {
    border-bottom: 0
}

.AB-intra-tbl tr:last-child td:first-child {
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.AB-intra-tbl tr:last-child td:last-child {
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.AB-tr-odd tr:nth-child(odd) td {
    background: #f6f6f6;
    background: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f6f6f6));
    background: -moz-linear-gradient(top,#f8f8f8,#f6f6f6)
}

.AB-tr-hover tr:hover td {
    background: #f2f2f2
}

.cont_view_box {
    width: 450px;
    margin: 40px auto
}

.cont_view_box > div {
    overflow: hidden;
    border: 1px solid #e0e0e0;
    background: #f9f9f9;
    padding: 25px
}

.cont_view_box > div dl {
    zoom:1;text-align: center
}

.cont_view_box > div dt {
    color: #000;
    font-size: 18px;
    letter-spacing: -2px;
    padding-bottom: 15px
}

.cont_view_box > div dd {
    color: #FF4949;
    font-size: 24px;
    font-weight: bold
}

.cont_view_box > div dl:after {
    display: block;
    content: "";
    clear: both
}

.cont_view_box > div .cash_charge {
    margin-left: 10px;
    padding: 2px 5px;
    background: #e55757;
    color: #fff;
    font-size: 13px;
    position: absolute;
    margin-top: 5px
}

.cont_view_box .tit {
    margin-bottom: 20px;
    font-size: 18px;
    color: #000;
    text-align: center
}

.cont_view_box .tit span {
    color: #FF4949
}

.cont_view_box .btn_ded {
    border: 1px solid #245789;
    background: #369;
    text-align: center;
    width: 298px;
    margin: 20px auto 0 auto
}

.cont_view_box .btn_ded span, .cont_view_box .btn_ded a {
    display: block;
    padding: 8px 0px;
    font-size: 15px;
    font-weight: 600;
    color: #fff
}

.preview_litter {
    padding: 30px;
    border: 1px solid #eee;
    background: #fff
}

.cont_view_box .btn_ded:hover {
    background-color: #28517a
}

.cont_view_box .txt {
    font-size: 13px;
    text-align: center;
    padding-bottom: 10px
}

.cont_view_box .point_download {
    margin-top: 10px;
    text-align: center
}

.cont_view_box .point_download a {
    padding: 0 4px;
    font-size: 15px;
    font-weight: 600;
    color: #448AFF
}

.cont_view_box .btn_point_down {
    background: #2F5079;
    color: #FFF;
    padding: 3px 7px;
    margin-left: 10px;
    font-size: 13px
}

.cont_view_box .btn_point_down:hover {
    background: #448AFF
}

.icon_best {
    float: left;
    margin-top: 7px
}

.icon_best .bd_R3 {
    font-weight: 400;
    font-size: 10px;
    font-family: arial;
    color: #e55757;
    border: 1px solid #e55757;
    padding: 1px 2px;
    background-color: #fff;
    margin-right: 8px;
    letter-spacing: 0
}

#talk_invite_link .head {
    height: 218px;
    background: url('https://cdn.ibos.kr/images/5883_link_landing_03.png') #B5D7E5 right center no-repeat;
    padding: 55px 0 0 75px
}

#talk_invite_link .head p {
    font-size: 30px;
    color: #4F7096
}

#talk_invite_link .head span {
    display: block;
    font-size: 18px;
    color: #666;
    padding-top: 15px
}

#talk_invite_link .head strong {
    display: block;
    font-size: 50px;
    color: #333;
    margin-top: -10px
}

#talk_invite_link .conts {
    overflow: hidden;
    padding-top: 45px;
    background-color: #FBFDFE;
    text-align: center
}

#talk_invite_link .conts p {
    font-size: 18px;
    line-height: 32px;
    color: #497096
}

#talk_invite_link .conts a {
    display: block;
    font-size: 18px;
    color: #497096;
    margin: 30px auto
}

#talk_invite_link .conts a em {
    font-style: normal;
    border-bottom: 1px solid #497096
}

#talk_invite_link .conts a:hover {
    text-decoration: none
}

#talk_invite_link .conts span {
    color: #DD5554;
    font-size: 20px;
    font-weight: 600
}

#talk_invite_link .conts strong {
    display: block;
    font-size: 20px;
    border: 3px solid #497096;
    width: 355px;
    margin: 0 auto 50px auto;
    padding: 12px 0px;
    color: #4F7096
}

#talk_invite_link .conts > div {
    padding-top: 25px
}

#talk_invite_link .conts .bar {
    border-top: 1px solid #E0E0E0;
    width: 720px;
    margin: 50px auto
}

#talk_invite_link .btn_link {
    text-align: center;
    background-color: #FBFDFE;
    padding-bottom: 50px
}

#talk_invite_link .btn_link p {
    color: #497096;
    font-size: 24px
}

#talk_invite_link .btn_link a {
    display: block;
    font-size: 20px;
    border: 3px solid #497096;
    width: 355px;
    margin: 35px auto;
    padding: 12px 0px;
    color: #4F7096
}

#talk_invite_link .btn_link a:hover {
    color: #fff;
    background-color: #497096
}

.edu_hyperlink {
    display: block;
    overflow: hidden;
    width: 350px;
    margin: 0 auto 25px auto;
    border: 1px solid #EEE;
    background: #F9F9F9;
    box-shadow: 1px 1px 1px #D9D9D9;
    height: 90px
}

.edu_hyperlink a {
    display: block;
    line-height: 92px;
    text-align: center;
    color: #0096FF
}

.edu_hyperlink a:hover {
    text-decoration: underline
}

.attached_file_in_contents_title {
    width: 350px;
    margin: 0 auto;
    text-align: left;
    font-weight: 600;
    font-size: 13px;
    padding: 0 0 10px 15px
}

.attached_file_in_contents {
    width: 300px;
    margin: 0 auto 35px auto;
    text-align: center;
    border: 1px solid #EEE;
    background: #F9F9F9;
    padding: 20px;
    box-shadow: 1px 1px 1px #D9D9D9
}

.attached_file_in_contents a {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    word-break: break-all
}

.attached_file_in_contents a:hover {
    text-decoration: underline
}

.article_file_lst {
    margin-bottom: 48px
}

.attached_file_in_conts {
    position: relative;
    overflow: hidden;
    width: 350px;
    margin: 0 auto 12px auto;
    border: 1px solid #EEE;
    background: #F9F9F9;
    box-shadow: 1px 1px 1px #D9D9D9
}

.attached_file_in_conts .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    border-right: 1px solid #EEE;
    height: 100%
}

.attached_file_in_conts .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px
}

.attached_file_in_conts .file_name a {
    position: relative;
    display: block;
    line-height: 22px;
    padding: 12px;
    padding-left: 62px;
    z-index: 10
}

.attached_file_in_conts .file_name a:hover span {
    text-decoration: underline
}

.attached_file_in_conts .file_name p {
    display: none;
    color: #1C1C1C;
    font-weight: 600;
    padding-top: 7px;
    font-size: 13px;
    padding-left: 20px
}

.attached_file_in_conts .file_name a span {
    font-size: 15px;
    color: #448AFF;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 18px;
    word-break: break-all
}

.find_id_pw_wrap h1 {
    font-size: 26px;
    text-align: center;
    padding: 70px 0 25px 0
}

.find_id_pw_wrap > div {
    border: 1px solid #e5e5e5;
    padding: 25px;
    width: 430px;
    text-align: center;
    margin: 0 auto 10px auto
}

.find_id_pw_wrap > div h3 {
    font-size: 18px;
    padding-bottom: 15px
}

.find_id_pw_wrap > div p {
    font-size: 15px;
    line-height: 22px;
    color: #666;
    padding-bottom: 25px
}

.find_id_pw_wrap > div input {
    width: 100%;
    border: 1px solid #DDD;
    background-color: #f1f1f1;
    font-size: 16px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    letter-spacing: 1px;
    margin-bottom: 10px
}

.find_id_pw_wrap .ok {
    display: block;
    background-color: #448AFF;
    color: #FFF;
    width: 100%;
    height: 52px;
    line-height: 52px;
    font-size: 16px
}

.find_id_pw_wrap .ok:hover {
    background-color: #3D7CE5
}

.find_id_pw_wrap .msg {
    color: #f00;
    padding-top: 20px;
    font-size: 13px;
    line-height: 20px
}

.find_id_pw_wrap .info strong {
    display: block;
    font-size: 18px;
    padding-bottom: 20px
}

.find_id_pw_wrap .info p {
    text-align: left;
    font-size: 13px
}

.find_id_pw_wrap .info p span {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #1c1c1c;
    padding-bottom: 5px
}

.find_id_pw_wrap .info .cs {
    padding-top: 20px
}

#find-account {
    display: flex;
    height: calc(100vh - 491px);
    align-items: center;
    min-height: 360px;
    padding: 50px 0
}

#find-account .wrap {
    margin: 0 auto;
    width: 375px
}

#find-account h1 {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    line-height: 30px;
    margin-bottom: 12px;
    text-align: center
}

#find-account h1 + p {
    font-size: 16px;
    color: #555;
    text-align: center
}

#find-account .form {
    display: flex;
    flex-direction: column;
    margin: 30px 0 50px
}

#find-account .form .btn-submit {
    margin-top: 16px
}

#find-account .btn-submit, #find-account .btn-login {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    background-color: #333;
    border-radius: 4px;
    height: 48px;
    font-size: 16px;
    font-weight: 500;
    margin-top: 16px;
    cursor: pointer;
    margin: 0
}

#find-account .btn-submit:hover {
    transition: all 0.2s;
    opacity: 0.85
}

#form-email {
    width: 100%;
    box-sizing: border-box;
    border-radius: 4px;
    height: 48px;
    border: 1px solid #E0E0E0;
    padding: 0 20px;
    font-size: 17px
}

#form-email:focus {
    outline: 4px solid rgba(68, 138, 255, 0.5);
    border-color: #FFF;
    transition: all 0.2s
}

#find-account .error-msg {
    font-size: 14px;
    color: #FF4949;
    margin-top: 8px
}

#find-account .error-result p {
    font-size: 14px;
    font-weight: 500;
    color: #FF4949;
    background-color: #FAE1DD;
    outline: 4px solid rgba(255, 0, 0, 0.3);
    border-radius: 4px;
    height: 48px;
    box-sizing: border-box;
    padding: 0 20px;
    margin-top: 16px;
    display: flex;
    align-items: center
}

#find-account .info ul li {
    list-style: square;
    font-size: 14px;
    color: #888;
    line-height: 140%;
    margin-left: 20px;
    margin-bottom: 8px
}

#find-account .send-done {
    margin: 0 auto;
    text-align: center
}

#find-account .send-done .icon {
    padding: 20px;
    background: #F2F4F6;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    margin: 0 auto 32px
}

#find-account .send-done .icon svg {
    width: 60px;
    height: 60px
}

#find-account .send-done h1 {
    font-size: 32px;
    font-weight: normal;
    margin-bottom: 36px
}

#find-account .send-done h1 + p {
    line-height: 28px;
    margin-bottom: 36px
}

#find-account .send-done .btn-submit {
    border: 1px solid #333;
    color: #333;
    background-color: #FFF
}

#find-account .send-done .btn-submit:hover {
    outline: 4px solid rgba(68, 138, 255, 0.5);
    border-color: #FFF;
    transition: all 0.2s
}

#find-account .btn-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px
}

#find-account .btn-wrap input, #find-account .btn-wrap a {
    padding: 0 36px
}

#change-pw {
    display: flex;
    height: calc(100vh - 491px);
    align-items: center;
    padding: 50px 0;
    min-height: 360px
}

#change-pw .wrap {
    margin: 0 auto;
    width: 375px
}

#change-pw h1 {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    line-height: 30px;
    margin-bottom: 12px
}

#change-pw h1 + p {
    font-size: 16px;
    color: #555
}

#change-pw .form {
    display: flex;
    flex-direction: column
}

#change-pw .form > div {
    margin-top: 30px
}

#change-pw .form label {
    font-size: 15px;
    font-weight: 500;
    display: inline-block;
    color: #000;
    margin-bottom: 12px
}

#change-pw .form input[type="password"] {
    width: 100%;
    box-sizing: border-box;
    border-radius: 4px;
    height: 48px;
    border: 1px solid #E0E0E0;
    padding: 0 20px;
    font-size: 17px
}

#change-pw .form input[type="password"]:focus {
    outline: 4px solid rgba(68, 138, 255, 0.5);
    border-color: #FFF;
    transition: all 0.2s
}

#change-pw .form .btn-submit {
    border: 1px solid #E0E0E0;
    width: 100%;
    height: 52px;
    border-radius: 2px;
    font-size: 16px;
    padding: 0 24px;
    box-sizing: border-box;
    margin-top: 40px
}

#change-pw .form .btn-submit[disabled] {
    cursor: not-allowed
}

#change-pw .form .btn-submit:not([disabled]) {
    border: 1px solid #333 !important;
    color: #FFF;
    background-color: #333;
    transition: all .3s cubic-bezier(0.42, 0, 0.58, 1)
}

#change-pw .form .btn-submit:not([disabled]):hover {
    border-color: #000;
    background-color: #000;
    color: #FFF;
    transition: all .3s cubic-bezier(0.42, 0, 0.58, 1)
}

#change-pw .form .btn-submit:hover {
    transition: all 0.2s;
    opacity: 0.85
}

#change-pw .form input::-webkit-input-placeholder {
    font-size: 15px;
    color: #AAA
}

#change-pw .form input:-moz-placeholder {
    font-size: 15px;
    color: #AAA
}

#change-pw .form input::-moz-placeholder {
    font-size: 15px;
    color: #AAA
}

#change-pw .form input:-ms-input-placeholder {
    font-size: 15px;
    color: #AAA
}

#change-pw .form .error-msg {
    font-size: 14px;
    color: #FF4949;
    margin-top: 8px
}

#change-pw .form .error-result {
    background-color: #FAE1DD;
    outline: 4px solid rgba(255, 0, 0, 0.3);
    border-radius: 4px;
    line-height: 48px;
    box-sizing: border-box;
    padding: 0 20px;
    margin-top: 16px
}

#change-pw .form .error-result p {
    font-size: 14px;
    font-weight: 500;
    color: #FF4949
}

#change-pw .form #join_after {
    text-align: left;
    font-size: 13px
}

.sell_form_btn_pay {
    display: inline-block;
    width: 150px;
    background-color: #FF4949;
    color: #FFF;
    font-size: 15px;
    height: 42px;
    line-height: 42px;
    margin-right: 10px
}

.sell_form_btn_pay:hover {
    background-color: #FF2222;
    color: #FFF
}

.sell_form_btn_cancel {
    display: inline-block;
    width: 150px;
    background-color: #999;
    color: #FFF;
    font-size: 15px;
    height: 42px;
    line-height: 42px
}

.sell_form_btn_cancel:hover {
    background-color: #CCC;
    color: #FFF
}

#mkt_beginner .title {
    position: relative;
    width: 1050px;
    height: 435px;
    background: url('https://cdn.ibos.kr/images/5918_title_img.jpg') no-repeat
}

#mkt_beginner .title a {
    position: absolute;
    bottom: 30px;
    left: 273px;
    width: 420px;
    height: 60px;
    text-indent: -999em
}

#mkt_beginner .head th {
    border: solid #8E5C4E;
    border-width: 3px 0 1px 0;
    height: 50px;
    line-height: 50px;
    color: #8E5C4E;
    font-size: 15px
}

#mkt_beginner .body td {
    height: 50px;
    line-height: 50px;
    font-size: 13px;
    text-align: center;
    border-bottom: 1px dotted #e5e5e5
}

#mkt_beginner .body td p {
    display: inline-block
}

#mkt_beginner .body td ul li {
    text-align: left
}

#mkt_beginner .body td.subject {
    text-align: left;
    font-weight: 600;
    font-size: 14px
}

#mkt_beginner .body td .vote {
    color: #448AFF
}

#mkt_beginner .body td .cnt_comment {
    display: inline-block;
    margin-left: 7px;
    color: #FF4949
}

#mkt_beginner .body .read_Y {
    display: block;
    background-color: #F1F1F1
}

#column_LF .wrap {
    width: 1050px;
    margin: 0 auto
}

#column_LF .header {
    position: relative;
    padding: 70px 0 24px 0;
    text-align: center
}

#column_LF .header h3 {
    font-size: 32px;
    font-weight: 600
}

#column_LF .header h3 a {
    border-bottom: 1px solid #FFF;
    color: #454545
}

#column_LF .header h3 a:hover {
    border-bottom: 1px solid #000;
    color: #000
}

#column_LF .header p {
    font-size: 15px;
    line-height: 26px;
    color: #999;
    padding-top: 10px
}

#column_LF .title h3 {
    width: 397px;
    height: 90px;
    text-indent: -999em;
    background: url('https://cdn.ibos.kr/images/5699_column_img_03.png') no-repeat;
    margin: 70px auto 50px auto
}

#column_LF .title p {
    text-align: right;
    padding-bottom: 10px
}

#column_LF .title p a {
    display: inline-block;
    font-size: 15px;
    border: 1px solid #363636;
    text-align: center;
    line-height: 30px;
    padding: 2px 15px;
    font-weight: 600
}

#column_LF .title p a img {
    padding-left: 12px
}

#column_LF .title p a:hover {
    color: #639;
    text-decoration: underline
}

#column_LF .cat_column {
    overflow: hidden;
    display: table;
    position: relative;
    margin-bottom: 30px;
    text-align: left;
    border-bottom: 1px solid #EEE
}

#column_LF .cat_column a {
    display: inline-table;
    font-size: 15px;
    width: 150px;
    vertical-align: top;
    text-align: center;
    margin-left: -1px
}

#column_LF .cat_column a span {
    display: table-cell;
    color: #777;
    border: 1px solid #EEE;
    height: 100px;
    vertical-align: middle;
    padding: 0 10px;
    word-break: break-word
}

#column_LF .cat_column a:hover span {
    position: relative;
    background: #F9F9F9;
    z-index: 999;
    color: #000
}

#column_LF .cat_column a:first-child {
    background: none
}

#column_LF .cat_column a.nobd {
    background: none
}

#column_LF .cat_column a.btn_columnist_apply {
    position: relative
}

#column_LF .cat_column a.btn_columnist_apply p {
    width: 25px;
    height: 14px;
    background: url('https://cdn.ibos.kr/images/iboss_icon_application.png') no-repeat;
    background-position: 0 -17px;
    text-indent: -999em;
    margin: 0 auto
}

#column_LF .cat_column div {
    margin-top: -1px
}

#column_LF .cat_column div:first-child {
    margin-top: 0
}

#column_LF .cat_column div a:first-child {
    margin-left: 0
}

#column_LF .btn_write {
    display: inline-block;
    width: 150px;
    margin: 20px 5px;
    border: 1px solid #DDD;
    padding: 0 25px;
    line-height: 34px;
    color: #666;
    font-size: 13px
}

#column_LF .btn_write:hover {
    background: #f5f5f5;
    color: #777
}

#column_LF .btn_write.columnist {
    width: 110px;
    padding: 0;
    background: #F9F9F9
}

#column_LF .btn_write.columnist:hover {
    border-color: #AAA;
    color: #000
}

#column_LF .btn_write.admin {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px
}

#column_LF .editor {
    margin-bottom: 100px
}

#column_LF .editor h5 {
    width: 320px;
    margin: 0 auto;
    border: 1px solid #DDD;
    border-width: 1px 0;
    font-size: 17px;
    text-align: center;
    color: #1c1c1c;
    padding: 17px 0;
    font-weight: normal
}

#column_editor_box {
    overflow: hidden;
    position: relative;
    margin: 50px 20px 0px
}

#column_editor_roll {
    overflow: hidden;
    height: 212px
}

#column_editor_box .bx-prev {
    margin: 0px 15px 0px 0px;
    background: url(/images/agency_dir_btn_pre.png) no-repeat
}

#column_editor_box .bx-next {
    background: url(/images/agency_dir_btn_next.png) no-repeat
}

#column_editor_box .bx-controls-direction {
    margin-top: 15px;
    text-align: center
}

#column_editor_box .bx-controls-direction a {
    display: inline-block;
    width: 33px;
    height: 33px;
    text-indent: 9999px
}

#column_LF .editor .slide {
    vertical-align: top;
    font-size: 14px;
    text-align: center
}

#column_LF .editor .slide p {
    color: #AAA
}

#column_LF .editor .slide strong {
    display: block;
    padding: 10px 0
}

#column_LF .editor .apply_columnist {
    float: right !important;
    width: 210px;
    border-left: 2px solid #E6E7E8;
    text-align: center;
    margin-left: 20px
}

#column_LF .editor .apply_columnist p {
    font-size: 15px;
    line-height: 22px;
    padding: 7px 0
}

#column_LF .editor .apply_columnist a:hover {
    color: inherit
}

#column_LF .editor .apply_columnist a:hover span {
    color: #639;
    text-decoration: underline
}

#column_LF .editor .apply_columnist span {
    display: inline-block;
    border: 1px solid #363636;
    padding: 7px 15px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer
}

#column_LF .editor .apply_columnist span img {
    padding-left: 12px
}

.column_list h5 {
    border: 1px solid #DDD;
    border-width: 1px 0;
    font-size: 17px;
    text-align: center;
    color: #1c1c1c;
    padding: 30px 0;
    font-weight: normal
}

.column_list .hash_tags {
    position: relative;
    padding: 20px 0px
}

.column_list .hash_tags a {
    display: inline-block;
    padding: 8px 20px;
    background: #F0F0F0;
    font-size: 12px;
    margin-right: 10px;
    color: #878787
}

.column_list .hash_tags a:hover {
    background: #e5e5e5;
    color: #666
}

.column_list .tag_sch {
    position: absolute;
    top: 20px;
    right: 0;
    width: 185px;
    border: 1px solid #DDD;
    padding: 3px 0
}

.column_list .tag_sch .tag_sch_box {
    height: 26px;
    line-height: 26px;
    margin-left: 15px;
    font-size: 14px;
    width: 100px;
    padding: 0 10px
}

.column_list .cell {
    overflow: hidden;
    position: relative;
    border-top: 1px solid #EEE
}

.column_list .cell a {
    display: block;
    padding: 50px 0
}

.column_list .cell a:hover .subject {
    text-decoration: underline
}

.column_list .cell a:hover .thumb_img img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all .2s ease-in-out
}

.column_list .thumb_img {
    float: left;
    margin-right: 25px;
    overflow: hidden
}

.column_list .thumb_img img {
    transition: all .2s ease-in-out
}

.column_list .info {
    margin-left: 257px
}

.column_list .subject {
    font-size: 17px;
    line-height: 18px;
    color: #000
}

.column_list .comment_1 {
    font-size: 14px;
    color: #999;
    padding: 15px 0;
    line-height: 21px
}

.column_list .count {
    position: relative;
    font-size: 14px;
    color: #999
}

.column_list .count em {
    display: inline-block;
    padding: 0 7px
}

.column_list .vote {
    position: absolute;
    top: 0;
    right: 5px;
    color: #FF4949
}

.column_list .empty {
    border-top: 1px solid #EEE
}

.column_list .empty a {
    display: block;
    width: 150px;
    margin: 0 auto;
    line-height: 38px;
    text-align: center;
    font-size: 15px;
    background: #e5e5e5;
    color: #454545
}

.column_list .empty p {
    display: block;
    font-size: 20px;
    color: #999;
    padding: 50px 0;
    text-align: center
}

#column_VF {
    position: relative
}

#column_VF .head {
    overflow: hidden;
    position: relative;
    height: 320px
}

#column_VF .head .wrap {
    position: absolute;
    width: 100%;
    z-index: 101;
    height: 100%;
    text-align: center
}

#column_VF .head .main_img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99
}

#column_VF .head .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: #000
}

#column_VF .head h3 {
    font-size: 32px;
    word-spacing: 0;
    line-height: 1.35;
    word-break: break-all;
    color: #FFF;
    padding-top: 100px;
    padding-bottom: 50px;
    text-shadow: 2px 2px 4px #333
}

#column_VF .head span {
    font-size: 15px;
    color: #FFF;
    padding: 3px 0;
    text-shadow: 1px 1px 2px #333
}

#column_VF .head span em {
    padding: 0 10px
}

#column_VF .head .prof_img img {
    width: 40px;
    height: 40px;
    margin-bottom: 15px
}

#column_VF .head .more_info {
    padding-top: 15px
}

#column_VF .head .more_info span {
    font-size: 13px
}

#column_VF .head .more_info span.total_cnt_cmt {
    cursor: pointer
}

#column_VF #BoardNavi {
    border: 0
}

#column_VF .goList {
    text-align: right;
    padding-bottom: 10px;
    position: absolute;
    top: 12px;
    right: 12px;
    font-size: 13px;
    border: 1px solid #FFF;
    text-align: center;
    line-height: 30px;
    padding: 2px 25px;
    color: #FFF
}

#column_VF .goList:hover {
    color: #333;
    background: #FFF
}

#column_VF .body {
    width: 650px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 32px;
    word-break: break-all;
    word-wrap: break-word;
    padding: 80px 25px 20px 25px
}

#column_VF .body p {
    line-height: 24pt
}

#column_VF .body p b {
    font-weight: 600
}

#column_VF .body p a {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    border-bottom: 3px solid #d9e7ff;
    box-shadow: inset 0 -4px 0 #d9e7ff;
    -webkit-transition: background .15s cubic-bezier(.33,.66,.66,1);
    transition: background .15s cubic-bezier(.33,.66,.66,1)
}

#column_VF .body p a:hover {
    background: #d9e7ff;
    color: inherit
}

#column_VF .body p.caption {
    text-align: center;
    font-size: 10pt !important;
    color: #666;
    line-height: 18px !important;
    padding-top: 5px
}

#column_VF .body p.caption span {
    font-size: 10pt !important;
    color: #666
}

#column_VF .body u {
    text-decoration: none;
    border-bottom: 1px solid
}

#column_VF .body img {
    max-width: 650px;
    height: auto
}

#column_VF .body ul {
    padding-left: 45px
}

#column_VF .body ul li {
    list-style: disc
}

#column_VF .body ul li a {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    border-bottom: 3px solid #d9e7ff;
    box-shadow: inset 0 -4px 0 #d9e7ff;
    -webkit-transition: background .15s cubic-bezier(.33,.66,.66,1);
    transition: background .15s cubic-bezier(.33,.66,.66,1)
}

#column_VF .body ul li a:hover {
    background: #d9e7ff;
    color: inherit
}

#column_VF .body p a:hover {
    background: #d9e7ff;
    color: inherit
}

#column_VF .body table tr td {
    padding: 10px 20px
}

#column_VF .body table tr td p {
    font-size: 10pt;
    line-height: 24px !important
}

#column_VF .body table tr td p b {
    font-weight: 600;
    font-size: 15px
}

#column_VF .body figure {
    width: auto !important;
    margin: 1em 0
}

#column_VF .body figure img {
    margin-bottom: 0
}

#column_VF .body figure .caption {
    font-size: 10pt;
    color: #999;
    text-align: center
}

#column_VF .body figure .caption span {
    font-size: 10pt !important;
    color: #999 !important;
    text-align: center !important
}

#column_VF .body table.table {
    border-collapse: collapse
}

#column_VF .body table.table tbody tr td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    font-size: 11pt
}

#column_VF .body table.table-bordered {
    border: 1px solid #DDD
}

#column_VF .body table.table-bordered tbody tr td {
    border: 1px solid #DDD
}

#column_VF .body table.table.table-bordered {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

#column_VF .body img.note-float-center {
    display: block;
    margin: 0 auto
}

#column_VF .body h1, #column_VF .body h3 {
    font-size: 32px;
    font-weight: normal;
    margin: 20px 0
}

#column_VF .body h2, #column_VF .body h4 {
    font-size: 24px;
    font-weight: normal;
    margin: 10px 0
}

#column_VF .body h3, #column_VF .body h5 {
    font-size: 18px;
    font-weight: normal;
    margin: 10px 0;
    line-height: 1.4
}

#column_VF .hashtagcover {
    position: relative;
    width: 650px;
    margin: 0 auto
}

#column_VF .hash_tags {
    position: relative;
    margin-bottom: 70px
}

#column_VF .hash_tags a {
    display: inline-block;
    padding: 8px 20px;
    background: #F0F0F0;
    font-size: 13px;
    margin: 0 10px 10px 0;
    color: #448AFF;
    font-weight: 600
}

#column_VF .hash_tags a:hover {
    background-color: #e5e5e5;
    text-decoration: underline
}

#column_VF .columnist_detail {
    position: relative;
    width: 650px;
    margin: 0 auto 30px auto;
    border-top: 1px solid #DDD;
    padding-top: 20px
}

#column_VF .columnist_detail:after {
    content: '';
    display: block;
    clear: both
}

#column_VF .columnist_detail .wrap {
    overflow: hidden
}

#column_VF .columnist_detail .profile_img {
    float: left;
    width: 64px;
    padding-right: 25px
}

#column_VF .columnist_detail .profile_img img {
    width: 62px;
    height: 62px;
    border: 1px solid #EEE
}

#column_VF .columnist_detail .pr_bn {
    display: block;
    margin: 20px 0
}

#column_VF .description {
    position: relative;
    float: left;
    width: 561px
}

#column_VF .description .expert {
    padding: 0 3px;
    margin-left: 5px;
    letter-spacing: -1px;
    line-height: 17px;
    color: #fff;
    background: #6F7198
}

#column_VF .description p {
    font-size: 13px;
    color: #333;
    line-height: 22px
}

#column_VF .description p a {
    display: inline-block;
    color: inherit
}

#column_VF .description p a:hover span {
    text-decoration: underline
}

#column_VF .description strong {
    display: inline-block;
    font-size: 17px;
    margin-bottom: 15px
}

#column_VF .description strong + span {
    color: #999;
    font-size: 14px;
    padding-left: 10px
}

#column_VF .description strong .conect_nick:hover {
    color: #454545;
    text-decoration: underline
}

#column_VF .description strong .MinfoPop {
    font-size: 12px
}

#column_VF .description .btn_go_expert {
    position: absolute;
    top: 0;
    right: 0;
    background: #448aff;
    color: #FFF;
    padding: 10px 20px;
    font-size: 16px
}

#column_VF .description .liner {
    border-top: 1px solid #EEE;
    margin-top: 20px
}

#column_VF .hashtagcover .subscrib {
    position: absolute;
    top: 0;
    right: 0
}

#column_VF .subscrib_btn {
    position: relative;
    width: 130px;
    height: 32px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    background: #448aff;
    color: #fff;
    cursor: pointer
}

#column_VF .subscrib_box {
    display: none;
    position: absolute;
    z-index: 10;
    width: 260px;
    padding: 20px;
    bottom: -132px;
    right: 0;
    background: #FFF;
    border: 1px solid #CCCCCC;
    text-align: left;
    background: #FFF;
    box-shadow: 5px 5px 5px #cccccc
}

#column_VF .subscrib_box p {
    font-size: 12px;
    line-height: 19px;
    font-weight: 600;
    margin-bottom: 15px
}

#column_VF .subscrib_box div input {
    height: 33px;
    line-height: 30px
}

#column_VF .subscrib_box div input:first-child {
    border: 1px solid #CCC;
    padding-left: 10px;
    width: 180px;
    height: 31px
}

#column_VF .subscrib_box div input.subs_btn {
    width: 65px;
    cursor: pointer;
    margin-left: -4px;
    background: #448aff;
    color: #FFF
}

#column_VF .column_more {
    overflow: hidden;
    width: 590px;
    margin: 0 auto 30px auto;
    border: 5px solid #EEE;
    padding-bottom: 20px;
    padding: 15px 25px
}

#column_VF .column_more .title {
    display: block;
    font-size: 15px;
    padding: 10px 0 13px 0
}

#column_VF .column_more .wrap {
    overflow: hidden
}

#column_VF .column_more .cell {
    float: left;
    width: 301px
}

#column_VF .column_more .cell a {
    display: block;
    color: #676767
}

#column_VF .column_more .cell a:hover {
    text-decoration: underline
}

#column_VF .column_more .cell a > img {
    display: none
}

#column_VF .column_more .cell.num_1 {
    float: left;
    width: 232px;
    padding-right: 25px;
    margin-right: 25px;
    border-right: 1px solid #EEE
}

#column_VF .column_more .cell.num_1 a > img {
    display: block;
    padding-bottom: 10px
}

#column_VF .column_more .cell.num_1 em {
    display: none
}

#column_VF .column_more .subject {
    display: block;
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 12px
}

#column_VF .column_more .subject em {
    display: inline-block;
    font-style: normal;
    padding-right: 5px
}

#column_VF .writer_profile {
    width: 650px;
    margin: 0 auto 20px auto;
    text-align: center
}

#column_VF .writer_profile > strong {
    display: block;
    text-align: left;
    font-size: 15px;
    padding-top: 20px;
    color: #639
}

#column_VF .writer_profile .wrap {
    background: #F9F8FA;
    padding: 15px;
    border: 1px solid #EAEAEA
}

#column_VF .writer_profile .writer_name {
    font-size: 15px;
    padding: 10px 0
}

#column_VF .writer_profile .MEU_int {
    font-size: 12px;
    line-height: 1.7;
    word-break: break-all;
    color: #000;
    text-align: justify;
    max-height: 80px;
    padding-right: 20px
}

#column_VF .writer_profile .prof_img img {
    width: 40px;
    height: 40px
}

#column_VF .writer_profile .RelationArticle {
    margin-top: 10px
}

#column_VF .writer_profile .RelationArticle .cell a {
    display: block;
    text-align: left;
    font-size: 13px;
    padding: 5px 10px
}

#column_VF .writer_profile .RelationArticle .cell a:hover {
    color: inherit
}

#column_VF .writer_profile .RelationArticle .cell a:hover .title {
    text-decoration: underline;
    color: #448AFF
}

#column_VF .writer_profile .RelationArticle .cell .serial_num {
    display: inline-block;
    width: 30px;
    text-align: center;
    border: 1px solid #e0e0e0;
    padding: 3px 0;
    font-size: 12px;
    margin-right: 9px;
    font-weight: 600
}

#column_VF .writer_profile .RelationArticle .cell .title em {
    font-style: normal;
    color: #e55757
}

#column_VF .writer_profile .RelationArticle .cell .cnt {
    float: right;
    line-height: 22px;
    font-size: 12px;
    width: 85px;
    text-align: right
}

#column_VF .writer_profile .RelationArticle .cell .cnt em {
    font-style: normal
}

#column_VF .total_cnt {
    width: 650px;
    margin: 0 auto
}

#column_VF .total_cnt p {
    font-size: 18px;
    padding-bottom: 15px
}

#column_VF .total_cnt p span {
    color: #639;
    padding-left: 5px
}

#column_VF .SNS_share ul {
    overflow: hidden;
    text-align: center;
    padding: 10px 0 25px 0
}

#column_VF .SNS_share ul li {
    width: 40px;
    float: none;
    display: inline-block;
    margin: 0
}

#column_VF_cmt {
    position: relative;
    width: 650px;
    margin: 0 auto
}

#column_VF_cmt #cmt_wf {
    border-top: 1px solid #E0E0E0
}

#column_VF_cmt #cmt_wf .cmt_wf_wrap .cmt_input .AB-cmt-wrap textarea {
    width: 608px;
    resize: none !important;
    border-color: #EEE !important;
    box-shadow: none;
    padding: 20px
}

#column_VF_cmt #cmt_wf .cmt_wf_wrap {
    border: 0;
    background: none;
    padding: 25px 0 12px 0
}

#column_VF_cmt #cmt_wf .cmt_input_back_img {
    background-position: 15px 10px
}

#column_VF_cmt #cmt_wf .comment_btn {
    background: #E0E0E0;
    color: #1c1c1c;
    border: 0;
    width: 100px !important;
    line-height: 30px;
    height: 30px !important
}

#column_VF_cmt #cmt_wf .cmt_wf_wrap .cmt_input .cmt_submit_btn {
    position: relative
}

#column_VF_cmt #cmt_wf .cmt_wf_wrap .cmt_input .cmt_submit_btn input {
    background: #797D84;
    width: 100px!important;
    height: 30px!important;
    line-height: 30px;
    border-radius: 0!important;
    color: #fff
}

#column_VF_cmt #cmt_wf .cmt_wf_wrap .btn_emoji {
    bottom: 24px
}

#column_VF_cmt form[id^="TCBOARD_comment_MODIFY"] .AB_cmt_reply_depth_2 #cmt_wf .cmt_wf_wrap .cmt_input .AB-cmt-wrap textarea {
    width: 522px!important;
    margin-bottom: -2px
}

#column_VF_cmt #cmt_wf .cmt_wf_wrap .cmt_input .AB-cmt-wrap.recmt textarea {
    width: 455px!important
}

#column_VF_cmt #cmt_wf .cmt_wf_wrap .cmt_input .cmt_submit_btn.recmt {
    width: 475px!important
}

#column_VF_cmt #cmt_wf .cmt_wf_wrap .cmt_input .AB-cmt-wrap.recmt .cmt_cancel_btn {
    top: 67px
}

#column_VF_cmt form[id^="TCBOARD_comment_MODIFY"] .AB_cmt_reply_depth_ #cmt_wf .cmt_wf_wrap {
    padding: 0
}

#column_VF_cmt form[id^="TCBOARD_comment_MODIFY"] .AB_cmt_reply_depth_ #cmt_wf, #column_VF_cmt form[id^="TCBOARD_comment_MODIFY"] .AB_cmt_reply_depth_1 #cmt_wf, #column_VF_cmt form[id^="TCBOARD_comment_MODIFY"] .AB_cmt_reply_depth_2 #cmt_wf {
    border-top: 0
}

#column_VF_cmt form[id^="TCBOARD_comment_MODIFY"] .AB_cmt_reply_depth_ #cmt_wf .cmt_wf_wrap .cmt_input .AB-cmt-wrap textarea {
    width: 584px!important;
    margin-bottom: -2px!important
}

#column_VF_cmt form[id^="TCBOARD_comment_MODIFY"] .AB_cmt_reply_depth_ #cmt_wf .cmt_submit_btn {
    width: 604px!important
}

#column_VF_cmt form[id^="TCBOARD_comment_MODIFY"] .AB_cmt_reply_depth_ #cmt_wf .btn_emoji.bd_R3, #column_VF_cmt form[id^="TCBOARD_comment_MODIFY"] .AB_cmt_reply_depth_1 #cmt_wf .btn_emoji.bd_R3 {
    right: 125px;
    bottom: 12px
}

#column_VF_cmt form[id^="TCBOARD_comment_MODIFY"] .AB_cmt_reply_depth_1 #cmt_wf .cmt_wf_wrap {
    padding: 0
}

#column_VF_cmt form[id^="TCBOARD_comment_MODIFY"] .AB_cmt_reply_depth_1 #cmt_wf .cmt_wf_wrap .cmt_input .AB-cmt-wrap textarea {
    width: 550px !important;
    margin-bottom: -2px
}

#column_VF_cmt form[id^="TCBOARD_comment_MODIFY"] .AB_cmt_reply_depth_1 #cmt_wf .cmt_submit_btn {
    width: 570px!important
}

#column_VF_cmt form[id^="TCBOARD_comment_MODIFY"] .AB_cmt_reply_depth_2 #cmt_wf .cmt_wf_wrap .cmt_input .AB-cmt-wrap textarea {
    width: 562px !important;
    padding: 0
}

#column_VF_cmt form[id^="TCBOARD_comment_MODIFY"] .cmt_cancel_btn {
    top: -45px
}

.frm label {
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: #898d97;
    letter-spacing: -1px
}

.frm .item {
    position: relative;
    margin-bottom: 15px
}

.frm .item input {
    width: 363px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    font-size: 15px;
    color: #61646d
}

.frm .item select {
    width: 385px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    font-size: 15px;
    color: #61646d;
    cursor: pointer;
    border-color: #d6d6d6
}

.frm .item textarea {
    width: 363px;
    resize: none;
    padding: 10px;
    font-size: 15px;
    color: #61646d
}

.frm .input {
    margin-left: 115px
}

.frm .e_txt {
    margin-left: 115px;
    font-size: 14px;
    color: #ff7979
}

.frm:after {
    display: block;
    content: "";
    clear: both
}

.itemC .c_txt {
    margin-left: 40px;
    font-size: 18px;
    color: #a6a7ac
}

.itemC .c_txt span {
    padding-right: 15px
}

.itemC .c_txt input {
    width: 20px;
    height: 25px;
    margin: 0px 7px 0px 0px
}

.itemC .c_txt label {
    padding-right: 35px;
    font-size: 16px;
    color: #fff
}

.frm_scroll img {
    cursor: pointer
}

.db_txt {
    width: 385px;
    color: #a6a7ac;
    float: right
}

.db_txt .db_txt_box {
    overflow-y: scroll;
    height: 80px;
    margin-bottom: 10px;
    border: 1px solid #e0e0e0;
    background: #fff
}

.db_txt .db_txt_box p {
    padding: 10px 20px;
    color: #131b2e
}

#mkt_resource .head {
    background: url('https://cdn.ibos.kr/images/p3207_top_bg.png') repeat-y;
    background-size: 100%;
    text-align: center;
    height: 150px
}

#mkt_resource .head p {
    color: #FFF;
    font-size: 15px
}

#mkt_resource .head h3 a {
    display: inline-block;
    font-size: 26px;
    padding-top: 36px;
    padding-bottom: 10px;
    color: #FFF
}

#mkt_resource .searchBox input {
    background: none;
    font-size: 14px;
    vertical-align: middle
}

#mkt_resource .searchBox .sbox {
    width: 250px;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 8px
}

#mkt_resource .filter {
    border-bottom: 1px solid #EEE
}

#mkt_resource .filter ul {
    width: 1280px;
    margin: 0 auto
}

#mkt_resource .filter ul li {
    display: inline-block;
    border-right: 1px solid #EEE;
    width: 168px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    font-size: 14px;
    vertical-align: top;
    cursor: pointer
}

#mkt_resource .filter ul li:first-child {
    border-left: 1px solid #EEE
}

#mkt_resource .filter ul li i.fa-caret-down {
    font-size: 12px;
    color: #333;
    margin-left: 12px
}

#mkt_resource .filter ul li.w2 i {
    letter-spacing: 0;
    font-size: 16px;
    color: #999
}

#mkt_resource .filter ul li.w2 {
    width: 72px
}

#mkt_resource .filter ul li.w2:hover {
    background: #F9F9F9
}

#mkt_resource .filter ul li.w2.active i {
    color: #FF4949
}

#mkt_resource .filter dl {
    display: none;
    background: #FFF;
    border: 1px solid #C0C0C0;
    padding: 12px 0;
    position: relative;
    z-index: 99
}

#mkt_resource .filter dl dd {
    line-height: 38px;
    font-size: 13px
}

#mkt_resource .filter dl dd a {
    display: block
}

#mkt_resource .filter dl dd:hover {
    background: #FAFAFA
}

#mkt_resource .cont {
    overflow: hidden;
    width: 1280px;
    margin: 20px auto 0 auto
}

#mkt_resource .cont > div {
    float: left
}

#mkt_resource .sub-nav {
    border: 1px solid #EEE;
    width: 128px;
    margin-right: 20px;
    padding: 40px 20px 50px 20px;
    border-radius: 20px;
    background: #f9f9f9
}

#mkt_resource .sub-nav a {
    display: block
}

#mkt_resource .sub-nav a:hover span {
    text-decoration: underline
}

#mkt_resource .sub-nav p {
    font-weight: 600;
    font-size: 15px;
    padding-bottom: 20px;
    color: #333
}

#mkt_resource .sub-nav span {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 32px;
    line-height: 16px;
    word-break: break-all;
    margin-top: 8px;
    letter-spacing: 0;
    color: #454545;
    font-size: 13px
}

#mkt_resource .sub-nav .list {
    margin-bottom: 30px
}

#mkt_resource .sub-nav .thumb {
    width: 126px;
    height: 59px;
    border-radius: 5px
}

#mkt_resource .main {
    width: 1088px;
    margin-bottom: 20px
}

#mkt_resource .main .wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 70px 30px
}

#mkt_resource .cell {
    position: relative;
    background: #FFF
}

#mkt_resource .cell a {
    overflow: hidden;
    display: block
}

#mkt_resource .cell a:hover .title strong, #mkt_resource .cell a:hover .title span {
    text-decoration: underline
}

#mkt_resource .cell .thumb a {
    height: 192px;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.05);
    border-radius: 8px;
    position: relative
}

#mkt_resource .cell .thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%,-50%);
    object-fit: cover
}

#mkt_resource .cell .banner img {
    width: 100%;
    height: auto;
    border-radius: 8px
}

#mkt_resource .cell span {
    display: inline-block;
    color: #999;
    font-size: 12px
}

#mkt_resource .cell span em {
    font-style: normal;
    padding-left: 3px
}

#mkt_resource .cell span.spacer {
    padding: 0 7px;
    color: #E0E0E0
}

#mkt_resource .cell span.cnt_attached_file em {
    color: #448AFF;
    padding-left: 7px;
    display: inline-block
}

#mkt_resource .cell span.cnt_comment em {
    color: #369
}

#mkt_resource .cell span.hot {
    color: #FFF;
    background: #f38f18;
    line-height: 20px;
    position: absolute;
    top: 10px;
    left: 20px;
    padding: 0 7px
}

#mkt_resource .cell .title img {
    position: relative;
    top: -4px;
    margin-left: 7px
}

#mkt_resource .cell .title strong {
    font-size: 18px;
    margin-bottom: 16px;
    font-weight: bold;
    color: #000;
    letter-spacing: -0.5px
}

#mkt_resource .cell .title strong span {
    color: #448AFF !important;
    font-weight: inherit !important
}

#mkt_resource .cell .title span {
    color: #FF4949;
    font-size: 15px
}

#mkt_resource .cell .comment_1 {
    font-size: 13px;
    color: #878787;
    padding-bottom: 10px
}

#mkt_resource .cell .info {
    padding: 16px 0
}

#mkt_resource .cell .likencmt {
    position: absolute;
    top: 130px;
    right: 10px;
    background: #FFF;
    padding: 0 7px;
    line-height: 20px
}

#mkt_resource .cell .likencmt i {
    color: #FF4949
}

#mkt_resource .cell .likencmt em {
    color: #FF4949
}

#mkt_resource .cell .src {
    padding-top: 12px
}

#mkt_resource .cell .src .date {
    float: right
}

#mkt_resource .cell .src i {
    margin-right: 3px
}

#mkt_resource .cell .src a {
    display: inline-block;
    overflow: visible;
    color: #666
}

#mkt_resource .cell .src a:hover {
    text-decoration: underline
}

#mkt_resource .null {
    min-height: 500px;
    line-height: 500px
}

#mkt_resource .null p {
    font-size: 23px;
    color: #999;
    text-align: center
}

#mkt_resource .reference {
    border: 1px solid #EEE;
    width: 1088px;
    margin-left: 190px;
    margin-bottom: 50px;
    border-radius: 20px
}

#mkt_resource .reference ul {
    padding: 40px 50px;
    overflow: hidden
}

#mkt_resource .reference ul li {
    float: left;
    width: 183px;
    height: 60px;
    line-height: 58px;
    text-align: center;
    margin: 0 14px 14px 0
}

#mkt_resource .reference ul li a {
    display: block;
    border: 1px solid #EEE;
    border-radius: 10px
}

#mkt_resource .reference ul li a:hover {
    border-color: #999
}

#mkt_resource .reference ul li img {
    max-height: 50px;
    max-width: 120px;
    width: auto;
    height: auto
}

#mkt_resource .reference p {
    font-weight: 600;
    font-size: 15px;
    padding-bottom: 20px;
    color: #333
}

#mkt_resource_filter {
    border: 1px solid #CCC
}

#mkt_resource_vf {
    background: #F4F3F4;
    padding-top: 40px
}

#mkt_resource_vf .contWrap {
    overflow: hidden;
    width: 1170px;
    margin: 0 auto
}

#mkt_resource_vf .contWrap > div {
    float: left;
    background: #FFF
}

#mkt_resource_vf .leftMain {
    width: 850px
}

#mkt_resource_vf .rightSub {
    width: 300px;
    height: 100px
}

#personalized_alert {
    position: fixed;
    right: 20px;
    bottom: 20px;
    text-align: right;
    z-index: 999
}

#personalized_alert .text {
    padding: 20px;
    font-size: 15px;
    border: 2px solid #EEE;
    background: #FCFCFC;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 10px
}

#personalized_alert .text p {
    padding: 5px 0;
    text-align: left;
    margin-right: 80px
}

.LoginWrap {
    margin-bottom: 12px;
    background: #FFF;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#Login_Form .Unlogged .frm {
    position: relative;
    height: 124px;
    padding: 12px 0px;
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    align-items: center;
    box-sizing: border-box
}

#Login_Form .Unlogged .Logged {
    height: 47px
}

#Login_Form .Unlogged .SNS {
    display: flex;
    justify-content: center
}

#Login_Form .l_iboss .InputFrm_wrap {
    display: block
}

#Login_Form .InputFrm_wrap {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 124px;
    z-index: 10;
    background: #fff
}

#Login_Form .InputFrm {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 20px 0
}

#Login_Form .InputFrm .Input-idpw input {
    display: block;
    height: 40px;
    width: 200px;
    border: 1px solid #E0E0E0;
    font-size: 15px;
    font-weight: 600;
    padding: 0 12px;
    border-radius: 4px;
    box-sizing: border-box;
    color: #000;
    background-color: #F8F8F8
}

#Login_Form .InputFrm .Input-idpw input[type=password] {
    margin-top: 4px
}

#Login_Form .InputFrm .submit input {
    width: 100px;
    height: 84px;
    background-color: #333;
    cursor: pointer;
    color: #FFF;
    font-weight: 600;
    font-size: 16px;
    border-radius: 8px
}

#Login_Form .InputFrm .btn_close {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    cursor: pointer;
    color: #999;
    font-size: 18px
}

#Login_Form .Unlogged .tit {
    font-size: 13px;
    color: #999;
    text-align: center
}

#Login_Form .Unlogged .SNS > div {
    float: left;
    position: relative;
    width: 18%;
    margin-right: 3px;
    text-align: center;
    cursor: pointer
}

#Login_Form .Unlogged .toggle {
    display: none;
    position: absolute;
    top: -28px;
    height: 21px;
    border-radius: 3px;
    background: #454545;
    opacity: 0.8
}

#Login_Form .Unlogged .toggle em {
    display: block;
    padding-bottom: 3px;
    line-height: 21px;
    font-size: 11px;
    font-family: "Dotum";
    font-style: normal;
    color: #fff;
    background-image: url(/images/level_gage_arrow_161005.png);
    background-repeat: no-repeat;
    background-position: 24px 21px
}

#Login_Form .Unlogged .SNS > div:hover .toggle {
    display: block;
    z-index: 999
}

#Login_Form .Unlogged .s_naver.on > span {
    border-color: #1ac700;
    background: #1ac700
}

#Login_Form .Unlogged .s_naver:hover .toggle {
    left: 0px;
    width: 126px
}

#Login_Form .Unlogged .s_facebook.on > span {
    border-color: #3b579d;
    background: #3b579d
}

#Login_Form .Unlogged .s_facebook:hover .toggle {
    left: 0px;
    width: 136px
}

#Login_Form .Unlogged .s_google.on > span {
    border-color: #ea4538;
    background: #ea4538
}

#Login_Form .Unlogged .s_google:hover .toggle {
    left: 0px;
    width: 115px
}

#Login_Form .Unlogged .s_kakao.on > span {
    border-color: #ffeb00;
    background: #ffeb00
}

#Login_Form .Unlogged .s_kakao:hover .toggle {
    right: -35px;
    width: 136px
}

#Login_Form .Unlogged .s_kakao:hover .toggle em {
    background-position: 72px 21px
}

#Login_Form .Unlogged .s_email.on > span {
    border-color: #666;
    background: #666
}

#Login_Form .Unlogged .s_email:hover .toggle {
    right: 0px;
    width: 152px
}

#Login_Form .Unlogged .s_email:hover .toggle em {
    background-position: 123px 21px
}

#Login_Form .Unlogged .SNS > div > span, #Login_Form .Unlogged .SNS > div > a {
    display: block;
    height: 30px;
    line-height: 28px;
    border: 1px solid #eaeaea
}

#Login_Form .Unlogged .Btn {
    overflow: hidden;
    line-height: 12px;
    text-align: center
}

#Login_Form .Unlogged .Btn a, #Login_Form .Unlogged .Btn .btn_close {
    padding: 0px 8px;
    font-size: 14px;
    font-weight: 300
}

#Login_Form .Unlogged .Btn a:hover, #Login_Form .Unlogged .Btn .btn_close:hover {
    color: #448aff
}

#Login_Form .Unlogged .Btn a+a {
    border-left: 1px solid #eee;
    color: #666
}

#Login_Form .Unlogged .Btn .btn_close {
    display: none;
    border-left: 1px solid #eee;
    color: #e55757;
    cursor: pointer
}

.accountForGuest {
    height: 124px;
    padding: 12px 0px;
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    align-items: center;
    box-sizing: border-box;
    gap: 8px
}

.accountForGuest .tit {
    font-size: 13px;
    color: #999;
    text-align: center
}

.accountForGuest .Btn {
    display: flex;
    gap: 16px;
    justify-content: center
}

.accountForGuest .Btn a {
    font-size: 14px;
    font-weight: 300
}

.accountForGuest .Btn a:hover {
    color: #4c06cd;
    font-weight: 500;
    transition: color .2s ease,color .1s ease
}

#btnLoginForGeust {
    font-size: 16px;
    color: #FFF;
    background: #5707eb;
    display: block;
    margin: 0 24px;
    border-radius: 8px;
    line-height: 26px;
    text-align: center;
    padding: 8px 0;
    box-sizing: border-box;
    font-weight: 500
}

#btnLoginForGeust:hover {
    background: #4c06cd;
    transition: background .2s ease,color .1s ease
}

#Login_Form .l_iboss .Btn .btn_close {
    display: inline
}

#Login_Form .Logged {
    font-size: 14px;
    padding: 20px 20px 12px
}

#Login_Form .Logged .user-info {
    display: flex;
    justify-content: space-between
}

#Login_Form .Logged .user-info > div {
    display: flex;
    align-items: center
}

#Login_Form .Logged .user-info .setting {
    font-size: 12px;
    color: #AAA;
    margin-left: 4px
}

#Login_Form .Logged .nickname {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    letter-spacing: -0.4px
}

#Login_Form .Logged .LogOut {
    border: 1px solid #E0E0E0;
    color: #6c6c6c;
    width: 70px;
    height: 24px;
    letter-spacing: -1px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    font-weight: 500
}

#Login_Form .Logged .nickname .biz {
    font-size: 12px;
    width: 15px;
    line-height: 17px;
    margin: 3px 0 0 5px;
    padding: 0 3px;
    background: #0093D1
}

#Login_Form .Logged .nickname a {
    float: left
}

#Login_Form .Logged .nickname a:hover {
    color: inherit
}

#Login_Form .Logged .nickname p {
    float: left
}

#Login_Form .Logged a.biz {
    margin-top: 4px;
    background: url('https://cdn.ibos.kr/images/iboss_nickname_tag.png') no-repeat;
    background-position: -33px 0;
    width: 22px;
    height: 14px;
    text-indent: -999em;
    display: block;
    margin-left: 5px;
    float: left
}

#Login_Form .Logged a.expert {
    margin-top: 4px;
    background: url('https://cdn.ibos.kr/images/iboss_nickname_tag.png') no-repeat;
    width: 32px;
    height: 14px;
    text-indent: -999em;
    display: block;
    margin-left: 3px;
    float: left
}

#Login_Form .Logged .states {
    display: flex;
    align-items: center;
    margin: 12px 0 4px 0
}

#Login_Form .Logged .states a {
    display: block;
    height: 18px;
    line-height: 18px
}

#Login_Form .Logged .states .plus-ico {
    display: flex;
    justify-content: center;
    align-items: center
}

#Login_Form .Logged .states .plus-ico img {
    height: 18px
}

#Login_Form .Logged .states .non-plus {
    display: flex;
    align-items: center;
    gap: 4px
}

#Login_Form .Logged .states .non-plus img {
    width: 16px
}

#Login_Form .Logged .states .non-plus span {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.4px;
    color: #6b7684
}

#Login_Form .Logged .states .my-litter, #Login_Form .Logged .states .my-cash {
    color: #8b95a1;
    font-size: 12px;
    letter-spacing: -0.4px;
    font-weight: bold;
    line-height: 18px
}

#Login_Form .Logged .states .my-litter strong, #Login_Form .Logged .states .my-cash strong {
    font-size: 14px;
    color: #6b7684;
    display: inline-block;
    margin-right: 2px
}

#Login_Form .Logged .states .my-litter::before, #Login_Form .Logged .states .my-cash::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 8px;
    background: #E0E0E0;
    margin: 0 16px
}

#QuickMenu {
    display: flex;
    justify-content: space-around;
    border-top: 1px solid #F5F5F5;
    margin: 0 20px;
    height: 46px
}

#QuickMenu.direct-link a {
    font-size: 14px;
    text-align: center;
    display: block;
    line-height: 40px;
    font-weight: 600;
    width: 100%;
    color: #000;
    position: relative
}

#QuickMenu.direct-link a:first-child {
    border-left: 0
}

#QuickMenu.direct-link a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
    width: 1px;
    height: 8px;
    background: #E0E0E0
}

#QuickMenu.direct-link a:first-child::before {
    content: none
}

.mb_layer {
    display: none;
    position: absolute;
    top: 100px;
    left: 0;
    width: 300px;
    background: #FFF;
    z-index: 99
}

.mb_layer > div {
    display: none;
    overflow-y: auto;
    height: 234px;
    padding: 10px 5px;
    border: 1px solid #EAEAEA;
    border-top: 0
}

.mb_layer > div .msg_title {
    position: relative;
    padding-bottom: 7px
}

.mb_layer > div .msg_title p {
    font-size: 12px;
    font-weight: 600;
    color: #939;
    padding-left: 10px
}

.mb_layer > div .msg_title a {
    position: absolute;
    top: -2px;
    right: 0;
    font-size: 12px;
    color: #666;
    padding: 2px 5px
}

.mb_layer > div .cell {
    position: relative;
    border-top: 1px dotted #e5e5e5
}

.mb_layer > div .cell .new {
    position: absolute;
    top: 7px;
    left: 0;
    width: 5px;
    height: 5px;
    text-indent: -999em;
    background-image: url('https://cdn.ibos.kr/images/main_icon.png');
    background-position: 0px -179px;
    background-repeat: no-repeat
}

.mb_layer > div .cell .OLD {
    position: absolute;
    top: 7px;
    left: 0;
    width: 5px;
    height: 5px;
    text-indent: -999em;
    background: url('https://cdn.ibos.kr/images/main_icon.png') -6px -179px no-repeat
}

.mb_layer > div .cell .info {
    padding-left: 10px;
    color: #787878;
    font-size: 12px
}

.layer_alarm .cell {
    position: relative;
    border-top: 1px dotted #e5e5e5
}

.layer_alarm .cell a {
    display: block;
    overflow: hidden;
    padding: 10px;
    font-size: 12px;
    line-height: 18px;
    margin-right: 25px;
    letter-spacing: -1px
}

.layer_alarm .cell a > div {
    position: relative
}

.layer_alarm .cell a:hover {
    text-decoration: none
}

.layer_alarm .cell a:hover .text-ellipsis {
    text-decoration: underline
}

.layer_alarm .cell .info {
    padding-left: 10px;
    font-size: 11px
}

.layer_alarm .cell .info strong {
    padding-right: 10px;
    margin-right: 10px;
    font-weight: normal;
    background: url('https://cdn.ibos.kr/images/161031_best_05.png') center right no-repeat
}

.layer_alarm .cell .info .category_1 {
    font-weight: 600
}

.layer_alarm .cell .text-ellipsis {
    color: #333;
    font-size: 12px;
    margin-left: 10px
}

.layer_alarm .cell .new {
    position: absolute;
    top: 7px;
    left: 0;
    width: 5px;
    height: 5px;
    text-indent: -999em;
    background: url('https://cdn.ibos.kr/images/main_icon.png') 0 -179px no-repeat
}

.layer_alarm .cell .origin_article {
    margin-left: 10px;
    color: #999;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.layer_alarm .cell .btn_delete {
    position: absolute;
    top: 17px;
    right: 0px;
    cursor: pointer;
    padding: 2px 5px
}

.layer_alarm .all_delete, .layer_msg .all_delete {
    position: absolute;
    top: -2px;
    right: 48px;
    font-size: 11px;
    color: #894389;
    letter-spacing: -1px;
    padding: 0 5px;
    height: 20px;
    line-height: 20px
}

.layer_alarm .all_delete:hover, .layer_msg .all_delete:hover {
    text-decoration: underline;
    cursor: pointer
}

.layer_myarts .cell {
    position: relative;
    border-top: 1px dotted #e5e5e5
}

.layer_myarts .cell a {
    display: block;
    overflow: hidden;
    padding: 10px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -1px
}

.layer_myarts .cell a:hover {
    text-decoration: none
}

.layer_myarts .cell a:hover .text-ellipsis {
    text-decoration: underline;
    font-weight: 600
}

.layer_myarts .cell a > div {
    position: relative
}

.layer_myarts .cell .text-ellipsis {
    color: #333;
    font-size: 12px;
    margin-left: 10px
}

.layer_myarts .cell .info {
    padding-left: 10px;
    font-size: 11px;
    color: #787878
}

.layer_myarts .cell .info span {
    padding-right: 5px;
    margin-right: 5px;
    background: url('https://cdn.ibos.kr/images/161031_best_05.png') center right no-repeat
}

.layer_myarts .cell .info span em {
    font-style: normal;
    font-weight: 600
}

.layer_myarts .cell .comment em {
    color: #369
}

.layer_myarts .cell .count em {
    font-weight: normal !important
}

.layer_myarts .cell .info span.time {
    background: none;
    padding: 0;
    margin: 0
}

.layer_mycmt .cell {
    position: relative;
    border-top: 1px dotted #e5e5e5
}

.layer_mycmt .cell a {
    display: block;
    overflow: hidden;
    padding: 10px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -1px
}

.layer_mycmt .cell a:hover {
    text-decoration: none
}

.layer_mycmt .cell a:hover .text-ellipsis {
    text-decoration: underline;
    font-weight: 600
}

.layer_mycmt .cell a > div {
    position: relative
}

.layer_mycmt .cell .text-ellipsis {
    color: #333;
    font-size: 12px;
    margin-left: 10px
}

.layer_mycmt .cell .info {
    padding-left: 10px;
    font-size: 11px;
    color: #787878
}

.layer_mycmt .cell .info span {
    padding-right: 10px;
    margin-right: 10px;
    background: url('https://cdn.ibos.kr/images/161031_best_05.png') center right no-repeat
}

.layer_mycmt .cell .info span em {
    font-style: normal;
    font-weight: 600
}

.layer_mycmt .cell .comment em {
    color: #369
}

.layer_mycmt .cell .count em {
    font-weight: normal !important
}

.layer_mycmt .cell .info span.time {
    background: none;
    padding: 0;
    margin: 0
}

.layer_msg .cell a {
    display: block;
    padding: 10px;
    font-size: 12px;
    line-height: 18px
}

.layer_msg .cell a:after {
    content: '';
    display: block;
    clear: both
}

.layer_msg .cell a > div {
    float: left
}

.layer_msg .cell a:hover strong {
    color: initial
}

.layer_msg .cell a:hover .text-ellipsis {
    text-decoration: underline
}

.layer_msg .cell .profile {
    padding-top: 3px
}

.layer_msg .cell .profile img {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin-right: 10px
}

.layer_msg .cell .conts {
    width: 210px
}

.layer_msg .cell .conts strong {
    padding-right: 15px
}

.layer_msg .cell .conts .text-ellipsis {
    color: #545454;
    font-size: 13px
}

.layer_msg .cell .conts .chat_time {
    color: #999;
    font-size: 11px
}

.layer_msg .cell .conts .msg_cnt {
    position: absolute;
    top: 20px;
    right: 5px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    color: #FFF;
    background-color: #FF4949;
    font-weight: bold;
    font-size: 10px;
    padding: 2px
}

.layer_scrapbook .cell {
    position: relative;
    border-top: 1px dotted #e5e5e5
}

.layer_scrapbook .cell a {
    display: block;
    overflow: hidden;
    padding: 10px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -1px
}

.layer_scrapbook .cell a:hover {
    text-decoration: none
}

.layer_scrapbook .cell a:hover .text-ellipsis {
    text-decoration: underline;
    font-weight: 600
}

.layer_scrapbook .cell a > div {
    position: relative
}

.layer_scrapbook .cell .text-ellipsis {
    color: #333;
    font-size: 12px;
    margin-left: 10px
}

.layer_scrapbook .cell .info {
    padding-left: 10px;
    font-size: 11px;
    color: #787878
}

.layer_scrapbook .cell .info span {
    padding-right: 10px;
    margin-right: 10px;
    background: url('https://cdn.ibos.kr/images/161031_best_05.png') center right no-repeat
}

.layer_scrapbook .cell .info span em {
    font-style: normal;
    font-weight: 600
}

.layer_scrapbook .cell .comment em {
    color: #369
}

.layer_scrapbook .cell .count em {
    font-weight: normal !important
}

.layer_scrapbook .cell .info span.time {
    background: none;
    padding: 0;
    margin: 0
}

#adReview_LF .title {
    position: relative;
    background: url('https://cdn.ibos.kr/images/ad_review_title_bg.jpg') no-repeat;
    height: 250px;
    text-align: center
}

#adReview_LF .title h3 {
    font-size: 44px;
    color: #FFF
}

#adReview_LF .title p {
    font-size: 18px;
    color: #FFF;
    padding-top: 15px
}

#adReview_LF .title .wrap {
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 50%;
    margin-left: -221px
}

#adReview_LF .conts {
    position: relative;
    height: 387px;
    background: url('https://cdn.ibos.kr/images/ad_review_cont1_bg.jpg') no-repeat;
    margin-top: 25px;
    margin-bottom: 25px
}

#adReview_LF .conts > div {
    position: absolute;
    top: 50px;
    left: 50%;
    width: 510px;
    height: 290px;
    margin-left: -255px
}

#adReview_LF .conts > div a {
    display: block;
    text-align: center;
    padding: 30px
}

#adReview_LF .conts p {
    font-size: 15px;
    color: #666
}

#adReview_LF .conts span {
    display: block;
    font-size: 20px;
    color: #8A1AFF;
    padding-bottom: 15px
}

#adReview_LF .conts strong {
    display: block;
    font-size: 26px;
    padding-bottom: 10px;
    color: #1C1C1C
}

#adReview_LF .conts .info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

#adReview_LF .conts .info ul {
    overflow: hidden
}

#adReview_LF .conts .info ul li {
    float: left;
    width: 50%
}

#adReview_LF .conts .info ul li span {
    display: inline-block;
    font-size: 14px;
    color: #666;
    padding: 0 10px 15px 10px;
    letter-spacing: 0
}

#adReview_LF .conts .info ul li span em {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    width: 17px
}

#adReview_LF .conts .info ul li span.vote em {
    background: url('https://cdn.ibos.kr/images/5997_column_img_47.png') no-repeat;
    text-indent: -999em;
    height: 15px
}

#adReview_LF .conts .info ul li span.cmt em {
    background: url('https://cdn.ibos.kr/images/5997_column_img_44.png') no-repeat;
    text-indent: -999em;
    height: 15px
}

#adReview_LF .desc {
    border: 2px solid #9090D6;
    border-width: 2px 0;
    padding: 30px
}

#adReview_LF .desc ul {
    overflow: hidden
}

#adReview_LF .desc ul li {
    float: left;
    width: 605px
}

#adReview_LF .desc ul li:first-child {
    width: 250px;
    padding-right: 50px
}

#adReview_LF .desc ul li strong {
    font-size: 28px
}

#adReview_LF .desc ul li p {
    font-size: 16px;
    line-height: 26px
}

#adReview_LF .f_list tr:hover {
    background: #F1F1F1
}

#adReview_LF .f_list th {
    border: solid #743a44;
    border-width: 3px 0 1px;
    height: 50px;
    line-height: 50px;
    color: #857779;
    font-size: 15px;
    font-weight: 600
}

#adReview_LF .f_list td {
    height: 50px;
    border-bottom: 1px solid #eee;
    font-size: 13px;
    text-align: center;
    color: #000
}

#adReview_LF .f_list td.subject {
    text-align: left;
    font-weight: 600;
    font-size: 14px
}

#adReview_LF .f_list td a {
    display: block;
    padding: 17px 0
}

#adReview_LF .f_list td a span {
    border-bottom: 1px solid #FFF
}

#adReview_LF .f_list td a:hover span {
    border-color: #FF4949;
    color: #FF4949
}

#adReview_LF .f_list .f_list_tit {
    font-size: 17px;
    padding: 30px 0 15px 0;
    display: block
}

#column_VF .body.adReview {
    width: 750px;
    padding: 40
}

.search_N_click p {
    padding-bottom: 35px;
    text-align: justify;
    color: #000;
    font-size: 18px;
    line-height: 38px
}

.search_N_click p a {
    color: #000 !important
}

.search_N_click p a:hover {
    border-bottom: 1px solid #000
}

.search_N_click h3 {
    font-size: 28px;
    font-weight: 600;
    padding-bottom: 50px
}

.search_N_click span {
    font-size: 12px;
    color: #666
}

.search_N_click > strong {
    display: block;
    padding: 20px 0;
    font-size: 26px;
    color: #939;
    font-weight: normal;
    letter-spacing: -1px
}

.search_N_click > strong a {
    color: #939 !important
}

.reviewer_profile {
    width: 750px;
    margin: 30px auto;
    text-align: center
}

.reviewer_profile .prof_img {
    position: relative;
    z-index: 99
}

.reviewer_profile .prof_img img {
    width: 90px;
    height: 90px
}

.reviewer_profile .wrap {
    border: 1px solid #EEE;
    border-width: 1px 0;
    padding: 70px 0 30px 0;
    position: relative;
    top: -35px
}

.reviewer_profile .writer_name strong {
    font-size: 20px
}

.reviewer_profile .writer_name span {
    display: block;
    color: #aaa;
    padding-bottom: 7px;
    font-size: 18px
}

.reviewer_profile .MEU_int {
    font-size: 16px;
    color: #666;
    padding-top: 15px
}

.reviewer_profile .adReview_attachedFile p {
    color: #639;
    font-size: 19px
}

.reviewer_profile .adReview_attachedFile a {
    display: block;
    margin: 20px auto;
    width: 180px;
    border: 1px solid #639;
    color: #639;
    padding: 10px;
    font-size: 15px
}

.reviewer_profile .adReview_attachedFile a:hover {
    background: #639;
    color: #FFF
}

.adReview .nor_form {
    width: 740px;
    margin: 0 auto
}

.adReview .nor_form h3 {
    font-size: 23px;
    padding: 35px 0;
    font-weight: 600;
    text-align: center
}

.adReview .nor_form h5 {
    font-weight: normal;
    margin-bottom: 45px;
    text-align: center;
    font-size: 18px;
    letter-spacing: -1px
}

.adReview .nor_form p {
    position: relative;
    font-size: 16px;
    letter-spacing: -0.5px;
    margin-bottom: 20px
}

.adReview .nor_form p label {
    background: #448AFF;
    font-weight: 600
}

.adReview .nor_form label {
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    background: #663399;
    color: #FFF;
    padding: 0 8px;
    height: 28px;
    line-height: 28px;
    margin-right: 5px
}

.adReview .nor_form strong {
    position: relative;
    display: block;
    font-size: 17px;
    margin-bottom: 20px;
    padding-left: 40px
}

.adReview .nor_form .paragraph {
    padding-bottom: 35px
}

.adReview .nor_form .intro {
    padding: 20px 45px
}

.adReview .nor_form .cont {
    background: #F7F7F7;
    padding: 45px;
    padding-bottom: 0
}

.adReview .nor_form .cont p {
    padding-left: 40px
}

.adReview .nor_form .epilogue {
    padding: 45px;
    margin-top: 70px;
    padding-bottom: 0
}

.adReview .nor_form .epilogue img {
    max-width: 660px !important;
    height: auto
}

.ag_dic_info {
    width: 580px;
    margin: 0 auto 50px auto;
    border: 1px solid #E5E5E5;
    padding: 20px;
    min-height: 150px
}

.ag_dic_info .logo {
    float: left;
    width: 150px;
    height: 150px;
    line-height: 150px
}

.ag_dic_info .wrap {
    position: relative;
    margin-left: 170px
}

.ag_dic_info .wrap strong {
    display: block;
    font-size: 18px;
    border-bottom: 1px solid #E5E5E5;
    padding: 10px;
    margin-bottom: 10px
}

.ag_dic_info .wrap strong a {
    display: inline-block;
    font-size: 13px;
    color: #448AFF;
    margin-left: 15px
}

.ag_dic_info .wrap p {
    letter-spacing: -0.5px;
    padding-left: 10px
}

.ag_dic_info .wrap p span {
    padding-left: 10px;
    margin-left: 10px;
    font-size: 12px;
    color: #878787;
    border-left: 1px solid #eee
}

.ag_dic_info .wrap p span:first-child {
    border: 0;
    padding: 0;
    margin: 0
}

.ag_dic_info .wrap p.intd {
    font-size: 13px;
    line-height: 24px;
    padding-top: 15px
}

.ag_dic_info .wrap a.more {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #EEE;
    padding: 1px 4px;
    font-family: "돋움", Dotum;
    font-size: 11px;
    color: #999
}

.ag_dic_info .wrap a.more:hover {
    background: #F9F9F9;
    color: #666
}

#article_no_p {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9999;
    width: 100%;
    height: 100%
}

#article_no_p .p_cont {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 9999;
    width: 300px;
    height: 73px;
    margin-left: -180px;
    margin-top: -150px;
    padding: 30px;
    border: 1px solid #454545;
    background-color: #fff;
    text-align: center
}

#article_no_p h5 {
    padding-bottom: 12px;
    font-size: 17px
}

#article_no_p p {
    font-size: 15px;
    line-height: 24px
}

#levelup_ppu {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000
}

#levelup_ppu .bg {
    width: 100%;
    height: 100%;
    background-color: #000;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    -khtml-opacity: .7;
    opacity: .7
}

#levelup_ppu .levelup_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -267px;
    margin-left: -212px
}

#levelup_ppu .levelup_cont {
    width: 350px;
    margin: 10px auto;
    padding: 20px 25px 25px;
    border: 5px solid #000;
    border-radius: 10px;
    background: #fff
}

#levelup_ppu .levelup_cont .txt {
    margin: 10px 0px;
    font-size: 14px;
    text-align: center;
    color: #000
}

#levelup_ppu .level_now {
    height: 65px;
    line-height: 65px;
    border-radius: 10px;
    text-align: center;
    background: #f1f1f1
}

#levelup_ppu .level_leg {
    padding-right: 20px;
    font-size: 24px;
    background: url(/images/levelup_popup_bg_icon.png) no-repeat 100% 50%;
    color: #000
}

#levelup_ppu .level_user {
    padding-left: 15px;
    font-size: 30px;
    color: #ff382c
}

#levelup_ppu .level_present {
    border-top: 1px solid #000;
    text-align: center
}

#levelup_ppu .level_present dl {
    display: inline-block;
    margin: 0px 5px
}

#levelup_ppu .level_present dt {
    margin: 10px 0px 5px;
    font-size: 15px;
    color: #666
}

#levelup_ppu .level_present dd {
    width: 150px;
    padding: 10px 0px;
    border-radius: 10px;
    background: #f1f1f1;
    font-size: 20px;
    color: #28a7c9
}

#levelup_ppu .btn_close {
    display: block;
    width: 208px;
    height: 47px;
    line-height: 47px;
    margin: 0% auto;
    border: 5px solid #000;
    border-radius: 10px;
    background: #ffea00;
    font-size: 20px;
    color: #000;
    text-align: center;
    cursor: pointer
}

.column_subscribe {
    border: 2px solid #5f328f;
    padding: 40px 0;
    margin: 0 10px 90px 0;
    background: #FFF
}

.column_subscribe .email {
    background: #fff;
    width: 724px;
    margin: 0 auto;
    padding: 15px 0
}

.column_subscribe .email strong {
    display: block;
    text-align: center;
    font-size: 21px;
    color: #333
}

.column_subscribe .email p {
    font-size: 15px;
    text-align: center;
    padding: 10px 0
}

.column_subscribe .email .frm_box {
    width: 550px;
    margin: 0 auto;
    position: relative
}

.column_subscribe .email div input[type="text"] {
    border: none;
    height: 47px;
    width: 355px;
    padding: 0 0 0 17px;
    line-height: 47px;
    font-size: 17px;
    color: #000
}

.column_subscribe .email div .email_submit {
    display: block;
    position: absolute;
    width: 115px;
    height: 49px;
    top: 0;
    right: 0;
    border: 0;
    font-size: 17px;
    color: #FFF;
    padding: 0 15px;
    background: #5F328F
}

.column_subscribe .email .frm_box {
    width: 750px;
    position: relative;
    margin: 0 auto;
    padding-top: 30px
}

.column_subscribe .email .frm_box > div {
    display: inline-block;
    vertical-align: top
}

.column_subscribe .email .frm_box .select_chk {
    position: relative;
    width: 250px;
    height: 47px;
    margin-right: 5px;
    border: 1px solid #ccc;
    font-size: 14px;
    color: #B2B2B2;
    cursor: pointer
}

.column_subscribe .email .frm_box .select_list:after {
    content: '';
    display: block;
    clear: both
}

.column_subscribe .email .frm_box #btn_sel_col {
    display: block;
    width: 167px;
    height: 47px;
    line-height: 47px;
    padding-left: 10px;
    text-align: left;
    color: #666;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left
}

.column_subscribe .email .frm_box #ex {
    height: 47px;
    float: left;
    line-height: 47px
}

.column_subscribe .email .frm_box .select_chk ul {
    display: none;
    position: absolute;
    z-index: 10;
    top: 52px;
    left: -1px;
    width: 750px;
    padding: 0;
    border: 1px solid #ccc;
    background: #fff;
    box-shadow: 5px 5px 7px rgba(0,0,0,0.2)
}

.column_subscribe .email .frm_box .select_chk ul:after {
    content: '';
    display: block;
    clear: both
}

.column_subscribe .email .select_chk li {
    position: relative;
    float: left;
    width: 230px;
    height: 55px;
    color: #333;
    cursor: pointer;
    padding: 0 10px
}

.column_subscribe .email .select_chk li .AB-checkbox {
    position: relative;
    z-index: 10;
    width: 15px;
    height: 15px;
    margin-top: 22px
}

.column_subscribe .email .select_chk li span {
    width: 190px
}

.column_subscribe .email .select_chk li span img {
    width: 35px;
    margin-right: 5px;
    border-radius: 100%
}

.column_subscribe .email .select_chk li label {
    position: absolute;
    width: 95%;
    height: 100%;
    top: 0;
    left: 0;
    padding-right: 15px;
    line-height: 55px;
    text-indent: 40px;
    font-size: 13px;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.column_subscribe .email .select_chk li label.bgon {
    background: #5F328F;
    color: #FFF
}

.column_subscribe .email .f_email {
    position: relative;
    width: 493px;
    border: 0
}

.column_subscribe .email .f_email .AB-text {
    font-size: 14px;
    border: 1px solid #ccc
}

.column_subscribe .email div input[type="text"] {
    border: none;
    height: 47px;
    width: 355px;
    padding: 0 0 0 17px;
    line-height: 47px;
    font-size: 17px;
    color: #000
}

.column_subscribe .email input[type="text"].AB-text::placeholder {
    color: #666
}

.column_subscribe .email .select_chk .arrowin {
    position: absolute;
    width: 0;
    height: 0;
    top: 20px;
    right: 13px;
    border-top: 10px solid #999;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    background: #000;
    font-size: 0;
    line-height: 0
}

.column_subscribe .email div .email_submit {
    display: block;
    position: absolute;
    width: 115px;
    height: 49px;
    top: 0;
    border: 0;
    font-size: 17px;
    color: #FFF;
    padding: 0 15px;
    background: #5F328F
}

.MinfoPop2 {
    position: absolute;
    z-index: 1000
}

.MinfoPop2 .mb_info_pop .wrap {
    position: relative;
    width: 340px;
    border: 1px solid #CCC;
    background: #fff;
    box-shadow: 1px 1px 2px #AAA
}

.MinfoPop2 .mb_info_pop .wrap:after {
    content: '';
    display: block;
    clear: both
}

.MinfoPop2 .mb_info_pop .usr_profile_img {
    float: left;
    margin: 15px;
    position: relative
}

.MinfoPop2 .mb_info_pop .usr_profile_img.s_user {
    padding: 2px;
    border: 2px solid #663399;
    margin: 11px
}

.MinfoPop2 .mb_info_pop .usr_info {
    float: left;
    padding: 15px;
    padding-left: 0;
    text-align: left
}

.MinfoPop2 .mb_info_pop .usr_info strong {
    font-size: 15px;
    color: #1c1c1c
}

.MinfoPop2 .mb_info_pop .usr_info strong a:hover {
    text-decoration: underline;
    color: inherit
}

.MinfoPop2 .mb_info_pop .usr_info .biz {
    background: url('https://cdn.ibos.kr/images/iboss_nickname_tag.png') no-repeat;
    background-position: -33px 0;
    width: 22px;
    height: 14px;
    text-indent: -999em;
    display: inline-block;
    margin-left: 5px
}

.MinfoPop2 .mb_info_pop .usr_info .expert {
    background: url('https://cdn.ibos.kr/images/iboss_nickname_tag.png') no-repeat;
    width: 32px;
    height: 14px;
    text-indent: -999em;
    display: inline-block;
    margin-left: 3px
}

.MinfoPop2 .mb_info_pop .usr_info p {
    display: block;
    float: none;
    line-height: normal
}

.MinfoPop2 .mb_info_pop .usr_info p .usr_name {
    display: inline-block;
    padding-bottom: 0
}

.MinfoPop2 .mb_info_pop .usr_info p.MEU_position {
    color: #999;
    padding-left: 27px;
    padding-top: 5px
}

.MinfoPop2 .mb_info_pop .usr_info dl {
    padding-top: 5px
}

.MinfoPop2 .mb_info_pop .usr_info dl dd {
    overflow: hidden;
    padding-left: 5px;
    line-height: 20px
}

.MinfoPop2 .mb_info_pop .usr_info dl dd img {
    margin-right: 5px;
    position: relative;
    top: -1px
}

.MinfoPop2 .mb_info_pop .usr_info dl dd span {
    font-size: 12px;
    letter-spacing: 0;
    color: #666;
    font-weight: normal
}

.MinfoPop2 .mb_info_pop .usr_info dl dd span.text-ellipsis {
    color: #666 !important;
    font-weight: normal !important
}

.MinfoPop2 .mb_info_pop .usr_info dl dd span a {
    font-weight: normal;
    color: #454545
}

.MinfoPop2 .mb_info_pop .usr_info dl dd span a:hover {
    text-decoration: underline;
    color: #454545
}

.MinfoPop2 .mb_info_pop .buttons {
    position: relative;
    clear: both;
    background: #F2F2F2;
    border-top: 1px solid #E0E0E0;
    height: 32px;
    line-height: 32px;
    padding: 0 15px
}

.MinfoPop2 .mb_info_pop .buttons > a {
    margin-right: 5px;
    border: 1px solid #E0E0E0;
    background: #FFF;
    padding: 3px 5px;
    color: #999;
    font-size: 12px;
    font-weight: normal;
    vertical-align: top
}

.MinfoPop2 .mb_info_pop .buttons > a:hover {
    color: #1c1c1c;
    border-color: #999
}

.MinfoPop2 .mb_info_pop .buttons span {
    position: absolute;
    top: 4px;
    right: 15px
}

.MinfoPop2 .mb_info_pop .buttons span a {
    border: 1px solid #E0E0E0;
    background: #FFF;
    cursor: pointer;
    height: 20px;
    line-height: 20px;
    color: #999
}

.MinfoPop2 .mb_info_pop .buttons span:hover a {
    color: #1c1c1c;
    border-color: #999
}

.MinfoPop2 .mb_info_pop .buttons .btn_follow a {
    width: auto;
    padding: 0px 5px;
    color: #999;
    font-weight: normal
}

.MinfoPop2 .mb_info_pop .buttons .btn_follow .btn_following_cancel {
    background: #a075cc;
    border: 0;
    background-position: 2px center;
    border-radius: 3px;
    color: #FFF
}

.MinfoPop2 .mb_info_pop .wedge {
    position: absolute;
    top: 10px;
    left: -7px
}

.MinfoPop2 .mb_info_pop .btn_more {
    position: absolute;
    top: 15px;
    right: 10px;
    color: #A5A5A5;
    font-size: 10px;
    font-weight: normal
}

.MinfoPop2 .mb_info_pop .btn_more:hover {
    text-decoration: underline
}

.MinfoPop2 .mb_info_pop .mb_memo {
    position: absolute;
    bottom: 42px;
    right: 7px;
    cursor: pointer;
    line-height: 0
}

[id^="ABP-btn-fdmenu-"] {
    font-size: 13px
}

.user-dropdown {
    position: absolute;
    z-index: 1000
}

.user-dropdown .wrap {
    position: relative;
    width: 280px;
    background: #FFF;
    box-shadow: 0 2px 17px rgb(0 0 0 / 16%);
    border-radius: 16px;
    box-sizing: border-box
}

.user-dropdown .usr_profile_img {
    position: relative
}

.user-dropdown .usr_profile_img a {
    display: inline-block
}

.user-dropdown .usr_profile_img.s_user::after {
    padding: 2px;
    border: 2px solid #663399;
    clear: both;
    content: "";
    position: absolute;
    top: -4px;
    left: -4px;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.user-dropdown .usr_profile_img.frame01::after {
    clear: both;
    content: "";
    position: absolute;
    top: -29px;
    left: -15px;
    width: 120px;
    height: 120px;
    background: url('https://cdn.ibos.kr/images/iboss_profile_frame_card_01.png')
}

.user-dropdown .usr_profile_img.frame02::after {
    clear: both;
    content: "";
    position: absolute;
    top: -29px;
    left: -15px;
    width: 120px;
    height: 120px;
    background: url('https://cdn.ibos.kr/images/iboss_profile_frame_card_02.png')
}

.user-dropdown .usr_info a.usr_name {
    font-size: 17px;
    color: #000;
    font-weight: 500
}

.user-dropdown .usr_info ul {
    padding-top: 10px
}

.user-dropdown .usr_info ul li {
    line-height: 28px;
    font-size: 13px;
    color: #5F5F5F
}

.user-dropdown .usr_info ul li a {
    border-bottom: 1px solid;
    color: #5F5F5F
}

.user-dropdown .usr_info ul li i {
    margin-right: 8px;
    font-size: 15px
}

.user-dropdown .usr_info .user-blocked-state {
    float: right;
    font-size: 13px;
    color: #FF4949
}

.user-dropdown .usr_info .user-blocked-state i {
    margin-right: 2px
}

.user-dropdown .buttons {
    position: relative;
    clear: both;
    display: flex;
    justify-content: space-between;
    padding: 12px 20px 20px
}

.user-dropdown .buttons a {
    border-radius: 20px;
    text-align: center;
    font-size: 14px;
    width: 100%;
    line-height: 40px;
    color: #000;
    border: 1px solid #333;
    font-weight: 500
}

.user-dropdown .buttons a:active, .user-dropdown .buttons a i, .user-dropdown .buttons span i {
    margin-right: 8px
}

.user-dropdown .buttons span:active {
    position: relative;
    top: 1px
}

.user-dropdown .buttons span {
    float: right;
    width: 64px;
    cursor: pointer;
    margin-right: 0
}

.user-dropdown-gift, .user-dropdown-more {
    display: none;
    width: 250px;
    position: absolute;
    top: 175px;
    right: -60px;
    background: #FFF;
    box-shadow: 0 1px 10px rgba(0,0,0,0.15);
    border-radius: 10px;
    padding: 10px;
    z-index: 1
}

.user-dropdown-gift a, .user-dropdown-more a {
    display: block;
    padding: 0 20px;
    line-height: 40px;
    font-size: 14px;
    color: #5F5F5F;
    width: auto;
    border: 0;
    background: #FFF
}

.user-dropdown-gift a:hover, .user-dropdown-more a:hover {
    background: #F6F6F6;
    border-radius: 5px;
    color: #000
}

.user-dropdown-gift a i, .user-dropdown-more a i {
    font-size: 16px;
    margin-right: 16px;
    position: relative;
    top: 1px;
    width: 16px
}

.user-dropdown-more a.btn_following_cancel {
    color: #663399
}

.user-dropdown-more a.btn_following_cancel i {
    font-weight: bold
}

.user-dropdown-more a.user_block {
    color: #f24545
}

.user-dropdown.n0609 .buttons a:hover {
    background: #EEE;
    transition: all 0.3s
}

.user-dropdown.n0609 .buttons a:active {
    margin: 0;
    position: relative;
    top: 1px
}

.user-dropdown.n0609 .more-layer {
    position: absolute;
    right: 10px;
    top: 10px
}

.user-dropdown.n0609 .more-layer i {
    font-size: 16px;
    padding: 8px;
    cursor: pointer;
    color: #555;
    width: 32px;
    box-sizing: border-box;
    text-align: center
}

.user-dropdown.n0609 .more-layer i:hover {
    background: #F0F0F0;
    border-radius: 3px;
    transition: all 0.3s;
    color: #000
}

.user-dropdown.n0609 .user-dropdown-gift, .user-dropdown.n0609 .user-dropdown-more {
    top: 42px;
    right: -15px;
    width: auto
}

.user-dropdown .user-wrap {
    position: relative;
    text-align: center;
    padding: 40px 20px 20px
}

.user-dropdown .user-wrap .usr_info {
    width: 100%;
    text-align: center;
    padding-top: 10px
}

.user-dropdown .user-wrap .verified_icon {
    font-size: 13px
}

.user-dropdown .user-wrap .usr_info .NickName {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.user-dropdown .user-wrap .usr_info .NickName > div {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 20px;
    flex-wrap: wrap
}

.user-dropdown .user-wrap .usr_profile_img img {
    width: 100px;
    height: 100px;
    border-radius: 50%
}

.user-dropdown .user-wrap .comp {
    font-size: 14px;
    color: #666;
    line-height: normal
}

.user-dropdown .user-wrap .comp a.on:hover {
    transition: all 0.2s;
    color: #448AFF
}

.user-dropdown .user-wrap .sp {
    display: inline-block;
    content: '';
    width: 2px;
    height: 2px;
    background: #aaa;
    border-radius: 50%;
    margin: 0 6px;
    vertical-align: middle
}

.user-dropdown .user-wrap .accessTime {
    font-size: 13px;
    color: #888
}

.user-dropdown .user_act {
    background: #F6F6F6;
    margin: 0 20px;
    border-radius: 16px;
    padding: 12px 16px;
    box-sizing: border-box;
    clear: both
}

.user-dropdown .user_act ul {
    display: flex;
    justify-content: space-around;
    text-align: center
}

.user-dropdown .user_act li p {
    font-size: 13px;
    line-height: 16px;
    color: #555;
    margin-top: 4px
}

.user-dropdown .user_act li a {
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    color: #333
}

.user-dropdown .user_act li a:hover {
    text-decoration: underline;
    transition: all 0.3s
}

.user-dropdown .user_act li a.none:hover {
    text-decoration: none;
    transition: all 0.3s;
    cursor: text
}

.user-dropdown .user_act li span.sp {
    display: block;
    width: 1px;
    height: 30px;
    background: #EEE;
    margin-top: 6px
}

.user-dropdown .int .inner {
    word-break: break-all;
    margin-top: 8px;
    padding: 0 20px
}

.user-dropdown .int .inner a {
    font-size: 14px;
    line-height: 160%;
    color: #666;
    letter-spacing: -0.4px;
    display: inline-block
}

.user-dropdown .int .inner a:hover {
    text-decoration: underline;
    transition: all .3s ease-in;
    color: #000
}

.user-dropdown .int-more {
    text-align: center
}

.user-dropdown .int-more a {
    font-size: 12px;
    font-weight: bold;
    color: #555 !important;
    line-height: 28px;
    padding: 0 12px;
    cursor: pointer;
    margin-top: 4px
}

.user-dropdown .int-more a:hover {
    text-decoration: underline;
    transition: all 0.3s
}

.user-dropdown .wrap.special .user-wrap {
    padding: 80px 20px 20px
}

.user-dropdown .wrap.special .user-wrap .bg-cover {
    height: 140px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px
}

.user-dropdown .wrap.special .user-wrap .usr_profile_img img {
    width: 120px;
    height: 120px;
    background-color: #FFF
}

.user-dropdown .wrap.special .more-layer {
    top: 150px
}

.user-dropdown .wrap.special .user-dropdown-gift, .user-dropdown .wrap.special .user-dropdown-more {
    top: 182px;
    right: -15px;
    width: auto
}

.user-dropdown .special .user-wrap .usr_profile_img img {
    box-shadow: 0 2px 17px rgb(0 0 0 / 16%)
}

.preLoading .wrap {
    position: relative;
    background: #FFF;
    box-shadow: 0 2px 17px rgb(0 0 0 / 16%);
    border-radius: 16px;
    padding: 20px
}

.preLoading .usr_profile_img {
    position: relative;
    width: 80px;
    height: 80px;
    background: #f0f0f0;
    border-radius: 50%;
    margin: 0 auto
}

.preLoading .usr_info {
    float: left;
    width: 210px;
    text-align: left
}

.preLoading .usr_info .NickName .usr_name {
    background: #F0F0F0;
    width: 150px;
    height: 24px;
    margin: 0 auto;
    border-radius: 6px
}

.preLoading .usr_info .NickName .accessTime {
    background: #F9F9F9;
    width: 60px;
    height: 20px;
    margin: 4px auto 0 auto;
    border-radius: 6px
}

.preLoading .usr_info a.usr_name {
    font-size: 17px;
    color: #000;
    font-weight: 500;
    border-radius: 6px
}

.preLoading .usr_info ul {
    padding-top: 10px
}

.preLoading .usr_info ul li {
    line-height: 28px
}

.preLoading .user_item ul li span {
    background: #f0f0f0;
    display: inline-block
}

.preLoading .user_item ul li .half {
    width: 68px;
    height: 20px;
    margin-right: 8px
}

.preLoading .user_item ul li .full {
    width: 160px;
    height: 20px
}

.preLoading .buttons {
    position: relative;
    clear: both;
    display: flex;
    justify-content: space-between
}

.preLoading .buttons span {
    width: 100%;
    height: 40px;
    background: #E5E5E5;
    border-radius: 4px;
    box-sizing: border-box;
    border-radius: 6px
}

.cert_spwrap {
    position: relative;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
    color: #494C9C;
    margin-left: 4px;
    vertical-align: middle
}

.cert_spwrap .fa-s {
    color: #FFF;
    font-size: 8px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 16px;
    text-align: center;
    line-height: 16px;
    z-index: 10
}

.comment_writer .cert_spwrap {
    top: -2px
}

.block_popup .dim_bg {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 99
}

#block_user_write {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 380px;
    text-align: center;
    margin-top: 10px;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

#block_user_write .outer-container {
    border-radius: 12px;
    box-shadow: 0 1px 10px rgb(0 0 0 / 8%);
    background: #fff;
    padding: 20px
}

#block_user_write h4 {
    font-size: 18px;
    color: #000;
    font-weight: bold
}

#block_user_write p {
    font-size: 14px;
    margin-top: 15px
}

#block_user_write p span {
    font-weight: bold
}

#block_user_write textarea {
    background: #f9f9f9;
    border: 1px solid #efefef;
    border-radius: 3px;
    font-size: 14px;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    height: 80px
}

#block_user_write .item {
    text-align: center;
    background: #fff;
    margin-top: 13px
}

#block_user_write .wf_submit_btn {
    padding: 20px 0 0 0
}

#block_user_write .wf_submit_btn input {
    width: 120px;
    background: #663399;
    box-shadow: none
}

#block_user_write .wf_submit_btn a {
    border: none !important;
    box-shadow: none;
    background: #e5e5e5;
    display: inline-block !important;
    color: #888 !important
}

#block_user_write .wf_submit_btn a:hover {
    color: inherit
}

#mb_memotxt {
    display: none;
    position: absolute;
    width: 308px;
    right: 0;
    top: 156px;
    padding: 15px;
    z-index: 50;
    background: #fff;
    border: 1px solid #ddd
}

#mb_memotxt textarea {
    width: 300px;
    margin-bottom: 12px;
    resize: none
}

#mb_memotxt textarea::placeholder {
    font-size: 14px
}

#mb_memotxt > div:after {
    content: '';
    display: block;
    clear: both
}

#mb_memotxt input[type=submit], #mb_memotxt .memo_cencle {
    display: inline-block;
    width: 50%;
    height: 25px;
    line-height: 25px;
    vertical-align: top;
    background: #3998D7;
    text-align: center;
    color: #FFF
}

#mb_memotxt .memo_cencle {
    background: #BDBDBD;
    cursor: pointer
}

#not_found_nickname {
    background: #F9F9F9;
    padding: 50px 0 200px 0;
    text-align: center
}

#not_found_nickname p {
    font-size: 24px;
    padding: 30px
}

#not_found_nickname .sch_nick {
    display: inline-block;
    background: #3F51B5;
    color: #FFF;
    font-size: 16px;
    padding: 12px 35px
}

#cooperator h3 {
    font-weight: 500
}

#cooperator {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 100px
}

#cooperator .co_head {
    min-height: 28px;
    background: #FFF
}

#cooperator.__fixedMenu .co_head {
    position: fixed;
    top: 0;
    left: 50%;
    border-width: 0 1px 1px 1px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 99;
    border-bottom: 1px solid #EEE;
    width: 100%;
    box-sizing: border-box
}

#cooperator .co_head h3 {
    text-align: center;
    font-size: 24px;
    color: #000;
    font-weight: bold
}

#cooperator .co_head a {
    position: absolute;
    top: 15px;
    right: 0;
    font-size: 16px;
    width: 150px;
    line-height: 40px;
    background: #FF3300;
    color: #FFF;
    border-radius: 3px
}

#cooperator .co_head .wrap {
    position: relative;
    padding: 20px 0;
    width: 864px;
    margin: 0 auto 10px
}

#cooperator .conts {
    width: 1050px;
    margin: 0 auto;
    background: #FFF;
    padding: 50px 0
}

#cooperator .db_get {
    width: 664px;
    margin: 20px auto 0;
    border: 1px solid #E0E0E0;
    padding: 70px 100px;
    background: #F6F6F6
}

#cooperator .db_get ul li {
    text-align: left;
    padding: 5px 0;
    display: flex
}

#cooperator .db_get ul li input {
    padding: 12px 15px;
    width: 450px;
    font-size: 15px;
    background: #FFF;
    border-radius: 5px;
    border: 0 !important
}

#cooperator .db_get ul li input:focus {
    border: 1px solid #663399;
    outline: none
}

#cooperator .db_get ul li .input-radio {
    line-height: 42px;
    padding: 0 15px;
    width: 450px;
    font-size: 15px;
    background: #f6f6f6;
    border-radius: 5px;
    display: inline-block
}

#cooperator .db_get ul li .input-radio p {
    display: inline-block
}

#cooperator .db_get ul li .input-radio.p7610 p {
    margin-right: 30px
}

#cooperator .db_get ul li .input-radio.p7610 p label {
    width: auto;
    font-size: 14px
}

#cooperator .db_get ul li .input-radio.p7610 span {
    display: block;
    line-height: normal;
    font-size: 13px;
    color: #777;
    margin-bottom: 12px
}

#cooperator .db_get ul li .input-radio.p7610 span a {
    color: #448AFF
}

#cooperator .db_get ul li .input-radio.p7610 span a:hover {
    text-decoration: underline
}

#cooperator .db_get ul li input[type=radio] {
    width: auto;
    position: relative;
    top: -1px
}

#cooperator .db_get ul li input[type=radio] + label {
    display: inline-block;
    cursor: pointer;
    padding-left: 4px
}

#cooperator .db_get ul li.chkbox-align {
    min-height: 42px
}

#cooperator .db_get ul li.chkbox-align .input-radio {
    display: flex;
    align-items: center
}

#cooperator .db_get ul li.chkbox-align .input-radio p {
    display: flex;
    align-items: center
}

#cooperator .db_get ul li.chkbox-align input[type=checkbox] {
    position: static;
    padding: 0;
    margin: 0;
    width: 15px;
    height: 15px;
    line-height: 15px
}

#cooperator .db_get ul li.chkbox-align input[type=checkbox] + label span {
    margin: 0
}

#cooperator .db_get ul li .input-checkbox {
    line-height: 42px;
    font-size: 15px;
    background: #f6f6f6;
    border-radius: 5px;
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

#cooperator .db_get ul li .input-checkbox p {
    display: inline-block
}

#cooperator .db_get ul li .input-checkbox span {
    color: #555
}

#cooperator .db_get ul li input[type=checkbox] {
    width: auto;
    position: relative;
    top: -1px
}

#cooperator .db_get ul li input[type=checkbox] + label {
    display: inline-block;
    cursor: pointer;
    padding-left: 4px
}

#cooperator .db_get ul li label {
    display: inline-block;
    width: 150px;
    font-size: 15px;
    vertical-align: top
}

#cooperator .db_get ul li label span {
    color: #FF4949
}

#cooperator .db_get ul li select {
    width: 482px;
    height: 40px;
    border-color: #E0E0E0;
    background: #FFF;
    border: 0;
    border-radius: 5px
}

#cooperator .db_get ul li .phone_part {
    width: 134px
}

#cooperator .db_get ul li #select_self_input {
    margin: 10px 0 0 150px
}

#cooperator .db_get ul li textarea {
    padding: 10px 15px;
    width: 450px;
    font-size: 14px;
    border-color: #E0E0E0;
    resize: none;
    min-height: 60px;
    line-height: 22px;
    background: #FFF
}

#cooperator .db_get ul li textarea:focus {
    border: 1px solid #663399;
    outline: none
}

#cooperator .db_get .clause {
    display: inline-block;
    width: 450px;
    background: #FFF;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 5px
}

#cooperator .db_get .clause p {
    font-size: 13px;
    line-height: 18px
}

#cooperator .db_get .more-info {
    border-bottom: 1px solid #eee;
    margin: 0 0 45px
}

#cooperator .db_get .more-info img {
    border: 0
}

#cooperator .db_get .more-info h3 {
    font-size: 24px;
    margin: 15px 25px 0
}

#cooperator .db_get .more-info p {
    font-size: 15px;
    margin: 15px 0 45px 0;
    color: #a3a3a3
}

#cooperator .db_get .agreement {
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -1px
}

#cooperator .db_get .submit {
    margin: 25px 0;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    background: #663399;
    color: #fff;
    width: 150px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    vertical-align: top;
    box-shadow: 0 0 6px rgba(0,0,0,0.15)
}

#cooperator .db_get .submit:hover {
    background: #4d2673;
    transition: all .2s ease-in-out
}

#cooperator .db_list {
    width: 1050px;
    margin: 0 auto
}

#cooperator .db_list .table-mbt td {
    height: 42px;
    padding: 5px 0
}

#cooperator .db_list .table-mbb td {
    background: #FFF;
    letter-spacing: 0;
    font-size: 13px
}

#cooperator .db_list .state_btn {
    padding: 2px 5px;
    border: 1px solid #aaa
}

#cooperator .interview {
    width: 864px;
    background: #5C457D;
    color: #FFF;
    padding: 30px 0;
    margin: 12px auto;
    font-size: 21px
}

#cooperator .interview span {
    display: block;
    font-size: 42px;
    padding-bottom: 20px;
    text-align: center
}

#cooperator .interview a {
    display: block;
    width: 200px;
    background: #FFF;
    color: #663399;
    margin: 30px auto 0 auto;
    line-height: 44px;
    font-size: 18px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.12)
}

#cooperator .interview a:active {
    position: relative;
    top: 1px
}

#cooperator .interview.more {
    color: #666;
    font-size: 17px;
    margin-top: 0;
    background: #f6f6f6;
    padding: 70px 0
}

#cooperator .interview.more a {
    box-shadow: none;
    background: none
}

#cooperator .interview.more a:hover {
    text-decoration: underline
}

#cooperator .db_get dl {
    display: inline-block;
    width: 450px;
    padding: 10px 0px
}

#cooperator .db_get dl dd {
    line-height: 24px
}

#cooperator .db_get dl dd input {
    width: auto;
    margin: 5px
}

#cooperator .db_get dl dd label {
    cursor: pointer
}

#cooperator .tab_1, #cooperator .tab_2 {
    cursor: pointer
}

#cooperator .map_samsung {
    display: none
}

#cooperator .michelan .db_get {
    padding: 70px 100px;
    border-top: 0
}

#cooperator .recmd_for {
    background: #1E9748;
    width: 864px;
    margin: 0 auto;
    border: 1px solid #E0E0E0;
    border-width: 0 1px;
    padding: 32px 0;
    text-align: left
}

#cooperator .recmd_for h5, #cooperator .recmd_for h6, #cooperator .recmd_for p {
    color: #FFF;
    text-indent: 200px;
    font-size: 16px
}

#cooperator .recmd_for h5 {
    font-size: 24px;
    margin-bottom: 8px
}

#cooperator .recmd_for h6 {
    margin-top: 40px;
    margin-bottom: 8px;
    color: #EEE
}

#cooperator .recmd_for h6 + p {
    font-size: 15px;
    color: #EEE
}

#cooperator .recmd_for p {
    line-height: 26px;
    margin-bottom: 4px
}

#cooperator .recmd_for strong {
    border-bottom: 1px solid
}

#cardLanding .header {
    background: url('https://cdn.ibos.kr/images/230804_landing_full_top_bg.png') no-repeat;
    background-size: cover;
    text-align: center;
    padding: 100px 0
}

#cardLanding .conts {
    background: #e8f0fd;
    padding-bottom: 100px
}

#cardLanding .conts .benefits {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 100px 0
}

#cardLanding .conts .benefits img {
    display: block;
    margin: 0 auto
}

#cardLanding .conts .benefits img:first-child {
    margin-bottom: 20px
}

#cardLanding .conts .use {
    padding-bottom: 100px;
    text-align: center
}

#cardLanding .conts .use img:first-child {
    display: block;
    margin: 0 auto 50px
}

#cardLanding .conts .use img:last-child {
    margin-left: 20px
}

#cardLanding .conts .faq > div {
    background: #c4d8fa;
    color: #2a3d92;
    width: 864px;
    margin: 0 auto;
    border-radius: 30px;
    padding: 50px 100px;
    box-sizing: border-box
}

#cardLanding .conts .faq img {
    display: block;
    margin: 0 auto 50px
}

#cardLanding .conts .faq strong {
    display: block
}

#cardLanding .conts .faq p {
    font-size: 24px;
    margin-bottom: 30px;
    line-height: 160%;
    letter-spacing: -1px
}

#cardLanding .noti {
    background: #DEE1E7;
    font-size: 16px;
    line-height: 180%
}

#cardLanding .noti > div {
    width: 864px;
    margin: 0 auto;
    padding: 50px 0
}

#cooperator .bnf_for {
    background: #fff;
    width: 862px;
    margin: 0 auto;
    border: 1px solid #E0E0E0;
    border-width: 0 1px;
    padding: 32px 0;
    text-align: left
}

#cooperator .bnf_for h5, #cooperator .bnf_for h6, #cooperator .bnf_for span, #cooperator .bnf_for p {
    color: #666;
    text-indent: 65px
}

#cooperator .bnf_for h5 {
    font-size: 24px;
    margin-bottom: 10px;
    color: #333
}

#cooperator .bnf_for h6 {
    margin-top: 20px;
    margin-bottom: 8px;
    color: #333;
    font-size: 16px
}

#cooperator .bnf_for h6 + p {
    color: #666
}

#cooperator .bnf_for p {
    margin-bottom: 4px;
    font-size: 14px
}

#cooperator .bnf_for span {
    font-size: 12px;
    display: inline-block;
    color: #999
}

#cooperator .bnf_for strong {
    border-bottom: 1px solid
}

#cooperator .faq {
    width: 864px;
    margin: 20px auto;
    background: #f6f6f6;
    padding: 50px 100px;
    border: 1px solid #e0e0e0;
    text-align: left;
    box-sizing: border-box
}

#cooperator .faq strong {
    display: block;
    font-size: 18px;
    padding: 12px 0 8px;
    color: #000;
    position: relative
}

#cooperator .faq strong::before {
    clear: both;
    content: "💬";
    position: absolute;
    left: -28px
}

#cooperator .faq p {
    font-size: 16px;
    line-height: 160%;
    margin-bottom: 12px
}

#cooperator .ytbList {
    width: 864px;
    border: 1px solid #e0e0e0;
    margin: 0 auto;
    background: #eee
}

#cooperator .ytbWrap {
    position: relative;
    padding-top: 56%;
    width: 100%;
    height: 0
}

#cooperator .ytbWrap:last-child {
    margin-bottom: 60px
}

#cooperator .ytbWrap iframe {
    position: absolute;
    top: 0;
    left: 5%;
    width: 90%;
    height: 100%
}

#recommend-partner + .contact {
    text-align: center;
    display: flex;
    height: 68px;
    align-items: center;
    justify-content: center;
    background: #113868;
    gap: 20px
}

#recommend-partner + .contact a {
    display: block;
    color: #FFF;
    font-size: 18px;
    line-height: 20px
}

#recommend-partner + .contact span {
    background-color: rgba(255,255,255,0.35);
    height: 12px;
    width: 1px
}

#WriterRelation .certification {
    position: relative;
    display: inline-block
}

#WriterRelation .certification a.biz {
    position: relative;
    top: 1px;
    background: url('https://cdn.ibos.kr/images/iboss_nickname_tag.png') no-repeat;
    background-position: -33px 0;
    width: 22px;
    height: 14px;
    text-indent: -999em;
    display: inline-block
}

#WriterRelation .certification a.expert {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 32px;
    text-indent: -999em;
    margin-right: 3px;
    background: url('https://cdn.ibos.kr/images/iboss_nickname_tag.png') no-repeat
}

#WriterRelation .certification a.cert_icon {
    margin-left: -8px;
    position: relative;
    top: -1px
}

#WriterRelation .certification .cert_icon:hover p {
    display: block;
    position: absolute;
    top: -5px;
    left: 25px;
    width: 75px;
    background: #000;
    color: #FFF;
    padding: 5px 10px;
    z-index: 999;
    opacity: .6
}

#WriterRelation .certification p {
    display: none
}

#WriterRelation .verified_user {
    position: absolute;
    text-indent: -9999px;
    top: 46px;
    right: 0;
    background: url('https://cdn.ibos.kr/images/mypage_icon_ver2.png') no-repeat;
    background-position: -31px 0;
    width: 24px;
    height: 24px
}

#WriterRelation .verified_user:hover .vp_cover {
    display: block
}

#WriterRelation .verified_user p {
    display: none;
    position: absolute;
    top: -3px;
    left: 20px;
    width: 85px;
    background: #000;
    color: #FFF;
    padding: 5px 10px;
    z-index: 999;
    opacity: .6;
    text-align: center;
    font-style: normal
}

#WriterRelation .verified_user p a {
    display: block;
    color: inherit;
    text-indent: 0;
    margin: 0 !important
}

#WriterRelation .verified_user p img {
    position: relative;
    top: -2px;
    left: 3px
}

#WriterRelation .verified_user:hover p {
    display: block
}

.MinfoPop2 .verified_user.mb_popup {
    top: 81px !important;
    right: 15px !important;
    left: auto;
    position: absolute;
    background: url('https://cdn.ibos.kr/images/mypage_icon_ver2.png') no-repeat;
    background-position: -31px 0;
    text-indent: -9999em;
    width: 24px;
    height: 24px
}

#SchResult .certification {
    display: inline-block;
    padding-left: 5px
}

#SchResult .certification a.biz {
    background: url('https://cdn.ibos.kr/images/iboss_nickname_tag.png') no-repeat;
    background-position: -33px 0;
    width: 22px;
    height: 14px;
    text-indent: -999em;
    display: inline-block;
    margin-left: 5px
}

#SchResult .certification a.expert {
    background: url('https://cdn.ibos.kr/images/iboss_nickname_tag.png') no-repeat;
    width: 32px;
    height: 14px;
    text-indent: -999em;
    display: inline-block;
    margin-left: 3px
}

#SchResult .certification .cert_icon:hover p {
    display: block;
    position: absolute;
    top: -4px;
    left: 20px;
    width: 100px;
    background: #000;
    color: #FFF;
    padding: 5px 10px;
    z-index: 999
}

#SchResult .certification p {
    display: none
}

.comment_writer .prof_cover {
    position: relative;
    float: left;
    margin-right: 5px
}

.comment_writer p {
    display: inline-block
}

.comment_writer p a:hover {
    color: inherit
}

.comment_writer .biz {
    position: relative;
    top: 3px;
    background: url('https://cdn.ibos.kr/images/iboss_nickname_tag.png') no-repeat;
    background-position: -33px 0;
    width: 22px;
    height: 14px;
    text-indent: -999em;
    display: inline-block;
    margin-left: 3px
}

.comment_writer p.mb_certi img {
    margin-right: 10px;
    margin-left: -10px;
    position: relative;
    top: -1px
}

.comment_writer .expert {
    position: relative;
    top: 3px;
    background: url('https://cdn.ibos.kr/images/iboss_nickname_tag.png') no-repeat;
    width: 32px;
    height: 14px;
    text-indent: -999em;
    display: inline-block;
    margin-left: 3px
}

.prof_cover .verified_user {
    position: absolute;
    bottom: -3px;
    right: -3px;
    background: url('https://cdn.ibos.kr/images/mypage_icon_ver2.png') no-repeat;
    background-position: -14px 0;
    text-indent: -9999em;
    width: 15px;
    height: 15px
}

.prof_cover .verified_user .bd_R3 {
    display: none;
    position: absolute;
    top: -3px;
    left: 20px;
    width: 85px;
    background: #000;
    color: #FFF;
    padding: 5px 10px;
    z-index: 999;
    opacity: .6;
    text-align: center;
    font-style: normal
}

.prof_cover .verified_user .bd_R3 a {
    display: block;
    color: inherit;
    text-indent: 0;
    margin: 0 !important
}

.prof_cover .verified_user .bd_R3 img {
    position: relative;
    top: -2px;
    left: 3px
}

.prof_cover .verified_user:hover .bd_R3 {
    display: block
}

.prof_cover .vp_cover {
    display: none;
    position: absolute;
    top: 23px;
    right: -112px;
    width: 135px;
    padding-top: 20px;
    text-align: center;
    font-size: 11px
}

.prof_cover .vp_cover > div {
    position: relative;
    background: #fff;
    z-index: 1;
    padding: 5px 0;
    font-weight: 600;
    color: #333;
    text-indent: 0;
    border: 1px solid #ddd;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    font-style: normal;
    line-height: 16px;
    cursor: pointer
}

.prof_cover .vp_cover > span {
    display: block;
    color: #0A63BC;
    font-weight: 600;
    margin-top: 7px
}

.prof_cover .vp_cover > div > i {
    position: absolute;
    left: 10px;
    top: -7px;
    width: 13px;
    height: 7px;
    background: url(/images/user_menu_icon_arrow_top.png) no-repeat;
    z-index: 2
}

#ProfTop .verified_user {
    position: absolute;
    top: 88px;
    right: 12px;
    background: url('https://cdn.ibos.kr/images/mypage_icon_ver2.png') no-repeat;
    background-position: -57px 0;
    text-indent: -9999em;
    width: 37px;
    height: 37px;
    z-index: 10
}

#ProfTop .verified_user p {
    display: none;
    position: absolute;
    top: -3px;
    left: 20px;
    width: 85px;
    background: #000;
    color: #FFF;
    padding: 5px 10px;
    z-index: 999;
    opacity: .6;
    text-align: center;
    font-style: normal
}

#ProfTop .verified_user p a {
    display: block;
    color: inherit;
    text-indent: 0;
    margin: 0 !important
}

#ProfTop .verified_user p img {
    position: relative;
    top: -2px;
    left: 3px
}

#ProfTop .verified_user:hover p {
    display: block
}

#Login_Form .verified_user {
    position: absolute;
    top: 25px;
    right: -4px;
    background: url('https://cdn.ibos.kr/images/mypage_icon_ver2.png?v=1.0') no-repeat;
    background-position: 0 -17px;
    text-indent: -9999em;
    width: 19px;
    height: 19px
}

.layer_msg .profile {
    position: relative
}

.layer_msg .profile .verified_user {
    position: absolute;
    top: 17px;
    right: 3px;
    background: url('https://cdn.ibos.kr/images/mypage_icon_ver2.png?v=1.0') no-repeat;
    background-position: 0 -17px;
    text-indent: -9999em;
    width: 19px;
    height: 19px
}

.layer_msg .profile .vp_cover {
    display: none;
    position: absolute;
    top: -10px;
    right: -153px;
    padding-left: 15px;
    text-align: center
}

.layer_msg .profile .verified_pop {
    position: relative;
    background: #fff;
    z-index: 1;
    padding: 10px;
    font-weight: 600;
    color: #333;
    text-indent: 0;
    border: 1px solid #ddd;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    font-style: normal;
    line-height: 16px
}

.layer_msg .profile .verified_user:hover .vp_cover {
    display: block
}

.layer_msg .profile .verified_pop span {
    display: block;
    color: #0A63BC;
    font-weight: 600;
    margin-top: 7px
}

.layer_msg .profile .verified_pop img {
    position: absolute;
    left: -7px;
    top: 10px;
    width: auto;
    height: auto
}

#column_VF .verified_user {
    position: absolute;
    bottom: 88px;
    right: 50%;
    width: 15px;
    height: 15px;
    margin-right: -24px;
    text-indent: -999em;
    background: url('https://cdn.ibos.kr/images/mypage_icon_ver2.png') no-repeat;
    background-position: -14px 0
}

#column_VF .vp_cover {
    display: none;
    position: absolute;
    top: -10px;
    right: -153px;
    padding-left: 15px;
    text-align: center
}

#column_VF .verified_pop {
    position: relative;
    background: #fff;
    z-index: 1;
    padding: 10px;
    font-weight: 600;
    color: #333;
    text-indent: 0;
    border: 1px solid #ddd;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    font-style: normal;
    line-height: 16px
}

#column_VF .verified_user:hover .vp_cover {
    display: block
}

#column_VF .verified_pop span {
    display: block;
    color: #0A63BC;
    font-weight: 600;
    margin-top: 7px;
    font-size: 12px;
    text-shadow: none;
    padding: 0
}

#column_VF .verified_pop img {
    position: absolute;
    left: -7px;
    top: 10px;
    width: auto;
    height: auto
}

.verified_icon {
    font-size: 12px;
    color: #448AFF;
    margin-left: 4px
}

.colm_info {
    clear: both;
    text-align: center
}

.colm_info .SNS_share {
    overflow: hidden;
    width: 270px;
    margin: 20px auto 0 auto
}

.colm_write {
    overflow: hidden
}

.colm_write .section {
    width: 504px;
    float: left
}

.colm_write .section.s1 {
    margin-right: 42px
}

.colm_write .section ul {
    padding: 20px 0
}

.colm_write .section ul li {
    border: 0 !important
}

.colm_write .section ul li input {
    width: 347px !important
}

.colm_write .section ul li label span {
    padding-left: 3px
}

.colm_write .section ul li iframe {
    margin-left: 135px
}

.colm_write .section ul li textarea {
    border: 1px solid #E0E0E0;
    padding: 10px;
    width: 347px;
    resize: none
}

.prev_next_column ul {
    overflow: hidden;
    border-top: 1px solid #EAEAEA
}

.prev_next_column ul li {
    position: relative;
    float: left;
    width: 474px;
    font-size: 17px;
    color: #000
}

.prev_next_column ul li:first-child {
    border-right: 1px solid #EAEAEA;
    width: 473px
}

.prev_next_column ul li a {
    display: block;
    color: #000;
    padding: 30px 0
}

.prev_next_column ul li a:hover span {
    text-decoration: underline
}

.prev_next_column ul li label {
    display: block;
    font-size: 12px;
    color: #AAA;
    cursor: pointer;
    line-height: 100%
}

.prev_next_column ul li em {
    position: absolute;
    top: 36px;
    width: 27px;
    height: 27px;
    display: block;
    background: url('https://cdn.ibos.kr/images/board_icon_set.png?v=180918') no-repeat
}

.prev_next_column ul li span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.prev_next_column ul li.prev a {
    padding-left: 72px
}

.prev_next_column ul li.next {
    text-align: right
}

.prev_next_column ul li.next a {
    padding-right: 72px
}

.prev_next_column ul li.noarticle {
    background: #FAFAFA
}

.prev_next_column ul li.noarticle a {
    color: #CACACA
}

.prev_next_column ul li.noarticle label {
    cursor: default
}

.prev_next_column ul li.prev em {
    left: 30px;
    background-position: -30px -40px !important
}

.prev_next_column ul li.prev.noarticle em {
    background-position: -30px -70px !important
}

.prev_next_column ul li.next em {
    right: 30px;
    background-position: 0 -40px !important
}

.prev_next_column ul li.next.noarticle em {
    background-position: 0 -70px !important
}

#ColumWrite .hd_bg_section {
    position: relative
}

#ColumWrite .hd_bg_section .bg {
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#ColumWrite .colm_bg {
    height: 350px;
    background-size: cover;
    background-position: 50% 50%
}

#ColumWrite .colm_bg p {
    position: relative;
    width: 1050px;
    margin: 0 auto
}

#ColumWrite .colm_bg p input {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    cursor: pointer
}

#ColumWrite .colm_bg p iframe {
    display: none
}

#ColumWrite .write_wrap {
    position: relative;
    width: 1050px;
    margin: -265px auto 0 auto
}

#ColumWrite .head-container {
    position: relative;
    height: 180px
}

#ColumWrite .head-container > div {
    position: absolute;
    bottom: 0;
    left: 0
}

#ColumWrite .head-container select {
    margin-bottom: 25px;
    background: none;
    color: #FFF;
    border-width: 0 0 1px 0;
    cursor: pointer
}

#ColumWrite .head-container select option {
    color: #000
}

#ColumWrite .head-container input {
    position: relative;
    z-index: 99
}

#ColumWrite .head-container .subject {
    width: 1030px;
    color: #FFF;
    font-size: 44px;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 100%;
    height: 48px;
    word-break: break-word;
    background: none;
    border-width: 0 0 1px 0;
    padding: 10px
}

#ColumWrite .head-container .subject::-webkit-input-placeholder {
    color: #CCC
}

#ColumWrite .head-container .subject::-moz-placeholder {
    color: #CCC
}

#ColumWrite .head-container .subject:-ms-input-placeholder {
    color: #CCC
}

#ColumWrite .head-container .subject:-moz-placeholder {
    color: #CCC
}

#ColumWrite .head-container .strapline {
    width: 1030px;
    margin-top: 10px;
    color: #FFF;
    font-size: 19px;
    background: none;
    border-width: 0 0 1px 0;
    padding: 10px
}

#ColumWrite .head-container .strapline::-webkit-input-placeholder {
    color: #CCC
}

#ColumWrite .head-container .strapline::-moz-placeholder {
    color: #CCC
}

#ColumWrite .head-container .strapline:-ms-input-placeholder {
    color: #CCC
}

#ColumWrite .head-container .strapline:-moz-placeholder {
    color: #CCC
}

#ColumWrite .body-container {
    overflow: hidden;
    background: #FFF;
    border: 1px solid #E0E0E0;
    width: 978px;
    margin: 35px auto 0px auto;
    padding: 40px 35px
}

#ColumWrite .body-container .editor {
    width: 660px;
    float: left;
    padding-left: 10px
}

#ColumWrite .body-container .write_info {
    float: right;
    width: 250px
}

#ColumWrite .body-container .write_info > div {
    background: #F0F0F0;
    overflow: hidden
}

#ColumWrite .body-container .write_info .write_guide {
    border: 0
}

#ColumWrite .body-container .write_info .write_guide dl {
    background: #FFF;
    margin: 0 10px
}

#ColumWrite .body-container .write_info .load-saved {
    position: static;
    padding: 15px;
    background: #FFF
}

#ColumWrite .body-container .write_info .load-saved p:hover {
    border: 0;
    color: #000
}

#ColumWrite .body-container .hash_tag {
    clear: both;
    margin-left: 10px
}

#ColumWrite .body-container .hash_tag input {
    width: 630px;
    padding: 5px 10px;
    font-size: 14px;
    height: 22px;
    line-height: 22px
}

#ColumWrite .btn_bg_file {
    overflow: hidden;
    position: absolute;
    top: 20px;
    right: 50px;
    z-index: 100;
    width: 145px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    cursor: pointer;
    text-align: center
}

#ColumWrite .file_text {
    font-size: 14px;
    cursor: pointer
}

#ColumWrite .file_text img {
    margin-right: 7px
}

#ColumWrite .file_1 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 145px;
    height: 30px;
    opacity: 0;
    font-size: 200px;
    direction: ltr;
    cursor: pointer
}

.bstip_box {
    position: absolute;
    padding: 4px 12px;
    line-height: 160%;
    background: rgba(0,0,0,0.7);
    font-size: 13px;
    color: #FFF;
    text-indent: 0;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    border-radius: 8px;
    max-width: 300px;
    z-index: 9999
}

.bstip_box em {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: rgba(0,0,0,0.7) transparent
}

.bstip_box em.t {
    bottom: -6px;
    left: 50%;
    margin-left: -3px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid rgba(0,0,0,0.7)
}

.bstip_box em.l {
    width: 7px;
    height: 14px;
    margin-left: 0px;
    left: 100%;
    top: 10px;
    background-position: -43px -225px
}

.bstip_box em.r {
    width: 7px;
    height: 14px;
    margin-left: 0px;
    left: -7px;
    top: 10px;
    background-position: -22px -225px
}

.bstip_box em.b {
    top: -6px;
    bottom: auto;
    left: 50%;
    margin-left: -3px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 6px solid rgba(0,0,0,0.7)
}

.bstip_box strong {
    color: #FFF;
    font-weight: bold
}

.bstip_box hr {
    border: 0;
    border-top: 1px solid #EEE;
    height: 1px
}

.atwho-view {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    margin-top: 20px;
    background: white;
    color: black;
    border: 1px solid #E0E0E0;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    min-width: 180px;
    z-index: 11110 !important;
    font-size: 13px;
    font-weight: normal
}

.atwho-view ul {
    padding: 0;
    margin: auto;
    max-height: 200px;
    overflow-y: auto
}

.atwho-view ul li {
    padding: 7px 10px;
    cursor: pointer;
    letter-spacing: -0.5px
}

.atwho-view .cur {
    background: #EDF3FF
}

.atwho-view strong {
    color: #448AFF
}

.memo_wrap {
    position: absolute;
    top: 20px;
    right: 0
}

.memo_wrap p {
    font-size: 14px;
    text-align: right;
    cursor: pointer
}

.memo_wrap p em {
    display: inline-block;
    width: 24px;
    height: 24px
}

.memo_wrap p em img {
    width: 100%
}

.memo_wrap ul {
    display: none;
    padding: 5px 0;
    border: 1px solid #A0A0A0;
    background: #FFF;
    box-shadow: 3px 3px 6px 0 rgba(0,0,0,0.2)
}

.memo_wrap:hover ul {
    display: block
}

.memo_wrap ul li:hover {
    background: #F5F5F5
}

.memo_wrap ul li:hover span {
    text-decoration: underline
}

.save-temp {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    color: #555;
    border-radius: 4px;
    background: #F5F6F8
}

.save-temp .save_memo {
    display: flex;
    padding: 0 16px;
    align-items: center;
    height: 44px
}

.save-temp label {
    width: 1px;
    background-color: #D9D9D9;
    height: 16px
}

.save-temp .call_memo {
    font-weight: bold;
    color: #4429F3;
    padding: 0 16px
}

.memo_list_bg {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9998;
    background: rgba(0,0,0,0.5)
}

.memo_list {
    position: absolute;
    width: 550px;
    max-height: 680px;
    padding: 32px 0;
    z-index: 999;
    top: 50%;
    left: 50%;
    background: #fff;
    border-radius: 20px;
    transform: translate(-50%, -50%)
}

.memo_list .btn_memo {
    padding: 20px 30px;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    border-bottom: 1px solid #EEE
}

.memo_list .tmp-saved-close {
    position: absolute;
    right: 4px;
    top: 12px;
    font-size: 24px;
    padding: 8px;
    width: 24px;
    text-align: center;
    line-height: 24px;
    color: #999;
    font-weight: 300
}

.memo_list .tmp-saved-close:hover {
    cursor: pointer;
    color: #000
}

.memo_list .all-articles {
    position: absolute;
    right: 44px;
    top: 12px;
    font-size: 14px;
    padding: 8px;
    text-align: center;
    line-height: 24px;
    color: #666
}

.memo_list .all-articles:hover {
    text-decoration: underline
}

.memo_list .wrap_cover .wrap {
    width: 100%;
    height: 100%
}

.memo_list .list-body table {
    padding: 0 20px;
    background-color: #FFF
}

.memo_list .list-body td {
    font-size: 16px;
    height: 54px;
    line-height: normal
}

.memo_list .list-body td input {
    width: auto
}

.memo_list .list-body td.time {
    font-size: 13px;
    letter-spacing: -0.4px
}

.memo_list .list-body .AB-LF-common {
    font-weight: 600;
    word-break: keep-all
}

.memo_list .list-body .call {
    padding: 4px 8px;
    background: #3998D7;
    color: #fff;
    font-size: 14px
}

.memo_list .paging .ABA-list-paging {
    margin: 0
}

.memo_list .tmp-null {
    text-align: center;
    font-size: 22px;
    background: #F9F9F9;
    border: 1px solid #EEE
}

.memo_list .tmp-null strong {
    display: block;
    padding: 200px 0;
    color: #999;
    font-weight: 500
}

.memo_list .list-body {
    display: grid;
    gap: 1px;
    background-color: #F2F4F6
}

.memo_list .list-body .cell {
    display: flex;
    justify-content: space-between;
    background-color: #FFF;
    padding: 0 16px
}

.memo_list .list-body .cell .article {
    width: 100%;
    padding: 0 !important
}

.memo_list .list-body .cell a.call {
    display: flex;
    gap: 4px;
    padding: 4px 12px;
    align-items: center
}

.memo_list .list-body .cell a.call:hover .AB-LF-common {
    transition: all 0.2s;
    text-decoration: underline
}

.memo_list .list-body .cell a.call div {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px 12px
}

.memo_list .list-body .cell a.call > i {
    height: 44px;
    min-width: 44px;
    text-align: center;
    line-height: 44px;
    border-radius: 8px
}

.memo_list .list-body .cell .date {
    font-size: 13px;
    color: #999;
    font-weight: normal
}

.memo_list .list-body .cell .call {
    padding: 0;
    background: none;
    color: #333;
    font-size: 16px;
    font-weight: 600
}

.memo_list .list-body .cell .c1 {
    background-color: #f5e0e9
}

.memo_list .list-body .cell .c2 {
    background-color: #e3e2e0
}

.memo_list .list-body .cell .c3 {
    background-color: #eee0da
}

.memo_list .list-body .cell .c4 {
    background-color: #dbeddb
}

.memo_list .list-body .cell .c5 {
    background-color: #fadec9
}

.memo_list .list-body .cell .c6 {
    background-color: #d3e5ef
}

.memo_list .list-body .cell .c7 {
    background-color: #e8deee
}

.memo_list .list-body .cell .c8 {
    background-color: #d3e5ef
}

.memo_list .list-body .cell .c9 {
    background-color: #f1f0ef
}

.memo_list .list-body .cell .c0 {
    background-color: #dae0ee
}

.memo_list .cell .ctrl {
    display: flex;
    align-items: center;
    gap: 4px
}

.memo_list .cell .ctrl a {
    font-size: 16px;
    color: #AAA;
    font-weight: 300;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%
}

.memo_list .cell .ctrl a:hover {
    background-color: #F0F0F0;
    transition: all 0.3s
}

.write_guide {
    border: 1px solid #E0E0E0;
    margin: 10px 0;
    background: #FFF
}

.write_guide dl dt {
    padding: 12px 15px;
    color: #663399;
    font-weight: 600;
    font-size: 16px
}

.write_guide dl dd {
    font-size: 14px;
    cursor: pointer;
    padding: 15px;
    border-top: 1px solid #EEE;
    color: #666;
    letter-spacing: -1px
}

.write_guide dl dd:hover {
    color: #000;
    background: #F5F5F5;
    transition: all .2s ease-in-out
}

.write_guide dl dd em {
    display: inline-block;
    background: url('https://cdn.ibos.kr/images/board_icon_set.png') no-repeat;
    width: 15px;
    height: 15px;
    position: relative;
    top: 3px;
    margin-right: 10px
}

.write_guide .guide_pop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999
}

.write_guide .guide_pop > div {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -275px;
    margin-left: -300px;
    width: 600px;
    height: 550px;
    background: #fff;
    border: 1px solid #777
}

.write_guide .guide_pop .close {
    position: absolute;
    right: 16px;
    top: 16px
}

.write_guide .guide_pop h3 {
    padding: 20px;
    font-size: 19px;
    color: #639;
    font-weight: 600;
    border-bottom: 1px solid #E0E0E0
}

.write_guide .guide_pop h4 {
    padding: 20px;
    font-size: 30px;
    letter-spacing: -2px
}

.write_guide .guide_pop .wrap {
    width: 100%;
    height: 480px;
    overflow-y: auto
}

.write_guide .guide_pop .ABA-article-contents {
    padding: 10px 30px
}

#proposal .pr_header {
    position: relative;
    background: url('https://cdn.ibos.kr/images/p1486336_top_bg.jpg') no-repeat;
    height: 205px;
    padding: 60px 90px
}

#proposal .pr_header h1, #proposal .pr_header h3 {
    font-size: 40px;
    font-weight: normal;
    color: #D84138;
    letter-spacing: -2px;
    line-height: 48px
}

#proposal .pr_header h3 {
    color: #FFFFFF
}

#proposal .pr_header p {
    font-size: 18px;
    color: #FFF;
    padding-top: 50px
}

#proposal .sld_bn .nav ul {
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    background: #F2F4F6;
    padding: 6px 8px
}

#proposal .sld_bn .nav ul li {
    width: 100%
}

#proposal .sld_bn .nav ul li span {
    display: block;
    text-align: center;
    line-height: 44px;
    color: #999;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer
}

#proposal .sld_bn .nav ul li.active span {
    color: #000;
    background: #FFF;
    border-radius: 8px;
    transition: all 0.3s;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08)
}

#proposal .sld_bn .cont {
    background: #F6F6F6;
    margin: 20px 0;
    border-radius: 16px;
    overflow: hidden
}

#proposal .sld_bn .cont > div {
    display: none
}

#proposal .sld_bn .cont > div:first-child {
    display: block
}

#proposal .apply_form {
    position: absolute;
    top: 60px;
    right: 60px;
    width: 300px;
    height: 145px;
    border: 1px solid #FFF;
    padding: 20px 30px
}

#proposal .apply_form .cont {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    color: #FFF;
    padding: 30px;
    width: 300px;
    height: 125px
}

#proposal .apply_form .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFF;
    z-index: 9
}

#proposal .apply_form .closed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 10;
    opacity: 0.83
}

#proposal .apply_form .closed_text {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 12;
    color: #FFF;
    padding: 30px;
    width: 360px;
    height: 125px;
    font-size: 15px;
    line-height: 28px;
    box-sizing: border-box;
    text-align: center
}

#proposal .apply_form strong {
    display: block;
    font-size: 19px;
    font-weight: normal
}

#proposal .apply_form span {
    font-size: 15px;
    color: #999
}

#proposal .apply_form .f-form {
    position: relative;
    padding: 15px 0
}

#proposal .apply_form .f-form input {
    background: #FFF;
    width: 204px;
    height: 22px;
    padding: 8px 12px;
    cursor: pointer
}

#proposal .apply_form .f-form .btn_submit {
    position: absolute;
    top: 15px;
    right: 0;
    background: #FF4949;
    color: #FFF;
    text-align: center;
    line-height: 40px;
    width: 60px;
    font-size: 14px
}

#proposal .apply_form .dn {
    text-align: center;
    font-size: 13px
}

#proposal .apply_form .dn a {
    color: #FFF;
    font-size: 16px
}

#proposal .apply_form .dn img {
    position: relative;
    top: -2px;
    margin-left: 7px
}

#proposal .pr_body {
    overflow: hidden;
    margin-top: 20px
}

#proposal .pr_body > div {
    float: left;
    min-height: 100px
}

#proposal .pr_body .tit {
    position: relative;
    padding: 20px 0
}

#proposal .pr_body .tit h3 a {
    font-size: 21px;
    color: #000;
    font-weight: 600
}

#proposal .pr_body .tit p {
    font-size: 16px;
    color: #999
}

#proposal .pr_body .cont {
    width: 820px;
    padding-right: 20px
}

#proposal .pr_body .ly {
    width: 360px;
    background: #F9F9F9;
    margin-top: 0
}

#proposal .btn_request {
    position: absolute;
    bottom: 20px;
    right: 0px;
    background: #F0F0F0;
    width: 100px;
    text-align: center;
    line-height: 30px;
    font-size: 13px;
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    color: #666
}

#proposal .btn_request:hover {
    border-color: #333;
    color: #000;
    transition: all .2s ease-in-out
}

#proposal .request {
    overflow: hidden
}

#proposal .request .cell {
    float: left;
    width: 358px;
    border: 1px solid #E0E0E0;
    margin-bottom: 10px
}

#proposal .request .cell:hover {
    border-color: #888888;
    transition: all .1s ease-in-out
}

#proposal .request .cell a {
    display: block;
    padding: 15px
}

#proposal .request .cell a:hover {
    color: inherit
}

#proposal .request .cell.num_1, #proposal .request .cell.num_3, #proposal .request .cell.num_5, #proposal .request .cell.num_7 {
    margin-right: 10px
}

#proposal .request .category_1 {
    color: #8A6FA7;
    font-size: 15px
}

#proposal .request .text-ellipsis {
    font-size: 18px;
    margin-bottom: 10px;
    letter-spacing: -1px;
    color: #000
}

#proposal .request .info span {
    color: #999;
    font-size: 13px
}

#proposal .request .info span em {
    font-style: normal;
    color: #FF4949
}

#proposal .request .info p {
    display: inline-block;
    font-size: 13px;
    color: #FF4949
}

#proposal .request .info label {
    padding: 0 5px
}

#proposal .request .info .BDU_tob em {
    color: #000
}

#proposal #BnMain {
    background: #F9F9F9;
    text-align: center;
    margin: 12px 0
}

#proposal #BnMain img {
    width: 100%;
    height: auto;
    border-radius: 8px
}

#proposal .contents {
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 20px;
    margin-bottom: 20px
}

#proposal .contents .cell {
    clear: both;
    overflow: hidden;
    border-top: 1px solid #E0E0E0;
    padding: 20px 0
}

#proposal .contents .cell:first-child {
    border-top: 0
}

#proposal .contents .cell a {
    display: block
}

#proposal .contents .cell a:hover .subject {
    text-decoration: underline
}

#proposal .contents .thumb_img {
    float: left;
    margin-right: 25px
}

#proposal .contents .subject {
    font-size: 17px;
    line-height: 18px;
    color: #000
}

#proposal .contents .comment_1 {
    font-size: 14px;
    color: #999;
    padding: 15px 0;
    line-height: 21px
}

#proposal .contents .count {
    position: relative;
    font-size: 14px;
    color: #999
}

#proposal .contents .count em {
    display: inline-block;
    padding: 0 7px
}

#proposal .contents .vote {
    position: absolute;
    top: 0;
    right: 0;
    color: #FF4949
}

#proposal .services {
    overflow: hidden
}

#proposal .services .cell {
    margin-bottom: 8px
}

#proposal .services .cell a {
    display: block;
    padding: 12px 24px;
    font-size: 14px;
    background: #FFF;
    border-radius: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #666;
    border: 1px solid #EAEAEA
}

#proposal .services .cell a:hover {
    color: #000;
    background: #FAFAFA
}

#proposal .services .cell a i {
    margin-right: 12px
}

#proposal .services .cell a i.fad {
    color: #639
}

#proposal .services.top_fixed .cell a {
    background: #F5F5F5;
    color: #333;
    border-color: #F0F0F0
}

#proposal .services.top_fixed .cell a:hover {
    text-decoration: underline
}

#proposal .expert .cell {
    background: #FFF;
    border: 1px solid #DFDFDF;
    margin: 10px
}

#proposal .expert .cell:hover {
    border-color: #888888;
    transition: all .1s ease-in-out
}

#proposal .expert .cell > a {
    overflow: hidden;
    display: block;
    padding: 15px;
    clear: both
}

#proposal .expert .cell > a:hover {
    color: inherit
}

#proposal .expert .exp_serv_desc {
    font-size: 15px;
    padding-bottom: 7px
}

#proposal .expert .exp_info {
    color: #999;
    font-size: 13px
}

#proposal .expert .prof {
    float: left;
    margin-right: 15px;
    text-align: center
}

#proposal .expert .prof .expert_name {
    font-size: 17px
}

#proposal .expert .review_cnt {
    overflow: hidden;
    clear: both;
    border-top: 1px dotted #DFDFDF;
    text-align: right;
    padding: 10px 20px
}

#proposal .expert .review_cnt p {
    float: right
}

#proposal .expert .review_cnt img {
    position: relative;
    top: -2px
}

#proposal .expert .review_cnt .count.done {
    color: #FF4949;
    padding-right: 2px
}

#proposal .expert .review_cnt .nickname {
    float: left
}

#proposal .expert .expert_more a {
    display: block;
    border: 1px solid #E0E0E0;
    background: #FFF;
    font-size: 14px;
    color: #000;
    line-height: 42px;
    text-align: center;
    margin: 0 10px;
    margin-bottom: 20px
}

#proposal .expert .expert_more a:hover {
    background: #F0F0F0;
    transition: all .2s ease-in-out
}

#proposal .agency_list {
    overflow: hidden;
    padding: 0 20px
}

#proposal .agency_list > div {
    float: left;
    width: 30.33%;
    text-align: center;
    padding: 1.5%
}

#proposal .agency_list .logo {
    height: 76px;
    background: #FFF;
    overflow: hidden
}

#proposal .agency_list img {
    max-height: 78px
}

#proposal .agency_list span {
    display: block;
    font-size: 12px;
    letter-spacing: -1px;
    line-height: 18px;
    min-height: 36px;
    padding-top: 3px;
    word-break: break-all
}

#proposal .dir_wrap .tit ul {
    position: absolute;
    top: 20px;
    right: 15px;
    line-height: 28px
}

#proposal .dir_wrap .tit ul::after {
    clear: both;
    display: block;
    content: ""
}

#proposal .dir_wrap .tit ul li {
    float: left
}

#proposal .dir_wrap .tit ul li span {
    display: inline-block;
    margin-left: 12px;
    cursor: pointer;
    font-size: 13px;
    color: #999
}

#proposal .dir_wrap .tit ul li.on span {
    color: #000
}

#proposal .dir_wrap .list {
    padding: 0 10px;
    margin-bottom: 20px
}

#proposal .dir_wrap .list::after {
    clear: both;
    display: block;
    content: ""
}

#proposal .dir_wrap .list .cell {
    float: left;
    width: 87px;
    margin: 12px
}

#proposal .dir_wrap .list .cell a {
    display: block
}

#proposal .dir_wrap .list .cell a:hover p {
    text-decoration: underline
}

#proposal .dir_wrap .list .cell p {
    font-size: 14px;
    letter-spacing: -0.5px;
    line-height: 17px;
    height: 32px;
    margin: 6px 4px 12px 4px;
    color: #333;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

#proposal .dir_wrap .list .cell .logo {
    border: 1px solid #EEE;
    width: 95px;
    height: 95px;
    line-height: 95px;
    text-align: center;
    background: #FFF
}

#proposal .dir_wrap .list .cell .logo img {
    border-radius: 3px;
    max-width: 75px;
    max-height: 75px
}

#proposal .dir_wrap .list .more {
    clear: both;
    background: #FFF
}

#proposal .dir_wrap .list .more a {
    display: block;
    border: 1px solid #EEE;
    line-height: 28px;
    text-align: center;
    color: #666
}

#proposal #dir_cont {
    background: #F9F9F9;
    min-height: 960px
}

#proposal .dir_wrap .list .cell.dummy p {
    background: #F0F0F0;
    height: 12px;
    width: 90%;
    display: inline-block
}

#proposal .dir_wrap .list .cell.dummy p:last-child {
    width: 60%;
    margin: 0
}

#proposal .proposal_bd {
    padding: 20px 0
}

.cmt-wf-limit-bg {
    position: relative;
    background: #F9F9F9;
    font-size: 14px;
    padding: 20px;
    margin: 10px 70px 30px 0;
    border-radius: 10px
}

.cmt-wf-limit-bg p span {
    color: #ff4949;
    font-weight: bold
}

.cmt-wf-limit-bg a {
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -12px;
    padding: 7px 15px;
    font-size: 13px;
    color: #fff;
    background: #3998D7
}

.sf-cmt {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-top: 6px
}

.sf-cmt .submit-box {
    padding: 10px;
    border: 1px solid #e0e0e0;
    border-width: 0 1px 1px 1px;
    background: #f9f9f9
}

.sf-cmt .submit-box:after {
    content: '';
    display: block;
    clear: both
}

.sf-cmt .submit-box .ad-img {
    float: left
}

.sf-cmt .submit-box .ad-img span {
    display: inline-block;
    vertical-align: top
}

.sf-cmt .submit-box .ad-img span:first-child {
    padding: 7px 16px;
    margin-right: 10px;
    font-size: 14px;
    color: #fff;
    background: #369;
    cursor: pointer
}

.cmt-wf-limit-cmt {
    margin-top: 6px
}

.cmt-wf-limit-cmt .textbox {
    height: 120px;
    border: 1px solid #e0e0e0
}

.cmt-wf-limit-cmt .submit-box .submit {
    float: right;
    width: 100px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
    color: #fff;
    background: #797D84;
    cursor: pointer
}

.cmt-wf-limit-recmt > div {
    float: left
}

.cmt-wf-limit-recmt .submit-cv {
    float: right
}

.cmt-wf-limit-recmt .textbox {
    width: 574px;
    height: 120px;
    border: 1px solid #e0e0e0
}

.cmt-wf-limit-recmt .submit-cv span {
    display: block;
    width: 100px;
    line-height: 32px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background: #797D84;
    cursor: pointer
}

.cmt-wf-limit-recmt .submit-cv .submit {
    margin-bottom: 5px
}

#newsFeed.mileage {
    padding-bottom: 100px
}

#newsFeed.mileage h3 {
    font-size: 17px;
    margin: 20px 0 10px 0
}

.mileage .bdshadow {
    background: #FFF;
    box-shadow: none !important
}

.mileage .Prof {
    text-align: center;
    padding-top: 20px
}

.mileage .Prof .nickname {
    display: block;
    font-size: 17px;
    padding-top: 7px;
    color: #000
}

.mileage .my_ltr_cash {
    overflow: hidden;
    border-top: 1px solid #E5E3E6;
    padding: 20px;
    margin-top: 20px;
    text-align: left
}

.mileage .my_ltr_cash p {
    position: relative;
    text-align: right;
    line-height: 32px;
    font-size: 13px;
    font-weight: 600
}

.mileage .my_ltr_cash p label {
    position: absolute;
    top: 0;
    left: 0;
    font-weight: normal;
    color: #555
}

.mileage .ltr_purchase {
    display: block;
    text-align: center;
    background: #448AFF;
    color: #FFF;
    line-height: 32px;
    font-size: 13.5px;
    margin-top: 10px
}

.mileage .ltr_gift {
    display: block;
    text-align: center;
    color: #448AFF;
    line-height: 30px;
    font-size: 13.5px;
    margin-top: 7px;
    border: 1px solid #448AFF
}

.mileage .w50 {
    float: left;
    width: 70px;
    margin-top: 7px;
    display: block;
    text-align: center;
    color: #448AFF;
    line-height: 30px;
    font-size: 13.5px;
    border: 1px solid #448AFF
}

.mileage .w50.cash_to_money {
    margin-right: 4px;
    cursor: pointer
}

.mileage .cash_gift {
    margin-top: 7px;
    display: block;
    text-align: center;
    color: #448AFF;
    line-height: 30px;
    font-size: 13.5px;
    border: 1px solid #448AFF
}

.mileage .cnh_sub {
    position: relative;
    margin-top: 10px;
    background: #FFF;
    border: 1px solid #E0E0E0
}

.mileage .cnh_sub ul li {
    font-size: 14px;
    line-height: 44px
}

.mileage .cnh_sub ul li:first-child a {
    border-bottom: 1px solid #F5F5F5
}

.mileage .cnh_sub ul li a {
    position: relative;
    display: block;
    color: #000;
    text-indent: 52px
}

.mileage .cnh_sub ul li a:hover {
    border-color: #E5E5E5;
    text-decoration: underline
}

.mileage .cnh_sub ul li.on a {
    background: #F5F5F5;
    border-color: #E5E5E5;
    font-weight: 600
}

.mileage .cnh_sub ul li a label {
    position: absolute;
    top: 15px;
    left: 25px;
    display: inline-block;
    text-indent: -999em;
    width: 15px;
    height: 15px;
    background: url('https://cdn.ibos.kr/images/profile_icon_set.png?v=21040702') no-repeat
}

.mileage .cnh_sub ul li a label.ltr {
    background-position: 0 -80px
}

.mileage .cnh_sub ul li a label.cash {
    background-position: -40px -80px
}

.mileage .cnh_sub ul li a label.item {
    background-position: -80px -80px
}

.mileage .cnh_sub ul li a label.boscon {
    background-position: -120px -80px
}

.mileage .cnh_sub ul li.on a label.ltr {
    background-position: -20px -80px
}

.mileage .cnh_sub ul li.on a label.cash {
    background-position: -60px -80px
}

.mileage .cnh_sub ul li.on a label.item {
    background-position: -100px -80px
}

.mileage .cnh_sub ul li.on a label.boscon {
    background-position: -140px -80px
}

.mileage .cnh_sub .help {
    position: absolute;
    bottom: -36px;
    left: 50px;
    font-size: 14px
}

.mileage .cnh_sub .help.on {
    font-weight: 600;
    color: #000
}

.mileage .current_ltr {
    margin-bottom: 10px
}

.mileage .current_ltr ul {
    overflow: hidden;
    max-height: 102px
}

.mileage .current_ltr ul li {
    float: left;
    padding: 20px 0
}

.mileage .current_ltr ul li p {
    font-size: 17px
}

.mileage .current_ltr ul li strong {
    font-size: 24px;
    color: #448AFF
}

.mileage .current_ltr ul li span {
    display: block;
    font-size: 13px;
    color: #999
}

.mileage .current_ltr ul li:first-child {
    padding: 20px 40px
}

.mileage .current_ltr ul li em.litter_title {
    display: block;
    width: 62px;
    height: 62px;
    text-indent: -999em;
    background: url('https://cdn.ibos.kr/images/profile_icon_set.png?v=2021040702') no-repeat;
    background-position: -180px 0
}

.mileage .current_cash ul li em.litter_title {
    background-position: -245px -0
}

.mileage .current_ltr ul li em.boscon_title {
    display: block;
    width: 62px;
    height: 62px;
    text-indent: -999em;
    background: url('https://cdn.ibos.kr/images/profile_icon_set.png?v=2021040702') no-repeat;
    background-position: -310px 0
}

.mileage .tabs ul {
    overflow: hidden;
    display: table;
    width: 100%
}

.mileage .tabs ul li {
    display: table-cell;
    border-left: 1px solid #E0E0E0
}

.mileage .tabs ul li:first-child {
    border-left: none
}

.mileage .tabs ul li a {
    display: block;
    background: #F1F1F1;
    text-align: center;
    font-size: 16px;
    line-height: 52px;
    border-bottom: 1px solid #EAEAEA;
    color: #999
}

.mileage .tabs ul li a:hover {
    color: #333
}

.mileage .tabs ul li.active a {
    background: #FFF;
    color: #333;
    border-color: #FFF
}

.mileage #tax_invoice_list {
    margin: 0;
    width: 100%
}

.mileage .litter_details .certify_info_tab {
    text-align: center;
    padding: 100px 0
}

.mileage .litter_details .certify_info_tab p {
    font-size: 16px;
    margin-bottom: 30px
}

.mileage .litter_details .certify_info_tab a {
    display: inline-block;
    width: 200px;
    line-height: 40px;
    background: #333;
    font-size: 15px;
    color: #fff;
    text-align: center;
    border-radius: 4px
}

.mileage .litter_details {
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 100px
}

.mileage .litter_details table tr td {
    border-top: 1px solid #EAEAEA;
    padding: 8px 0
}

.mileage .litter_details table tr:first-child td {
    border-top: 0
}

.mileage .litter_details .subject {
    font-size: 16px
}

.mileage .litter_details .list {
    padding: 12px 0
}

.mileage .litter_details .ltr_cat {
    padding: 20px 0
}

.mileage .litter_details .ltr_cat p {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 15px
}

.mileage .litter_details .ltr_cat p.plus {
    border: 1px solid #448AFF;
    color: #448AFF
}

.mileage .litter_details .ltr_cat p.minus {
    border: 1px solid #FF4949;
    color: #FF4949
}

.mileage .litter_details .ltr_cat p.charge, .mileage .litter_details .ltr_cat p.paid {
    border: 1px solid #663399;
    color: #663399
}

.mileage .litter_details .ltr_cat p.return {
    border: 1px solid #663399;
    color: #663399
}

.mileage .litter_details span.AB-LF-common {
    display: block;
    margin-bottom: 4px
}

.mileage .litter_details span.AB-LF-common span {
    display: none
}

.mileage .litter_details .det_info span {
    display: inline-block;
    color: #787878;
    font-size: 12px
}

.mileage .litter_details .det_info b {
    margin: 0 8px;
    color: #787878
}

.mileage .litter_details .det_info span.bstip {
    cursor: default
}

.mileage .litter_details .det_info span.closed {
    color: #E55757
}

.mileage .litter_details .det_info a {
    color: #787878
}

.mileage .litter_details .det_info a:hover {
    text-decoration: underline
}

.mileage .litter_details .det_info em {
    display: inline-block;
    font-style: normal;
    margin-right: 10px;
    color: #787878
}

.mileage .litter_details .ltr_num strong {
    font-size: 17px;
    font-weight: bold
}

.mileage .litter_details .ltr_num strong.plus {
    color: #448AFF
}

.mileage .litter_details .ltr_num strong.minus {
    color: #FF4949
}

.mileage .litter_details .ltr_num p.total_price {
    font-size: 17px
}

.mileage .litter_details .ltr_chg_amount {
    font-size: 17px
}

.mileage .litter_details .take_subject {
    margin: 4px 0;
    color: #666;
    max-width: 448px;
    font-size: 13px
}

.mileage .litter_details .comment {
    margin-top: 5px;
    font-size: 12px;
    color: #888
}

.mileage .litter_details .cash-msg {
    margin-bottom: 6px;
    font-size: 13px;
    color: #888
}

.mileage .litter_details .nav {
    background: #FFF;
    margin-bottom: 10px
}

.mileage .nav {
    position: relative
}

.mileage .nav div {
    margin: 20px 12px 0 12px
}

.mileage .nav ul {
    overflow: hidden
}

.mileage .nav ul li {
    float: left;
    width: 83px
}

.mileage .nav ul li:first-child a {
    border-left: 1px solid #E0E0E0
}

.mileage .nav ul li a {
    display: block;
    text-align: center;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #E0E0E0;
    border-left: 0;
    background: #F9F9F9;
    color: #333;
    font-weight: 500
}

.mileage .nav ul li a.active {
    font-size: 13px;
    background: #375199;
    color: #FFF;
    border-color: #375199
}

.mileage .nav ul li a:hover {
    text-decoration: underline
}

.mileage .null {
    text-align: center;
    padding: 100px 0
}

.mileage .null p {
    font-size: 19px;
    margin-top: 20px
}

.mileage .null p label {
    color: #448AFF
}

.mileage .null i {
    font-size: 55px;
    color: #666
}

.mileage .recent_7 {
    background: #F5F5F5;
    font-size: 12px;
    text-align: center;
    margin: 20px;
    margin-bottom: 0
}

.mileage .recent_7 p {
    padding: 10px
}

.mileage .recent_7 label {
    color: #448AFF
}

.mileage .ltr_menu ul li {
    border-top: 1px solid #EEE;
    font-size: 13.5px;
    padding-left: 22px;
    line-height: 46px;
    color: #333;
    cursor: pointer
}

.mileage .ltr_menu ul li:first-child {
    border-top: 0
}

.mileage .ltr_menu ul li:hover {
    background: #F5F5F5;
    transition: all .2s ease-in-out;
    color: #663399
}

.mileage .ltr_menu ul li em {
    display: inline-block;
    background: url('https://cdn.ibos.kr/images/board_icon_set.png') no-repeat;
    width: 15px;
    height: 15px;
    position: relative;
    top: 17px;
    margin-right: 10px;
    text-indent: -999em
}

#sideRight .menu-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 950
}

#sideRight .menu-popup > div {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -275px;
    margin-left: -300px;
    width: 600px;
    height: 550px;
    background: #fff;
    border: 1px solid #777;
    z-index: 999
}

#sideRight .menu-popup h3 {
    padding: 20px;
    margin: 0;
    font-size: 19px;
    color: #448AFF;
    font-weight: 600;
    border-bottom: 1px solid #e0e0e0
}

#sideRight .menu-popup .close {
    position: absolute;
    right: 16px;
    top: 16px;
    opacity: .2;
    cursor: pointer
}

#sideRight .menu-popup .close:hover {
    opacity: 1
}

#sideRight .menu-popup .wrap {
    width: 100%;
    height: 480px;
    overflow-y: auto
}

.mileage .graph_wrap {
    border: 1px solid #E0E0E0
}

.mileage .ltr_graph {
    background: #FFF;
    padding: 20px
}

.mileage .ltr_graph .title {
    font-size: 16px;
    letter-spacing: -1px
}

.mileage .ltr_graph_chart {
    position: relative;
    height: 190px;
    padding-left: 50px;
    background: url('https://cdn.ibos.kr/images/ltr_graph_bg.png') no-repeat
}

.mileage .ltr_graph_chart:after {
    display: block;
    content: "";
    clear: both
}

.mileage .ltr_graph .item_bar {
    float: left;
    margin-top: 5px;
    padding: 0px 23px;
    height: 185px
}

.mileage .item_bar .bar_wrap {
    position: relative;
    width: 25px;
    height: 159px;
    margin: 2px auto 10px
}

.mileage .item_bar .day {
    font-size: 13px;
    color: #999
}

.mileage .item_bar .bar {
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    border: 1px solid
}

.mileage .item_bar .bar_pass .bar {
    border-color: #d9e2f0;
    background: #eaf0fb
}

.mileage .item_bar .bar_pass .bar:hover {
    background: #c5dbff;
    transition: all .2s ease-in-out
}

.mileage .item_bar .bar_excess .bar {
    border-color: #ff9191;
    background: #ffb6b6
}

.mileage .item_bar .toggle {
    display: block;
    position: absolute;
    top: -25px;
    left: -50px;
    width: 123px;
    height: 28px;
    line-height: 24px;
    text-align: center;
    color: #285299
}

.mileage .level_bar .level_gage_wrap {
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    height: 20px;
    background: #EEE
}

.mileage .level_bar .level_gage_wrap:hover .level_gage_toggle, .mileage .level_gage_wrap:hover .level_gage_arrow {
    display: block
}

.mileage .level_bar .level_gage_wrap .level_gage_bar {
    position: relative
}

.mileage .level_bar .level_gage_toggle {
    display: none;
    position: absolute;
    top: -23px;
    padding-bottom: 1px
}

.mileage .level_bar .level_gage_point {
    height: 20px;
    line-height: 20px;
    padding: 0px 10px;
    font-size: 11px;
    color: #285299;
    font-family: Tahoma, serif;
    font-weight: 600
}

.level_bar .level_gage_point span {
    padding-right: 3px
}

.mileage .litter_level_box {
    padding: 10px 20px;
    background: #FFF
}

.mileage .litter_level_box .level_box .nickname {
    height: 20px;
    line-height: 20px;
    margin-bottom: 25px;
    font-size: 13px
}

.mileage .litter_level_box .level_box .nlevel {
    margin: 0px 5px 3px 0px
}

.mileage .litter_level_box .level_bar {
    position: relative;
    width: 100%;
    height: 45px
}

.mileage .litter_level_box .level_bar .level_gage_bar_bg {
    height: 20px;
    background: #9FBDFA
}

.mileage .litter_level_box .level_bar .level_gage_toggle {
    display: block;
    top: 0px;
    left: auto !important;
    right: 5px !important
}

.mileage .litter_level_box .level_bar .marks {
    position: relative;
    padding-top: 20px
}

.mileage .litter_level_box .level_bar .marks p {
    text-align: center;
    line-height: 22px;
    font-weight: normal;
    color: #787878
}

.mileage .litter_level_box .level_bar .marks span {
    position: absolute;
    top: 20px;
    font-family: Tahoma, serif;
    font-weight: 600;
    color: #285299;
    font-size: 11px;
    line-height: 22px
}

.mileage .litter_level_box .level_bar .marks span.nxt_ltr {
    right: 0
}

.mileage .level_ppu_wrap {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%
}

.mileage .level_ppu_cont {
    position: relative;
    width: 965px;
    margin: 0% auto
}

.mileage .level_ppu {
    position: absolute;
    right: -170px;
    display: none;
    height: 51px
}

.mileage .level_ppu_close {
    position: absolute;
    top: 1px;
    right: 6px;
    cursor: pointer;
    z-index: 10
}

.mileage .litter_details .ltr_cash_help_LF .subject_text {
    font-size: 14px
}

.mileage .litter_details .ltr_cash_help h1 {
    padding: 20px
}

.mileage .litter_details .ltr_cash_help .ABA-article-contents {
    padding: 60px 45px
}

.mileage .litter_details .ltr_cash_help .article_fnc {
    text-align: center;
    padding: 35px 0
}

.mileage .litter_details .state_Y, .mileage .litter_details .state_N, .mileage .litter_details .state_S {
    font-size: 14px
}

.mileage .litter_details .state_Y {
    color: #454545
}

.mileage .litter_details .state_N {
    color: #AAA;
    text-decoration: line-through
}

.mileage .litter_details .state_S {
    color: #448AFF
}

.mileage .ltr_cach_tr {
    padding: 20px 30px;
    overflow: hidden;
    border: 1px solid #e0e0e0;
    background: #fff
}

.mileage .ltr_cach_tr p {
    display: inline-block;
    font-size: 15px;
    line-height: 26px
}

.mileage .ltr_cach_tr a {
    padding: 5px 25px;
    float: right;
    background: #448AFF;
    color: #fff;
    font-size: 13px
}

#biz_apply_form #submit_btn {
    display: inline-block;
    width: 80px;
    height: 38px;
    line-height: 38px;
    background: #F0F0F0;
    border: 1px solid #BEBEBE;
    text-align: center;
    font-size: 14px;
    color: #888;
    margin-left: 7px;
    font-weight: 600;
    box-shadow: 0 0 6px rgba(0,0,0,0.15)
}

#rows3 .bg_bd {
    border: 1px solid #E0E0E0;
    background: #FFF
}

#rows3 .wrap {
    overflow: hidden;
    width: 1170px;
    margin: 0px auto;
    padding: 20px 0
}

#rows3 .wrap > div {
    float: left;
    min-height: 200px
}

#rows3 .wrap .lnb {
    width: 140px
}

#rows3 .side {
    width: 300px
}

#rows3 .wrap #AB_contents {
    width: 690px;
    margin: 0 20px
}

#rows3 .wrap .board_table {
    background: #FFF;
    border: 1px solid #E0E0E0;
    border-bottom: 0
}

.r3_view {
    background: #FFF;
    border: 1px solid #E0E0E0
}

#bom_articles_lst .ArticleBtn a {
    display: none
}

#bom_articles_lst .BD2986 .table-mbb tr:first-child td {
    border-top: 0
}

#bom_articles_lst #top_bd_article {
    border-top: 1px solid #663399
}

#bom_articles_lst #top_bd_article .category {
    display: inline-block;
    border: 1px solid #DDD;
    margin: 0 2px 0 5px;
    padding: 1px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 45px;
    vertical-align: top;
    text-align: center;
    background: #FFF;
    color: #999;
    line-height: 18px;
    height: 18px;
    font-size: 10px;
    letter-spacing: 0
}

#bom_articles_lst .BD2986 .table-mbb .category {
    display: inline-block;
    background: #F9F9F9;
    border: 1px solid #EAEAEA;
    margin: 0 2px 0 5px;
    font-size: 12px;
    padding: 1px 0;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 45px;
    vertical-align: top;
    text-align: center
}

#article2 .tab_container .fav .pop_setting#MyFavTopic {
    display: none;
    z-index: 9999;
    border: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none
}

#MyFavTopic .bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 9999
}

#MyFavTopic .position {
    overflow: hidden;
    position: absolute;
    top: 10%;
    left: 50%;
    margin-left: -375px;
    background: #FFF;
    height: 80%;
    z-index: 10000;
    box-shadow: 0 1px 8px rgba(0,0,0,0.35)
}

#MyFavTopic .position > form {
    overflow-y: auto;
    height: 90%
}

#MyFavTopic h1 {
    position: relative;
    font-size: 21px;
    text-align: center;
    line-height: 60px;
    background: #F5F5F5
}

#MyFavTopic h1 span {
    position: absolute;
    top: 24px;
    right: 20px;
    cursor: pointer;
    width: 14px;
    height: 14px;
    text-indent: -999em;
    background: url('https://cdn.ibos.kr/images/iboss_main_icon_set.png?v=18070901') no-repeat;
    background-position: -15px -240px
}

#MyFavTopic .wrap {
    padding: 25px
}

#MyFavTopic .wrap > div {
    overflow: hidden
}

#MyFavTopic .wrap dl > div {
    overflow: hidden;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #E0E0E0
}

#MyFavTopic .wrap dl dt {
    float: left;
    width: 90px
}

#MyFavTopic .wrap dl dd {
    float: left;
    width: 553px
}

#MyFavTopic .wrap h5 {
    clear: both;
    font-size: 14px;
    padding-top: 5px;
    color: #222;
    font-weight: normal
}

#MyFavTopic .wrap p {
    position: relative;
    float: left;
    width: 138px
}

#MyFavTopic .wrap p em {
    position: absolute;
    top: 9px;
    left: 0;
    z-index: 10;
    display: block;
    width: 13px;
    height: 13px;
    background: url('https://cdn.ibos.kr/images/iboss_main_icon_set.png?v=18070901') no-repeat;
    background-position: -1px -241px
}

#MyFavTopic .wrap input {
    height: 0;
    width: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

#MyFavTopic .wrap label {
    display: block;
    font-size: 13px;
    cursor: pointer;
    line-height: 28px;
    text-indent: 17px;
    color: #999;
    letter-spacing: -1px
}

#MyFavTopic .wrap label:hover {
    text-decoration: underline
}

#MyFavTopic .wrap p.on em {
    background-position: -1px -256px
}

#MyFavTopic .wrap p.on label {
    color: #FF9933;
    font-weight: 600
}

#MyFavTopic .fav_buttons {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 5px;
    clear: both
}

#MyFavTopic .fav_buttons a {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    width: 150px;
    line-height: 40px;
    cursor: pointer;
    vertical-align: top;
    box-shadow: 0 0 6px rgba(0,0,0,0.15);
    text-align: center;
    margin: 0;
    border: 1px solid
}

#MyFavTopic .fav_buttons a.btn_confirm {
    background: #663399;
    margin-right: 10px;
    border-color: #4d2673
}

#MyFavTopic .fav_buttons a.btn_cancel {
    background: #F0F0F0;
    color: #888;
    width: 80px;
    border-color: #BEBEBE
}

#MyFavTopic .fav_buttons a.btn_confirm:hover {
    background: #4d2673;
    transition: all .2s ease-in-out
}

#MyFavTopic .fav_buttons a.btn_cancel:hover {
    background: #D5D5D5;
    transition: all .2s ease-in-out;
    color: #333
}

#ntcbox .wrap {
    border: 1px solid #E0E0E0;
    margin-bottom: 30px
}

#ntcbox .title {
    overflow: hidden;
    padding-bottom: 5px;
    letter-spacing: -1px;
    border: 1px solid #E0E0E0;
    border-bottom: 0;
    padding: 7px 12px
}

#ntcbox .title a {
    float: right;
    padding: 1px 6px;
    color: #787878;
    border: 1px solid #E0E0E0
}

#ntcbox .title a:hover {
    background: #F0F0F0;
    color: #000;
    -webkit-transition: all .2s;
    transition: all .2s
}

#ntcbox .title a:focus {
    border: 1px solid #1E88E5
}

#ntcbox .title strong {
    font-size: 12px;
    color: #454545
}

#ntcbox .list {
    position: relative;
    border-top: 1px dotted #E0E0E0;
    padding: 12px 15px;
    font-size: 13px;
    background: #FAFAFA
}

#ntcbox .list:first-child {
    border-top: 0
}

#ntcbox .list label {
    display: inline-block;
    color: #FFF;
    background: #CCC;
    width: 17px;
    height: 15px;
    margin-right: 7px;
    text-align: center;
    line-height: 16px;
    font-size: 11px;
    font-weight: 600
}

#ntcbox .list .mb_writer {
    position: absolute;
    top: 12px;
    right: 0;
    width: 100px;
    font-size: 12px;
    color: #888;
    font-weight: 600
}

#ntcbox .nav_subject {
    font-size: 13.5px;
    font-weight: 600;
    color: #064c92;
    letter-spacing: -0.5px
}

#ntcbox .nav_subject:hover {
    text-decoration: underline
}

#hidden_iframe {
    width: 1px;
    height: 1px;
    border: 0
}

#chuseok {
    background: url('https://cdn.ibos.kr/images/180917_event_landing_bg.jpg') #010101 no-repeat;
    text-align: center;
    color: #FFF
}

#chuseok h1, #chuseok h5 {
    color: #FFF;
    font-weight: normal;
    letter-spacing: -1px
}

#chuseok h1 {
    font-size: 42px;
    padding: 10px 0
}

#chuseok h5 {
    font-size: 23px;
    padding-top: 70px
}

#chuseok .total_count {
    padding-top: 50px
}

#chuseok .total_count p {
    font-size: 14px
}

#chuseok .total_count strong {
    display: block;
    font-size: 28px;
    font-weight: normal;
    padding-top: 20px;
    letter-spacing: -1px
}

#chuseok .total_count .cnt {
    font-size: 44px
}

#chuseok table {
    width: 600px;
    margin: 50px auto 0 auto;
    border: 1px solid #574837;
    border-width: 1px 0 0 1px
}

#chuseok table tr th, #chuseok table tr td {
    border: 1px solid #574837;
    height: 60px;
    width: 120px;
    color: #FEFDDE;
    font-size: 15px;
    border-width: 0 1px 1px 0
}

#chuseok table tr td {
    font-size: 19px
}

#chuseok .btn {
    width: 450px;
    margin: 0 auto;
    padding-bottom: 50px
}

#chuseok .btn dl {
    text-align: left;
    margin-top: 50px;
    color: #b0aea9
}

#chuseok .btn dl dt {
    margin-bottom: 10px
}

#chuseok .btn dl dd {
    line-height: 1.625
}

#chuseok .btn a {
    display: block;
    background: #FFFDDF;
    line-height: 75px;
    font-size: 24px;
    margin: 50px 0
}

.BD6140_notice {
    position: relative;
    margin-bottom: 10px;
    border: 1px solid #2864e0;
    padding: 7px 12px 12px;
    text-align: center;
    background: #FFF
}

.BD6140_notice strong {
    font-weight: 500
}

.BD6140_notice span {
    display: block;
    color: #003471;
    font-size: 13px
}

.BD6140_notice a {
    font-size: 13px;
    letter-spacing: 0;
    padding-right: 10px;
    line-height: 30px
}

.my-meetup-list .list-item .conf-title.cancel span {
    color: #AAA;
    text-decoration: line-through
}

#moim_apply .clause .clause-box {
    border: 1px solid #EEE;
    padding: 15px;
    overflow-y: auto;
    height: 120px;
    margin-top: 5px;
    margin-bottom: 20px;
    background: #FCFCFC
}

#moim_apply .clause .clause-box strong {
    font-weight: 500;
    display: inline-block;
    padding-bottom: 5px
}

#moim_apply .clause .clause-box p {
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 160%;
    color: #666
}

.p1959_verification {
    position: relative;
    background: #FFECEC;
    padding: 11px 25px;
    font-size: 15px;
    font-weight: 400;
    color: #FF4949;
    border: 1px solid #ffb6b6
}

.p1959_verification i {
    margin-right: 3px
}

.p1959_verification a {
    color: inherit;
    letter-spacing: 0
}

.p1959_verification a.bd_R3 {
    position: absolute;
    top: 0;
    right: 10px;
    background: #FF4949;
    color: #FFF;
    font-size: 14px;
    line-height: 26px;
    margin: 9px 0;
    padding: 0 20px
}

.p1959_verification.verified {
    background: #E5EAF1;
    border-color: #99AEC6;
    color: #003471
}

#app-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999
}

#app-popup .bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: #000;
    opacity: .75
}

#app-popup .wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -240px;
    width: 600px;
    height: 480px;
    z-index: 1001
}

#app-popup .wrap span {
    position: absolute;
    top: 18px;
    right: 18px;
    font-size: 24px;
    cursor: pointer
}

.checkbox-namecard {
    padding: 0 0 20px 40px
}

.checkbox-namecard input {
    display: none
}

.checkbox-namecard label {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #d4d4d5;
    background: #fff;
    vertical-align: middle;
    margin-right: 5px;
    color: #fff;
    cursor: pointer;
    position: relative;
    top: -1px
}

.checkbox-namecard label.fa-check {
    background-color: #2185d0;
    border-color: #2185d0;
    text-align: center;
    line-height: 14px
}

.checkbox-namecard span {
    display: inline!important;
    cursor: pointer;
    font-size: 13px
}

.checkbox-namecard em {
    margin-left: 5px
}

.know_card.nor-board {
    padding: 0;
    margin: 15px 0 5px 0
}

.rehearsal {
    border-top: 1px solid #E0E0E0;
    padding-top: 50px;
    margin-top: 50px
}

.r-link {
    overflow: hidden;
    width: 90%;
    margin: 0 auto 25px auto;
    border: 1px solid #EEE;
    background: #F9F9F9;
    box-shadow: 1px 1px 1px #D9D9D9;
    height: 90px
}

.r-link a {
    display: block;
    line-height: 92px;
    text-align: center;
    color: #0096FF;
    font-size: 18px
}

.r-link a:hover {
    text-decoration: underline
}

.board_category_snb {
    clear: both;
    overflow: hidden;
    border-top: 2px solid #333;
    padding: 8px 0
}

.board_category_snb ul {
    position: relative;
    left: -1px
}

.board_category_snb ul li {
    float: left;
    border-left: 1px solid #E0E0E0;
    width: 90px;
    margin: 8px 0;
    height: 13.5px;
    text-align: center;
    display: flex;
    justify-content: space-evenly
}

.board_category_snb ul li:first-child {
    width: 92px
}

.board_category_snb ul li a {
    display: inline-block;
    font-size: 13.5px;
    line-height: 100%;
    padding-bottom: 2px;
    color: #666
}

.board_category_snb ul li a:hover {
    border-bottom: 1px solid #663399;
    color: #663399
}

.board_category_snb ul li.active a {
    font-weight: 600;
    color: #333
}

.board_category_snb.event_cate ul li:last-child {
    float: right;
    border: 0
}

.board_category_snb.event_cate ul li:last-child a {
    font-weight: bold
}

.bd-top-bn {
    clear: both
}

.bd-top-bn .item {
    background: #F9F9F9;
    text-align: center;
    padding: 12px 0;
    border: 1px solid #EEE;
    border-bottom: 0
}

.trend-nav-tag {
    margin-bottom: 12px;
    clear: both
}

.trend-nav-tag ul {
    overflow: hidden
}

.trend-nav-tag ul li {
    float: left
}

.trend-nav-tag a {
    display: inline-block;
    font-size: 12.5px;
    line-height: 18px;
    padding: 4px 10px;
    margin-right: 4px;
    background: #F9F9F9;
    color: #999;
    border: 1px solid #EEE
}

.trend-nav-tag .on a {
    color: #FFF;
    background: #663399;
    border-color: #663399
}

.news-article-list .cell {
    position: relative;
    clear: both;
    border-top: 1px solid #EEE;
    margin: 32px 0;
    padding-top: 25px
}

.news-article-list .cell:first-child {
    margin-top: 0
}

.news-article-list .cell a {
    display: block
}

.news-article-list .cell a:hover .subject_text {
    text-decoration: underline
}

.news-article-list .cell a:hover .img img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all .2s ease-in-out
}

.news-article-list .img {
    position: absolute;
    top: 24px;
    left: 0;
    overflow: hidden
}

.news-article-list .img img {
    width: 160px;
    height: 120px;
    border-radius: 8px;
    object-fit: cover
}

.news-article-list .info {
    margin-left: 180px;
    font-size: 15px;
    line-height: 24px;
    color: #454545
}

.news-article-list .date {
    margin-left: 180px;
    font-size: 12px;
    margin-bottom: 4px
}

.news-article-list .date span {
    display: inline-block;
    margin-left: 16px;
    color: #888;
    letter-spacing: 0
}

.news-article-list .date span:first-child {
    margin-left: 0
}

.news-article-list .date .category {
    display: inline-block;
    background: #CCC;
    color: #FFF;
    padding: 0 4px;
    line-height: 18px;
    border-radius: 2px;
    margin-right: 6px;
    font-size: 11px
}

.news-article-list .date .category:hover {
    transition: all .2s ease-in-out;
    background: #333
}

.news-article-list .date .category.on {
    background: #333
}

.news-article-list .spacer {
    border-right: 1px solid #E0E0E0;
    height: 10px
}

.news-article-list .subject_text {
    display: block;
    font-size: 18px;
    color: #000;
    font-weight: 500
}

.news-article-list .comment_text {
    height: 40px;
    overflow: hidden;
    color: #888;
    font-size: 13.5px;
    line-height: 20px;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: 0;
    margin: 12px 0;
    word-break: break-all
}

#news-wrap .article {
    position: relative;
    padding: 16px 12px;
    background: #FFF;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box
}

#news-wrap .article:hover {
    background: #F8F8F8
}

#news-wrap .subject_text {
    display: block;
    font-size: 18px;
    color: #000
}

#news-wrap .article p {
    font-size: 14px;
    color: #999;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 150%
}

#news-wrap .article a {
    display: block;
    font-weight: 600;
    word-break: keep-all
}

#news-wrap figure {
    float: right;
    width: 100px;
    overflow: hidden;
    border-radius: 8px;
    margin: 0;
    margin-left: 20px
}

#news-wrap figure img {
    width: 160px;
    height: 100px;
    object-fit: cover
}

#news-wrap .media {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 13px;
    color: #999;
    margin-top: 10px
}

#news-wrap .comments {
    color: #666;
    font-weight: 600
}

#news-wrap .comments i {
    font-size: 12px;
    font-weight: normal
}

.news-more-link a {
    margin: 50px auto;
    width: 200px;
    display: block;
    border: 1px solid #448aff;
    text-align: center;
    border-radius: 8px;
    padding: 8px 0;
    font-weight: 600
}

.news-more-link a:hover {
    background: #448AFF;
    color: #FFF;
    transition: all 0.2s;
    text-decoration: none
}

.pressList {
    clear: both;
    display: flex;
    gap: 8px;
    padding-bottom: 24px;
    margin-bottom: 12px;
    border-bottom: 1px solid #F0F0F0
}

.pressList a {
    display: flex;
    align-items: center;
    border: 1px solid #dadce0;
    padding: 8px 20px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 500
}

.pressList a:hover {
    background: #EEE;
    transition: all 0.2s
}

.pressList img {
    height: 14px
}

.news-signature {
    border: 1px solid #EEE;
    padding: 18px 28px;
    border-radius: 3px;
    box-shadow: 1px 2px 2px rgba(0,0,0,0.05)
}

.news-signature p {
    font-size: 12.5px;
    color: #999;
    line-height: normal;
    margin: 0
}

.news-signature img {
    margin-bottom: 16px
}

.agency_sch {
    text-align: center;
    background: url('https://cdn.ibos.kr/images/2815_top_bg.png');
    padding: 25px 20px 15px 20px
}

.agency_sch ul {
    overflow: hidden
}

.agency_sch ul li {
    float: left
}

.agency_sch ul li a {
    color: #4E5979;
    background-color: #FFF;
    display: inline-block;
    width: 98px;
    line-height: 28px;
    margin: 0 0 10px 10px;
    font-size: 13px
}

.agency_sch ul li a:hover {
    background-color: #4E5979;
    color: #FFF
}

.agency_sch ul li.on a {
    background-color: #4E5979;
    color: #FFF
}

.agency_sch strong {
    display: block;
    text-align: center;
    color: #FFF;
    font-size: 21px;
    font-weight: normal;
    padding-bottom: 15px
}

.agency_sch .searchbox {
    background-color: #FFF;
    width: 500px;
    margin: 0 auto 20px auto
}

.agency_sch .searchbox .sch_btn {
    float: right
}

.agency_sch .mb_searchbox_2 {
    border: 0;
    line-height: 30px;
    height: 45px;
    font-size: 15px;
    width: 430px !important
}

.agency_sch .tags_link {
    width: 432px;
    margin: 0 auto
}

#agency_ad6 .wrap {
    overflow: hidden;
    padding-top: 25px;
    width: 705px
}

#agency_ad6 .cell {
    float: left;
    width: 223px;
    height: 314px;
    margin: 0 10px 20px 0;
    border: 1px solid #e5e5e5
}

#agency_ad6 .logo {
    text-align: center;
    padding: 25px 0;
    border-bottom: 1px solid #e5e5e5
}

#agency_ad6 .details {
    padding: 20px
}

#agency_ad6 .details h3 {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 15px;
    color: #000
}

#agency_ad6 .details h3 span {
    display: none;
    color: #FF4949;
    padding-left: 20px;
    font-size: 18px
}

#agency_ad6 .details h3 span em {
    display: inline-block;
    text-indent: -999em;
    width: 20px;
    height: 17px;
    background: url('https://cdn.ibos.kr/images/2815_list_heart_icon.png') no-repeat;
    vertical-align: -3px
}

#agency_ad6 .details .homepage {
    background: url('https://cdn.ibos.kr/images/act_title_icon_href_161025.png') no-repeat 0px 2px;
    padding: 0px 10px 15px 22px
}

#agency_ad6 .details .description {
    line-height: 20px;
    background: url('https://cdn.ibos.kr/images/act_title_icon_etc_161025.png') no-repeat 0px 4px;
    padding: 0px 10px 0 22px;
    height: 60px;
    overflow: hidden
}

#agency_ad6 .hash_tag {
    margin-top: 10px
}

#agency_ad6 .hash_tag a {
    display: inline-block;
    padding: 0 3px 3px 0;
    color: #448aaf;
    word-break: break-all
}

#agency_ad6 .hash_tag a:hover {
    text-decoration: underline
}

#agency_LF .wrap .cell {
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
    padding: 20px 0
}

#agency_LF .logo_info {
    float: left;
    border: 1px solid #E0E0E0;
    text-align: center;
    width: 242px;
    height: 145px
}

#agency_LF .logo_info p {
    text-align: left;
    padding-left: 30px;
    font-size: 13px;
    line-height: 20px;
    color: #999
}

#agency_LF .logo_info p span {
    display: inline-block;
    width: 46px
}

#agency_LF .logo_info .logo {
    padding: 25px 0 20px 0
}

#agency_LF .details {
    float: left;
    width: 421px;
    padding-left: 30px
}

#agency_LF .details h3 {
    font-size: 21px;
    font-weight: 600;
    padding: 15px 0
}

#agency_LF .details h3 a:hover {
    color: inherit;
    text-decoration: underline;
    color: #939
}

#agency_LF .details h3 span {
    color: #FF4949;
    padding-left: 20px;
    font-size: 18px
}

#agency_LF .details h3 span em {
    display: inline-block;
    text-indent: -999em;
    width: 20px;
    height: 17px;
    background: url('https://cdn.ibos.kr/images/2815_list_heart_icon.png') no-repeat;
    vertical-align: -6px
}

#agency_LF .details p {
    font-size: 13px;
    line-height: 24px
}

#agency_LF .hash_tag {
    margin-top: 10px
}

#agency_LF .hash_tag a {
    display: inline-block;
    background-color: #f2f2f2;
    padding: 5px 7px;
    margin-right: 3px;
    color: #999
}

.bd-title-box {
    margin-top: 20px
}

.bd-title-cate {
    overflow: hidden;
    zoom:1;margin-bottom: 25px;
    border: 1px solid #d9d9d9;
    background: #424242
}

.bd-nav {
    position: relative;
    margin: 30px 0px;
    padding-bottom: 15px;
    border-bottom: 1px solid #8c8c8c
}

.bd-nav h3 {
    font-size: 13px;
    color: #2d2d2d
}

.bd-nav .btn_write {
    position: absolute;
    bottom: 15px;
    right: 0px;
    height: 40px;
    line-height: 40px;
    padding: 0px 10px 0px 30px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background: #f45352 url(/images/listing_bg_btn_write.png) 12px 12px no-repeat
}

.bd-nav .btn_list {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 16px;
    line-height: 16px;
    font-size: 15px;
    font-weight: 600;
    color: #de1919
}

.bd-nav .btn_list img {
    padding-right: 5px;
    vertical-align: middle
}

.item:after {
    display: block;
    content: "";
    clear: both
}

.bd-title-cate .bd-cate-subject {
    float: left;
    width: 225px;
    padding: 25px 0px 15px 22px
}

.bd-cate-subject h4 {
    height: 25px;
    line-height: 25px;
    margin-bottom: 35px;
    padding-left: 15px;
    font-size: 26px;
    font-weight: 600;
    color: #fff
}

.bd-cate-subject p {
    font-size: 13px;
    line-height: 20px;
    color: #a1a1a1
}

.bd-title-cate .bd-cate {
    margin-left: 249px;
    background: #f8f8f8
}

.bd-cate li {
    float: left;
    width: 177.5px;
    height: 62px;
    line-height: 62px;
    border: solid #d9d9d9;
    border-width: 0px 0px 1px 1px;
    text-align: center
}

.bd-cate .last_bd {
    border-bottom: 0px
}

.bd-cate .last {
    border-right: 1px solid #d9d9d9;
    border-bottom: 0px
}

.bd-cate li a {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #424242
}

.bd-cate .on a span, .bd-cate li a:hover span {
    border-bottom: 1px solid #f45352;
    color: #f45352
}

.bd-title-cate:after {
    display: block;
    content: "";
    clear: both
}

.bd-sch-box {
    margin-bottom: 75px;
    padding: 30px 45px 20px;
    background: #424242
}

.bd-sch-box .bd-sch-submit {
    width: 371px;
    margin: 0% auto 45px;
    zoom:1}

.bd-sch-box .bd-sch-submit:after {
    display: block;
    content: "";
    clear: both
}

.bd-sch-submit .sch-box {
    float: left;
    width: 316px;
    height: 40px;
    line-height: 40px;
    padding: 0px 5px;
    font-size: 13px;
    color: #5d5d5d;
    text-align: center
}

.bd-sch-submit .btn_sch {
    width: 45px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-indent: -9999px;
    background: #f45352 url(/images/listing_icon_sch_1123.png) no-repeat 15px 12px;
    cursor: pointer
}

.bd-sch-cate h4 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    color: #fff
}

.bd-sch-cate h4 span {
    color: #ff6665
}

.bd-sch-cate .item {
    padding-top: 15px;
    border-top: 1px solid #323232;
    zoom:1}

.bd-sch-cate .item h5 {
    float: left;
    font-size: 16px;
    font-weight: 600;
    color: #fff
}

.bd-sch-cate .item .sch_select_box {
    position: relative;
    width: 193px;
    height: 28px;
    margin-bottom: 20px;
    background: url(/images/listing_bg_select_arrow.png) 167px center no-repeat;
    border: 1px solid #bfbfbf
}

.bd-sch-cate .item .sch_select {
    width: 100%;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    opacity: 0;
    cursor: pointer
}

.bd-sch-cate .item .sch_select_box label {
    position: absolute;
    top: 0px;
    left: 10px;
    height: 28px;
    line-height: 28px;
    padding-left: 0px;
    font-size: 15px;
    color: #fff
}

.bd-sch-cate .item > div {
    margin-left: 140px
}

.bd-sch-cate .item li {
    float: left;
    width: 121px;
    height: 16px;
    line-height: 16px;
    margin-bottom: 20px
}

.bd-sch-cate .item input {
    width: 16px;
    height: 16px;
    margin-bottom: 1px;
    vertical-align: middle
}

.bd-sch-cate .item label {
    padding-left: 13px;
    font-size: 15px;
    color: #f0f0f0;
    cursor: pointer
}

.bd-sch-cate .item label i {
    font-style: normal;
    color: #ff6665
}

.btn_confirm {
    margin-top: 5px;
    text-align: right
}

.btn_confirm input {
    height: 38px;
    line-height: 38px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer
}

.btn_confirm .btn_reset {
    width: 128px;
    color: #424242;
    text-align: center;
    background: #fff
}

.btn_confirm .btn_submit {
    margin-left: 5px;
    padding: 0px 24px 0px 47px;
    color: #fff;
    background: #f45352 url(/images/listing_icon_sch_1123.png) 25px 10px no-repeat
}

#LIS_BDTitle h2 {
    margin-bottom: 10px;
    font-size: 25px;
    font-weight: 600;
    color: #424242
}

#LIS_BDTitle h2 span {
    font-size: 15px;
    font-weight: normal;
    color: #5f5f5f
}

#LIS_BDList {
    border-top: 2px solid #8c8c8c
}

#LIS_BDList .item a:after, #LIS_BDList .co_txt p:after {
    display: block;
    content: "";
    clear: both
}

#LIS_BDList .item_cont {
    position: relative
}

#LIS_BDList .AB-thumb {
    float: left;
    position: relative;
    width: 229px;
    margin-right: 30px;
    border: 1px solid #959595
}

#LIS_BDList .AB-thumb .ad_icon {
    position: absolute;
    top: 5px;
    right: 5px
}

#LIS_BDList .AB-thumb .number {
    position: absolute;
    top: 0px;
    left: 0px
}

#LIS_BDList .AB-thumb .number span {
    display: block;
    width: 25px;
    height: 40px;
    padding: 5px 20px 0px 0px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    background: url(/images/listing_bg_num1.png) no-repeat
}

#LIS_BDList .AB-thumb .number .bg_type2 {
    background: url(/images/listing_bg_num2.png) no-repeat
}

#LIS_BDList .item {
    position: relative;
    padding: 15px 10px;
    border-bottom: 1px solid #d1d1d1;
    color: #424242
}

#LIS_BDList .item .img {
    padding: 30px 0px 20px;
    text-align: center
}

#LIS_BDList .item .co_name {
    margin-top: 25px;
    font-size: 18px;
    font-weight: 600
}

#LIS_BDList .item a:hover {
    color: inherit
}

#LIS_BDList .co_txt {
    padding: 10px 15px;
    font-size: 13px;
    color: #f0f0f0;
    background: #424242
}

#LIS_BDList .co_txt p {
    padding: 5px 0px
}

#LIS_BDList .co_txt span {
    float: left;
    width: 45px;
    color: #b3b3b3
}

#LIS_BDList .AB-explan {
    float: left;
    width: 682px
}

.AB-explan_cont {
    position: relative
}

.co_subject {
    margin: 30px 5px 20px;
    font-size: 26px;
    font-weight: 600
}

.partners {
    border: 1px solid #e5e5e5;
    margin: 15px 0;
    padding: 15px 10px
}

.partners h6 {
    border-bottom: 1px solid #6D6D6D;
    font-size: 17px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-weight: normal
}

.partners .cell a {
    display: block;
    background: url("/images/new_dot.gif") left center no-repeat;
    font-size: 13px;
    padding: 7px 0 7px 12px
}

.partners .cell a:hover {
    color: inherit;
    text-decoration: underline
}

#Layout-sub.biz .lnb_ul.LN-coms {
    width: 225px;
    border: 1px solid #e5e5e5;
    padding: 15px 10px
}

#Layout-sub.biz .lnb_ul.LN-coms li {
    padding: 0;
    width: 225px;
    height: auto
}

#Layout-sub.biz .lnb_ul.LN-coms li a {
    padding-left: 12px;
    background: url("/images/new_dot.gif") left center no-repeat
}

#Layout-sub.biz .lnb_ul.LN-coms li.submenu.first {
    background: none;
    border: 0
}

#Layout-sub.biz .lnb_ul.LN-coms li.submenu.first span {
    border-bottom: 1px solid #6D6D6D;
    font-size: 17px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-weight: normal;
    background: none;
    color: #1c1c1c
}

#Layout-sub.biz .bd-pr-layout {
    border: 1px solid #e5e5e5;
    padding: 15px 10px
}

#Layout-sub.biz .bd-pr-layout .title a {
    border-bottom: 1px solid #6D6D6D;
    font-size: 17px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-weight: normal;
    background: none;
    color: #1c1c1c;
    text-indent: 0
}

#Layout-sub.biz .agency-info {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #e0e0e0;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border-radius: 5px
}

#Layout-sub.biz .agency-info .profile_img {
    text-align: center;
    padding: 15px 0
}

#Layout-sub.biz .agency-info .nickname {
    font-size: 18px;
    text-align: center
}

#Layout-sub.biz .agency-info .detail {
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
    margin-top: 15px
}

#Layout-sub.biz .agency-info .detail .works {
    margin-bottom: 15px
}

#Layout-sub.biz .agency-info .detail .works p {
    width: 95px;
    height: 15px;
    line-height: 15px
}

#Layout-sub.biz .agency-info .detail .works p label {
    color: #878787
}

#Layout-sub.biz .agency-info .detail .works p span {
    float: right;
    font-size: 15px
}

#Layout-sub.biz .agency-info .detail .works p span i {
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    background: url(/images/p1957_icon_set.png)
}

#Layout-sub.biz .agency-info .detail .works .first {
    float: left
}

#Layout-sub.biz .agency-info .detail .works .second {
    float: right
}

#Layout-sub.biz .agency-info .detail .recent_review label {
    display: block;
    margin-bottom: 5px;
    color: #878787
}

#Layout-sub.biz .agency-info .detail .recent_review span {
    display: block
}

#Layout-sub.biz .agency-info .detail .review_btn {
    padding: 5px;
    margin-top: 20px;
    border: 1px solid #e0e0e0;
    color: #878787;
    text-align: center;
    cursor: pointer
}

#Layout-sub.biz .agency-info.unlogin p {
    text-align: center
}

#Layout-sub.biz .agency-info.unlogin .title {
    display: block;
    margin-bottom: 5px;
    font-size: 18px
}

#Layout-sub.biz .agency-info.unlogin .txt {
    display: block;
    font-size: 15px;
    color: #A8A8A8
}

#article3 .request_ad {
    width: 300px;
    float: left
}

#article3 .request_ad > p {
    font-size: 13px;
    font-weight: 600;
    padding-bottom: 12px
}

#article3 .request_ad > p span {
    display: inline-block;
    width: 7px;
    height: 7px;
    background: url(/images/main_icon.png) -16px -163px no-repeat;
    margin-right: 10px
}

#article3 .request_ad.tab2 {
    margin-left: 18px
}

#article3 .request_ad .cell {
    position: relative;
    border: 1px solid #E0E0E0;
    height: 34px;
    margin-bottom: 5px;
    padding: 10px
}

#article3 .request_ad .cell a:hover {
    text-decoration: none
}

#article3 .request_ad .cell a:hover .subject {
    text-decoration: underline
}

#article3 .request_ad .cell span {
    font-size: 12px;
    padding-right: 10px;
    color: #999
}

#article3 .request_ad .cell span em {
    font-style: normal;
    padding-left: 5px
}

#article3 .request_ad .cell .subject {
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 25px;
    padding-bottom: 5px
}

#article3 .request_ad .cell .category_1 {
    color: #937BAE;
    font-weight: 600
}

#article3 .request_ad .cell .budget em {
    /*color: #FF4949*/
}

#article3 .request_ad .cell .tob em {
    font-weight: 600;
    color: #333;
    display: inline-block;
    width: 65px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

#article3 .request_ad .deadline {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
    color: #448AFF
}

.ly_text_bn {
    line-height: 28px;
    padding: 0 10px 0 20px;
    color: #454545;
    background: url('https://cdn.ibos.kr/images/new_dot.gif') no-repeat;
    background-position: 8px 14px;
    font-size: 13px
}

.ly_text_bn span {
    color: #AAA;
    border: 1px solid #f0f0f0;
    padding: 0 2px;
    margin-right: 3px;
    font-size: 10px
}

#column_LF .title h3 a {
    display: block;
    height: 100%
}

#personalized_alert {
    position: fixed;
    right: 20px;
    bottom: 20px;
    text-align: right;
    z-index: 999
}

#personalized_alert .text {
    padding: 20px;
    font-size: 15px;
    border: 2px solid #EEE;
    background: #FCFCFC;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 10px
}

#personalized_alert .text p {
    padding: 5px 0;
    text-align: left;
    margin-right: 80px
}

#over2000 {
    position: absolute;
    top: 15px;
    left: 244px;
    z-index: 10;
    width: 310px
}

#over2000 img {
    float: left
}

#over2000 p {
    float: left;
    background: #F1F1F1;
    border: 1px solid #e0e0e0;
    padding: 20px 10px 10px 10px;
    font-size: 13px;
    line-height: 18px;
    margin-left: 15px;
    font-weight: 600;
    color: #aaa
}

#over2000 p a {
    display: block
}

#over2000 p a:hover {
    color: #000
}

#over2000 p a:hover em {
    text-decoration: underline
}

#over2000 p em {
    display: block;
    text-align: right;
    color: #448AFF;
    font-size: 12px;
    font-weight: 600;
    padding-top: 7px
}

#over2000 .close_btn {
    position: absolute;
    top: 10px;
    right: 25px;
    cursor: pointer
}

#over2000 .clamp {
    position: absolute;
    top: 35px;
    left: 62px
}

.reported_manager {
    padding: 10px 20px;
    margin: 15px auto;
    text-align: center;
    color: #000
}

.reported_manager .AB-cr a, .reported_manager .mem_frm {
    display: inline-block
}

.reported_manager p {
    font-weight: 600;
    text-align: center;
    padding-bottom: 15px
}

.reported_manager .reported_manager_btn a, .reported_manager input[type=submit] {
    margin: 0 5px;
    background-color: #FFF;
    font-size: 13px;
    padding: 4px 7px;
    line-height: 28px;
    font-weight: 600;
    border-radius: 3px
}

.reported_manager input[type=submit] {
    cursor: pointer
}

.reported_manager .reported_list {
    list-style-type: none;
    width: 100%;
    border: 1px solid #eee;
    font-size: 13px
}

.reported_manager .list-header {
    background-color: #f5f5f5;
    display: flex;
    font-weight: 600;
    border-bottom: 1px solid #ddd
}

.reported_manager ul li>a {
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.reported_manager ul li div, .list-header div {
    padding: 8px;
    box-sizing: border-box
}

.reported_manager .reported_manager.list-header {
    background-color: #f2f2f2;
    font-weight: bold
}

.reported_manager .reported_type {
    width: 10%
}

.reported_manager .reported_content {
    width: 45%;
    text-align: left
}

.reported_manager .reported_content:hover {
    text-decoration: underline
}

.reported_manager .list-header .reported_content {
    text-align: center
}

.reported_manager .reported_date {
    width: 35%
}

.reported_manager .reported_status {
    width: 10%
}

.reported_manager ul li:not(.list-header) .reported_status {
    color: red;
    font-weight: 600
}

.reported_manager .reported_manager_btn {
    margin-top: 10px
}

.reported_manager .reported_manager_btn a {
    display: inline-block;
    padding: 8px 20px;
    background-color: #333;
    color: white;
    border: none;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 5px;
    font-weight: 600;
    margin: 10px 0 30px
}

.reported_manager .reported_manager_btn a:last-child {
    background-color: #e0e0e0;
    color: black;
    margin-left: 6px
}

.reported_penalty {
    background-color: #f5f5f5;
    border-radius: 10px;
    width: 96%;
    margin: 10px auto
}

.reported_penalty li {
    display: flex;
    align-items: center
}

.reported_penalty li .num {
    width: 25px
}

.reported_penalty li .date {
    letter-spacing: 0.4px;
    font-variant-numeric: tabular-nums
}

.reported_penalty li .date span {
    margin-left: 5px
}

.news_bn_frm {
    overflow: hidden;
    position: relative;
    z-index: 10;
    background: #6ec2c2 !important;
    margin-top: 12px !important
}

.news_bn_frm .txt {
    margin-bottom: 10px;
    font-family: NotoSansMedium;
    font-size: 16px;
    color: #fff
}

.news_bn_frm .frm_news {
    margin: 5px 0px;
    padding: 20px 0px 12px 0px;
    text-align: center
}

.news_bn_frm .email_frm_btn {
    width: 52px;
    height: 30px;
    margin-left: 5px;
    font-weight: 600;
    color: #f1696d;
    background: #ffef64;
    cursor: pointer
}

.news_bn_frm .email_frm_btn:hover {
    background: #ffea31
}

.news_bn_frm .email_frm {
    width: 163px;
    height: 30px;
    padding-left: 10px;
    font-size: 14px;
    color: #aaa
}

#news_bn_frmLnb {
    display: block !important;
    margin-bottom: 5px
}

#news_bn_frm1 {
    position: fixed;
    bottom: 70px;
    right: 30px;
    width: 300px
}

#news_bn_frm2 {
    position: fixed;
    z-index: 100;
    top: 171px;
    right: 30px;
    width: 250px
}

.news_bn_frm .btn_close {
    display: block;
    position: absolute;
    top: 7px;
    right: 7px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    background: #5eabab;
    color: #f0ffff;
    border-radius: 50px;
    font-family: Tahoma, serif;
    font-size: 11px
}

#re_news {
    overflow: hidden
}

#re_news .cell {
    float: left;
    width: 290px;
    margin-right: 15px
}

#re_news .cell p {
    line-height: 1.85;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#re_news .cell a:hover {
    text-decoration: none
}

#re_news .cell a:hover span {
    text-decoration: underline
}

#re_news .cell p em {
    font-style: normal;
    padding-right: 5px
}

#re_news .figure {
    display: none
}

#re_news .num_1, #re_news .num_2 {
    display: inline-block;
    width: 150px;
    height: 162px
}

#re_news .num_1 .figure, #re_news .num_2 .figure {
    display: block
}

#re_news .num_1 p, #re_news .num_2 p {
    white-space: inherit;
    height: 36px;
    line-height: 18px;
    overflow: hidden
}

#re_news .num_1 p em, #re_news .num_2 p em {
    display: none
}

#re_news .num_1 .figure, #re_news .num_2 .figure {
    margin-bottom: 5px;
    border: 1px solid #e0e0e0
}

.BoardEditButtons a {
    display: inline-block;
    width: 75px;
    color: #333;
    border: 1px solid #DDD;
    line-height: 34px;
    height: 34px;
    -webkit-transition: all .2s cubic-bezier(.39,.575,.565,1);
    transition: all .2s cubic-bezier(.39,.575,.565,1);
    text-align: center;
    margin-left: 5px;
    font-weight: 600;
    font-size: 13px
}

#column_btbutn {
    width: 650px;
    padding: 0 25px;
    margin: 0 auto;
    margin-bottom: 30px
}

#column_btbutn .f_columnist:after {
    content: '';
    display: block;
    clear: both
}

#column_btbutn .f_columnist .cal_btn {
    float: left;
    width: 151px;
    margin-left: 15px
}

#column_btbutn .f_columnist .cal_btn:first-child {
    margin-left: 0
}

#column_btbutn .f_columnist .cal_btn a {
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #448aff;
    border: 1px solid #448aff
}

#column_btbutn .f_columnist .cal_btn a:hover {
    background: #448aff;
    color: #fff
}

#column_btbutn .f_columnist .cal_btn a.active {
    background: #448aff;
    color: #fff
}

.f_columnistBX {
    margin-top: 20px
}

#column_btbutn .subscrib_box2 {
    z-index: 10;
    width: 607px;
    padding: 20px;
    bottom: -132px;
    right: 0;
    background: #FFF;
    border: 1px solid #ebebeb;
    text-align: left;
    background: #FFF
}

#column_btbutn .subscrib_box2 p {
    font-size: 17px;
    line-height: 27px
}

#column_btbutn .subscrib_box2 .sub_ipbox {
    margin-top: 20px
}

#column_btbutn .subscrib_box2 div input {
    height: 40px;
    line-height: 40px;
    font-size: 14px
}

#column_btbutn .subscrib_box2 div input:first-child {
    border: 1px solid #ebebeb;
    padding-left: 10px;
    width: 460px;
    height: 38px
}

#column_btbutn .subscrib_box2 div input.subs_btn {
    width: 125px;
    cursor: pointer;
    margin-left: 10px;
    background: #448aff;
    color: #FFF
}

#column_btbutn .column_support {
    width: 608px;
    border: 1px solid #ebebeb;
    padding: 20px;
    margin: 0 auto
}

#column_btbutn .column_support_title {
    border-bottom: 1px solid #ebebeb;
    padding: 0 0 20px;
    margin: 0 0 20px;
    position: relative
}

#column_btbutn .column_support_title p {
    font-size: 17px;
    line-height: 26px;
    color: #464646
}

#column_btbutn .column_support_title span {
    display: block;
    font-size: 15px;
    color: #7d7d7d;
    position: absolute;
    right: 0;
    bottom: 20px;
    cursor: pointer
}

#column_btbutn .column_support_layer {
    display: none;
    position: absolute;
    top: 64px;
    right: 0;
    width: 360px;
    height: 130px;
    padding: 15px;
    font-size: 13px;
    line-height: 18px;
    color: #fff;
    background: #404040;
    z-index: 1
}

#column_btbutn .column_support_layer img.clo {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer
}

#column_btbutn .column_support_layer img.icon {
    position: absolute;
    top: -9px;
    right: 40px
}

#column_btbutn .column_support_area label {
    display: inline-block;
    width: 13%;
    font-size: 15px;
    color: #464646;
    cursor: pointer
}

#column_btbutn .column_support_area .dist_text {
    font-size: 15px;
    color: #464646
}

#column_btbutn .column_support_area .dist_text input[type="text"] {
    width: 70px;
    border: solid #b7b7b7;
    border-width: 0 0 1px;
    font-size: 14px;
    color: #464646;
    outline: none;
    text-align: right;
    margin: 0 4px 0 0
}

#column_btbutn .column_support_btn .col_support_btn {
    display: block;
    margin: 20px auto 0;
    width: 110px;
    height: 26px;
    line-height: 26px;
    color: #fff;
    font-size: 13px;
    text-align: center;
    background: #448aff;
    cursor: pointer
}

#column_btbutn .sp_step {
    background: #fff;
    width: 490px
}

#column_btbutn .sp_step .sp_popup_title .sp_info::after {
    display: block;
    content: "";
    clear: both
}

#column_btbutn .sp_step .sp_popup_title .sp_info {
    padding: 20px 0
}

#column_btbutn .sp_step .sp_popup_title .sp_img {
    float: left;
    width: 162px;
    text-align: center
}

#column_btbutn .sp_step .sp_popup_title .sp_img::after {
    width: 1px;
    height: 50px;
    background: #663399;
    content: "";
    float: right;
    margin: 30px 0 0
}

#column_btbutn .sp_step .sp_popup_title .sp_name {
    float: left;
    width: auto;
    padding: 25px 0 0 20px;
    line-height: 24px
}

#column_btbutn .sp_step .sp_popup_title .sp_name strong {
    font-size: 19px;
    color: #000
}

#column_btbutn .sp_step .sp_popup_title .sp_name p {
    font-size: 15px;
    color: #7d7d7d
}

#column_btbutn .sp_step .sp_popup_title .sp_txt {
    background: #f8f8f8;
    padding: 15px 25px;
    line-height: 30px
}

#column_btbutn .sp_step .sp_popup_title .sp_txt p {
    font-size: 14px;
    color: #663399;
    font-weight: 600
}

#column_btbutn .sp_step .sp_popup_title .sp_txt span {
    font-size: 17px;
    color: #000;
    font-weight: 600;
    letter-spacing: -1.5px
}

#column_btbutn .sp_result {
    background: #fff
}

#column_btbutn .sp_result .sp_popup_title .sp_info {
    padding: 20px 0;
    text-align: center;
    font-size: 21px;
    color: #663399
}

#column_btbutn .sp_result .sp_popup_title .sp_info img {
    margin: 0 0 10px
}

#column_btbutn .sp_result .sp_popup_title .sp_txt {
    background: #f8f8f8;
    padding: 15px 0;
    line-height: 21px;
    font-size: 15px;
    color: #464646;
    text-align: center
}

#column_btbutn .sp_result .sp_popup_title .sp_txt p {
    font-size: 17px;
    color: #000;
    margin: 0 0 10px
}

#column_btbutn .sp_popup_title h5 {
    height: 56px;
    line-height: 56px;
    border-bottom: 3px solid #663399;
    text-align: center;
    font-size: 18px;
    color: #000
}

#column_btbutn .sp_input {
    position: relative;
    width: 500px;
    margin: 0 auto
}

#column_btbutn .sp_input .cl_line {
    margin: 0 10px;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #e6e7e8;
    font-size: 15px;
    color: #000
}

#column_btbutn .sp_input .cl_line span {
    display: inline-block;
    width: 95px;
    padding: 0 0 0 15px
}

#column_btbutn .sp_input .cl_line span.pd {
    width: auto
}

#column_btbutn .sp_input .cl_line span.price {
    color: #663399;
    font-weight: 600;
    font-size: 17px
}

#column_btbutn .sp_input .cl_line input, #column_btbutn .sp_input .cl_line select {
    border: 1px solid #c7c7c7;
    width: 328px;
    height: 42px;
    line-height: 42px;
    padding: 0 0 0 20px;
    font-size: 15px;
    color: #000
}

#column_btbutn .sp_input .cl_line select {
    width: 350px;
    cursor: pointer
}

#column_btbutn .sp_input p {
    font-size: 15px;
    height: 32px;
    line-height: 32px;
    color: #ed1c24;
    padding: 0 10px
}

#column_btbutn .sp_btn {
    padding: 20px 0 30px
}

#column_btbutn #submit_btn {
    display: block;
    width: 248px;
    height: 46px;
    line-height: 46px;
    color: #fff;
    background: #663399;
    text-align: center;
    font-size: 16px;
    margin: 0 auto;
    cursor: pointer
}

#column_btbutn .sp_popup_clo {
    position: absolute;
    bottom: -20px;
    right: 0;
    font-size: 15px;
    height: 13px;
    line-height: 13px;
    color: #fff;
    cursor: pointer
}

#column_btbutn .sp_popup_clo img {
    margin: 0 0 0 4px
}

#column_LF.column_VF_class .title {
    margin-bottom: 30px;
    border: 0
}

#column_LF.column_VF_class .title h5 {
    font-size: 23px
}

#column_btbutn #colu {
    display: none
}

#column_btbutn .column_support_btn .col_support_btn {
    width: 170px!important;
    height: 40px!important;
    margin: 25px auto 0!important;
    font-size: 17px!important;
    line-height: 40px!important;
    background: #448aff!important
}

#column_btbutn .column_support_btn .col_support_btn > img {
    margin-right: 5px
}

#column_btbutn .column_support_area .dist_text input[type="text"] {
    width: 60px;
    margin: 0 5px;
    border: 1px solid #b7b7b7;
    padding-right: 5px;
    font-family: none;
    outline: none
}

#column_btbutn .column_support_title span {
    font-size: 13px;
    text-decoration: underline
}

#column_btbutn .column_support_title span img {
    margin-right: 5px
}

#column_btbutn .column_support_layer {
    top: 60px;
    font-family: '맑은고딕'
}

#column_btbutn .column_support_layer .clo {
    top: 7px;
    right: 10px;
    color: #FFF;
    text-decoration: none
}

#column_btbutn .sp_step {
    width: 100%
}

#column_btbutn .sp_step .sp_popup_title .sp_txt p {
    width: 490px;
    margin: 0 auto
}

#column_btbutn .sp_step .sp_popup_title .sp_txt span {
    display: block;
    width: 490px;
    margin: 0 auto;
    font-size: 15px
}

#column_btbutn .sp_input .cl_line {
    margin: 0
}

#column_btbutn .sp_input .cl_line span {
    padding: 0
}

#column_btbutn .sp_step .sp_popup_title .sp_txt {
    line-height: 25px
}

#column_btbutn .sp_step .sp_popup_title .sp_img {
    width: auto
}

#column_btbutn .sp_step .sp_popup_title .sp_img::after {
    margin: 30px 0 30px 25px
}

#column_btbutn .sp_popup_title h5 {
    font-size: 18px;
    height: 55px;
    line-height: 55px
}

#column_btbutn .sp_step .sp_popup_title .sp_info {
    padding: 25px 0
}

#column_btbutn #edu {
    display: none
}

#column_btbutn .education {
    padding: 20px;
    border: 1px solid #ebebeb
}

#column_btbutn .edu_inner .edu_mention {
    padding-bottom: 20px
}

#column_btbutn .edu_inner p {
    font-size: 17px;
    line-height: 26px;
    color: #464646
}

#column_btbutn .edu_inner .edu_thum {
    padding: 20px 0;
    border-top: 1px solid #ebebeb
}

#column_btbutn .edu_inner .edu_thum:after {
    content: '';
    display: block;
    clear: both
}

#column_btbutn .edu_inner .edu_thum .img {
    float: left;
    width: 100px;
    height: 87px;
    background: #444
}

#column_btbutn .edu_inner .edu_thum .thum_txt {
    float: left;
    margin-left: 20px
}

#column_btbutn .edu_inner .edu_thum .thum_txt h6 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px
}

#column_btbutn .edu_inner .edu_thum .thum_txt span {
    display: block;
    width: 488px;
    font-size: 13px;
    line-height: 180%
}

#column_btbutn .edu_inner .edu_thum .thum_txt span.AB-LF-common {
    font-size: 15px
}

#column_btbutn .edu_inner .edu_thum .thum_txt a:hover {
    color: #464646!important
}

#column_btbutn #que_con {
    display: none
}

#column_btbutn .consulting {
    padding: 20px;
    border: 1px solid #ebebeb
}

#column_btbutn .consulting .consulting_mention {
    padding-bottom: 20px
}

#column_btbutn .consulting p {
    font-size: 17px;
    line-height: 26px;
    color: #464646
}

#column_btbutn .consulting .consulting_thum {
    padding: 20px 0;
    border-top: 1px solid #ebebeb
}

#column_btbutn .consulting .consulting_thum:after {
    content: '';
    display: block;
    clear: both
}

#column_btbutn .consulting .consulting_thum .img {
    float: left
}

#column_btbutn .consulting .consulting_thum .thum_txt {
    float: left;
    margin-left: 25px
}

#column_btbutn .consulting .consulting_thum .thum_txt h6 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px
}

#column_btbutn .consulting .consulting_thum .thum_txt span {
    display: block;
    width: 459px;
    font-size: 13px
}

#column_btbutn .consulting .consulting_thum .thum_txt a {
    display: block;
    width: 100px;
    height: 30px;
    text-align: center;
    line-height: 30px!important;
    margin-top: 17px;
    background: #448aff;
    color: #fff;
    line-height: 180%
}

.Article-subject .subject.wt_hash {
    padding: 0 10px
}

.Article-subject .subject.wt_hash .wrap_title h1 {
    margin-bottom: 20px
}

.Article-subject .subject.wt_hash .ArticleBtn {
    position: absolute;
    bottom: 5px;
    right: 0
}

.Article-subject .subject.wt_hash .ABA-tit-box {
    padding: 10px 0
}

.Articles_Hash_Tags a {
    display: inline-block;
    padding: 3px 8px;
    margin-right: 5px;
    margin-bottom: 7px;
    letter-spacing: -1px;
    border: 1px solid #EEE
}

.Articles_Hash_Tags a:hover {
    background: #E5E5E5;
    color: #000;
    border-color: #C0C0C0
}

#biz_apply {
    background: #F9F9F9;
    padding: 10px 0
}

#biz_apply .wrap {
    background: #FFF;
    width: 948px;
    margin: 0 auto;
    border: 1px solid #E0E0E0;
    padding: 50px
}

#biz_apply h3 {
    font-size: 26px;
    margin-bottom: 35px;
    letter-spacing: -2px;
    text-align: center
}

#biz_apply ul {
    width: 700px;
    margin: 0 auto
}

#biz_apply ul li {
    padding: 7px 0
}

#biz_apply ul li label {
    display: inline-block;
    width: 135px;
    margin-right: 40px;
    text-align: right;
    font-size: 14px;
    color: #777
}

#biz_apply ul li label span {
    color: #FF4949
}

#biz_apply ul li input {
    padding: 7px 10px;
    font-size: 14px;
    height: 22px;
    width: 450px
}

#biz_apply .account {
    border: 1px solid #448AFF;
    padding: 25px;
    width: 420px;
    margin-left: 175px;
    margin-top: 30px;
    font-size: 15px
}

#biz_apply .account strong {
    display: block;
    padding-bottom: 5px
}

#biz_apply .sp_popup_title h5 {
    height: 56px;
    line-height: 56px;
    border-bottom: 3px solid #663399;
    text-align: center;
    font-size: 18px;
    color: #000
}

#biz_apply .sp_inner {
    margin-top: 20px;
    border-top: 1px solid #e6e7e8
}

#biz_apply .cl_line {
    margin: 0 10px;
    height: 60px;
    padding-left: 15px;
    line-height: 60px;
    border-bottom: 1px solid #e6e7e8;
    font-size: 15px;
    color: #000;
    text-align: left
}

#biz_apply .cl_line:after {
    content: '';
    display: block;
    clear: both
}

#biz_apply .sp_input .cl_line span {
    display: block;
    width: 95px;
    float: left
}

#biz_apply .sp_input .cl_line span.pd {
    width: auto
}

#biz_apply .sp_input .cl_line span.price {
    color: #663399;
    font-weight: 600;
    font-size: 17px
}

#biz_apply #submit_btn {
    cursor: pointer
}

#biz_apply .wrap.done {
    text-align: center
}

#biz_apply .wrap.done img {
    margin-bottom: 15px
}

#biz_apply .wrap.done h3 {
    color: #74B99A
}

#biz_apply .wrap.done a, #biz_apply #submit_btn {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0px 50px;
    background: #6F7198;
    font-size: 16px;
    color: #fff;
    margin-top: 30px
}

#biz_apply .wrap.done p {
    margin-top: 10px;
    line-height: 28px;
    font-size: 15px;
    color: #555
}

#cooperator .conts.honest .review {
    width: 860px;
    border: 1px solid #E0E0E0;
    border-top: 0;
    margin: 0 auto
}

#cooperator .conts.honest ul li .radio_select {
    display: inline-block;
    overflow: hidden;
    width: 482px;
    padding-bottom: 15px
}

#cooperator .conts.honest ul li p {
    float: left
}

#cooperator .conts.honest ul li p input {
    width: auto
}

#cooperator .conts.honest ul li p label {
    width: 100px;
    vertical-align: inherit
}

#myInfo #biz_intro .wrap > div {
    float: none !important
}

#myInfo #biz_intro .header {
    text-align: center;
    width: 780px;
    height: 350px;
    background: url('https://cdn.ibos.kr/images/biz_landing_img_top_bg.jpg') no-repeat
}

#myInfo #biz_intro .header h3 {
    font-size: 38px;
    letter-spacing: -2px;
    padding-bottom: 10px;
    font-weight: 600;
    color: #FFF;
    padding-top: 75px
}

#myInfo #biz_intro .header p {
    font-size: 21px;
    padding-bottom: 35px;
    letter-spacing: -1px;
    color: #FFF
}

#myInfo #biz_intro .header .adv_reg {
    cursor: pointer
}

#myInfo #biz_intro .gotobiz {
    display: block;
    margin: 0 auto 5px auto;
    width: 230px;
    background: #0093D1;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    line-height: 44px;
    height: 44px
}

#myInfo #biz_intro .body {
    border: 1px solid #E0E0E0;
    margin-top: 10px;
    background: #FFF
}

#myInfo #biz_intro .body .inner {
    width: 750px;
    margin: 50px auto
}

#myInfo #biz_intro .tit {
    font-size: 19px;
    text-align: center;
    font-weight: normal
}

#myInfo #biz_intro .spacer {
    display: block;
    width: 45px;
    border-top: 1px solid #333;
    margin: 7px auto
}

#myInfo #biz_intro .desc {
    text-align: center;
    font-size: 15px;
    line-height: 26px;
    color: #666;
    margin-bottom: 20px
}

#myInfo #biz_intro .sec1 {
    margin-bottom: 50px
}

#myInfo #biz_intro .sec1 > div {
    background: #EEE;
    padding: 20px 0;
    text-align: center
}

#myInfo #biz_intro .sec1 .table {
    background: url('https://cdn.ibos.kr/images/biz_landing_img_01.png') no-repeat;
    height: 260px;
    margin-bottom: 20px
}

#myInfo #biz_intro .sec1 .table ul li {
    float: left;
    text-align: center;
    width: 230px;
    margin-left: 30px;
    padding-top: 185px
}

#myInfo #biz_intro .sec1 .table ul li:first-child {
    margin-left: 0
}

#myInfo #biz_intro .sec1 .table ul li strong {
    display: block;
    font-size: 16px;
    padding-bottom: 10px
}

#myInfo #biz_intro .sec1 .table ul li p {
    font-size: 14px;
    color: #878787
}

#myInfo #biz_intro .sec1 .description {
    font-size: 15px;
    padding: 35px 0
}

#myInfo #biz_intro .sec1 .description p {
    float: none !important
}

#myInfo #biz_intro .sec1 .description ul {
    overflow: hidden;
    text-align: center;
    padding: 20px 0;
    float: none !important
}

#myInfo #biz_intro .sec1 .description ul li {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    padding: 15px 25px;
    text-align: left;
    background: url('https://cdn.ibos.kr/images/biz_landing_img_02-2.jpg') no-repeat;
    height: 65px;
    float: none !important
}

#myInfo #biz_intro .sec1 .description ul li:first-child {
    background: url('https://cdn.ibos.kr/images/biz_landing_img_02-1.jpg') no-repeat;
    margin-right: 30px
}

#myInfo #biz_intro .sec1 .description ul li label {
    display: block;
    background: #EFBA2A;
    color: #fff;
    padding: 2px 0;
    font-size: 13px;
    width: 70px;
    text-align: center;
    margin-bottom: 7px
}

#myInfo #biz_intro .sec1 .description ul li:first-child label {
    background: #3193D0
}

#myInfo #biz_intro .sec1 .description ul li span {
    display: block;
    font-size: 13px;
    line-height: 18px
}

#myInfo #biz_intro .sec1 .description .pl110 {
    padding-left: 110px;
    text-align: left;
    font-size: 13px;
    padding-bottom: 15px
}

#myInfo #biz_intro .sec2 ul {
    overflow: hidden;
    margin-bottom: 70px
}

#myInfo #biz_intro .sec2 ul li {
    float: left;
    width: 50%;
    background: #E8E8E8
}

#myInfo #biz_intro .sec2 ul li div {
    padding: 30px;
    height: 130px
}

#myInfo #biz_intro .sec2 ul li strong {
    font-size: 15px;
    display: block;
    padding-bottom: 10px
}

#myInfo #biz_intro .sec2 ul li p {
    font-size: 14px;
    line-height: 20px
}

#myInfo #biz_intro .sec2 ul li.sq1 {
    background: #3193D0;
    color: #FFF
}

#myInfo #biz_intro .sec2 ul li.sq4 {
    background: #F6F6F6
}

#myInfo #biz_intro .sec3 ul {
    border: 1px solid #EEE;
    border-width: 1px 0 0 1px;
    margin-bottom: 70px
}

#myInfo #biz_intro .sec3 ul li {
    display: inline-block;
    width: 248px;
    border: 1px solid #EEE;
    border-width: 0 1px 1px 0;
    height: 250px;
    vertical-align: top
}

#myInfo #biz_intro .sec3 ul li:hover {
    background: #3193D0
}

#myInfo #biz_intro .sec3 ul li:hover strong {
    color: #FFF
}

#myInfo #biz_intro .sec3 ul li:hover p {
    color: #FFF
}

#myInfo #biz_intro .sec3 ul li div {
    text-align: center;
    padding: 20px
}

#myInfo #biz_intro .sec3 ul li strong {
    display: block;
    font-size: 18px;
    padding-bottom: 30px
}

#myInfo #biz_intro .sec3 ul li p {
    font-size: 14px;
    line-height: 22px;
    color: #666
}

#myInfo #biz_intro .sec3 ul li.bef5 {
    color: #AAA
}

#myInfo #biz_intro .sec3 .bef5 p {
    color: #AAA
}

#myInfo #biz_intro .sec4 .process ul {
    overflow: hidden;
    margin-bottom: 30px
}

#myInfo #biz_intro .sec4 .process ul li {
    float: left;
    border: 2px solid #EEE;
    width: 226px;
    text-align: center;
    padding: 20px 0
}

#myInfo #biz_intro .sec4 .process ul li strong {
    font-size: 17px;
    display: block;
    padding-bottom: 5px
}

#myInfo #biz_intro .sec4 .process .arrow_rt {
    border: 0;
    width: 30px;
    text-align: center;
    height: 70px;
    line-height: 70px
}

#myInfo #biz_intro .sec4 .notice {
    font-size: 14px;
    margin-bottom: 30px
}

#myInfo #biz_intro .sec4 .notice div {
    padding-bottom: 10px
}

#myInfo #biz_intro .sec4 .notice li {
    line-height: 26px
}

#myInfo #biz_intro .event {
    background: #F4BA24;
    padding: 25px;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 70px
}

#myInfo #biz_intro .event strong {
    font-size: 16px;
    font-weight: normal
}

#myInfo #biz_intro .pr_notice {
    width: 490px;
    background: #D8E7FF;
    border: 1px solid #BBD0F2;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 22px;
    margin: 0 auto 20px auto
}

#myInfo #biz_intro .pr_notice p {
    font-weight: 600;
    color: #111369;
    text-indent: -20px;
    padding-left: 20px
}

#myInfo #biz_intro .pr_notice label {
    color: #FF4949
}

#myInfo .bg {
    display: none;
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5)
}

.new_st {
    background: #F9F9F9;
    border-top: 2px solid #555;
    padding: 10px
}

.new_st:after {
    content: '';
    display: block;
    clear: both
}

.new_st > div {
    float: left
}

.new_st .cnh_menu {
    width: 250px;
    margin-right: 10px
}

.new_st .cnh_menu > div {
    border: 1px solid #eee;
    background: #fff
}

.new_st .cnh_menu ul li a {
    display: block;
    font-size: 15px
}

.new_st .cnh_menu .Prof {
    padding: 25px;
    margin-bottom: 10px
}

.new_st .cnh_menu .Prof .img {
    width: 70px;
    margin: 0 auto 5px auto
}

.new_st .cnh_menu .Prof .img img {
    width: 100%;
    height: auto
}

.new_st .cnh_menu .Prof a {
    display: block;
    font-weight: 600;
    font-size: 16px;
    text-align: center
}

.new_st .cnh_menu .cnh_sub li a {
    padding: 10px 0 10px 20px
}

.new_st .cnh_menu .cnh_sub li a:hover {
    background: #F5F5F5;
    color: #54068D
}

.new_st .cnh_menu .cnh_sub li.on a {
    background: #f5f5f5;
    color: #54068D
}

.new_st .cnh_menu .help_menu {
    background: none;
    border: 0;
    margin-top: 15px
}

.new_st .cnh_menu .help_menu li a {
    padding-left: 20px;
    margin-bottom: 10px;
    color: #888
}

.new_st .cont {
    width: 770px;
    background: #F9F9F9
}

#cash .cont .my_cash {
    border: 1px solid #eee;
    padding: 15px;
    background: #fff;
    margin-bottom: 10px
}

#cash .cont .my_cash .s_cash {
    height: 64px;
    margin-bottom: 5px;
    padding: 15px 0;
    background: #f5f5f5
}

#cash .cont .my_cash .s_cash > span {
    display: block;
    font-size: 15px;
    text-align: center
}

#cash .cont .my_cash .s_cash p {
    text-align: center
}

#cash .cont .my_cash .s_cash p span {
    font-size: 28px
}

#cash .cont .my_cash .s_cash p .color {
    color: #468CFA
}

#cash .cont .my_cash .s_cash p .gray {
    color: #888
}

#cash .cont .my_cash > span {
    font-size: 14px
}

#cash .cont .my_cash > .color {
    color: #888
}

.new_st #tax_invoice_list {
    background: #fff;
    border: 1px solid #eee;
    padding: 15px
}

.new_st #tax_invoice_list .c_list_m {
    margin-bottom: 10px;
    padding-top: 10px
}

.new_st #tax_invoice_list .c_list_m span {
    font-size: 15px
}

.new_st #tax_invoice_list .c_list_m:after {
    content: '';
    display: block;
    clear: both
}

.new_st #tax_invoice_list .c_list_m .list {
    float: left
}

.new_st #tax_invoice_list .c_list_m .list span {
    color: #888;
    cursor: pointer
}

.new_st #tax_invoice_list .c_list_m .list span.on {
    color: #444
}

.new_st #tax_invoice_list .c_list_m .list em {
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 8px;
    background: #888
}

.new_st #tax_invoice_list .c_list_m .cash_btn {
    float: right
}

.new_st #tax_invoice_list .c_list_m .cash_btn:after {
    content: '';
    display: block;
    clear: both
}

.new_st #tax_invoice_list .c_list_m .cash_btn a {
    float: left;
    display: block;
    width: 110px;
    padding: 5px 0;
    margin-left: 5px;
    text-align: center;
    font-size: 15px;
    background: #f5f5f5
}

.new_st #tax_invoice_list .c_list_m .cash_btn .blue {
    color: #fff;
    background: #468CFA
}

.new_st #tax_invoice_list .table-mbt td {
    border: 1px solid #eee;
    border-width: 1px 0;
    background: #f5f5f5
}

#litter .cont .my_litter {
    border: 1px solid #eee;
    padding: 15px 15px 0 15px;
    background: #fff;
    border-bottom: 0
}

#litter .cont .my_litter:after {
    content: '';
    display: block;
    clear: both
}

#litter .cont .my_litter .s_litter {
    float: left;
    width: 361px;
    height: 64px;
    margin-bottom: 15px;
    padding: 15px 0;
    background: #f5f5f5
}

#litter .cont .my_litter .s_litter:first-child {
    margin-right: 15px
}

#litter .cont .my_litter .s_litter > span {
    display: block;
    font-size: 15px;
    text-align: center
}

#litter .cont .my_litter .s_litter p {
    text-align: center
}

#litter .cont .my_litter .s_litter p span {
    font-size: 28px
}

#litter .cont .my_litter .s_litter p .color {
    color: #468CFA
}

#litter .cont .percent {
    position: relative;
    height: 25px;
    border: 1px solid #eee;
    border-width: 0 1px 1px 1px;
    margin-bottom: 10px;
    background: #ECECEC
}

#litter .cont .percent > div {
    position: absolute;
    top: 1px;
    left: 0;
    width: 70%;
    height: 25px;
    background: #B9D0EF;
    border-radius: 0 10px 10px 0
}

#litter .cont .percent span {
    position: absolute;
    right: 15px;
    top: 3px;
    font-size: 12px;
    font-weight: 600;
    color: #305891
}

#litter .cont .graph {
    border: 1px solid #eee;
    padding: 20px;
    background: #fff;
    border-bottom: 0;
    margin-bottom: 10px
}

#litter .cont .graph p {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 20px
}

#litter .cont .graph table {
    width: 100%
}

#litter .cont .graph table .thead01 th {
    display: block;
    margin-bottom: 20px;
    font-size: 13px;
    text-align: right;
    color: #888
}

#litter .cont .graph table .thead02 td {
    text-align: center;
    font-size: 13px;
    color: #888
}

#cash .cont .my_honey {
    border: 1px solid #eee;
    padding: 15px;
    background: #fff;
    border-bottom: 0;
    margin-bottom: 10px
}

#cash .cont .my_honey:after {
    content: '';
    display: block;
    clear: both
}

#cash .cont .my_honey .s_honey {
    float: left;
    width: 361px;
    height: 64px;
    margin-bottom: 5px;
    padding: 15px 0;
    background: #f5f5f5
}

#cash .cont .my_honey .s_honey:first-child {
    margin-right: 15px
}

#cash .cont .my_honey .s_honey > span {
    display: block;
    font-size: 15px;
    text-align: center
}

#cash .cont .my_honey .s_honey p {
    text-align: center
}

#cash .cont .my_honey .s_honey p span {
    font-size: 28px
}

#cash .cont .my_honey .s_honey p .color {
    color: #468CFA
}

#cash .cont .my_honey > span {
    font-size: 14px
}

#cash .cont .my_honey > .color {
    color: #888
}

#cash .pay_form.cash input[type=radio] {
    cursor: pointer
}

#cash .pay_form.cash label {
    cursor: pointer
}

#column_topic {
    padding-bottom: 50px
}

#column_topic .topic_header {
    background: #F1F1F1
}

#column_topic .topic_header > div {
    overflow: hidden;
    width: 1050px;
    margin: 0 auto;
    padding: 25px 0
}

#column_topic .topic_header ul {
    position: relative
}

#column_topic .topic_header ul li {
    float: left
}

#column_topic .topic_header .breadcrumb {
    position: absolute;
    top: -15px;
    right: 0;
    margin-bottom: 5px;
    font-size: 12px;
    text-align: right;
    font-family: initial
}

#column_topic .topic_header h3 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px
}

#column_topic .topic_header .txt {
    font-size: 15px;
    line-height: 1.6;
    margin-top: 15px;
    height: 75px;
    overflow: hidden
}

#column_topic .topic_header .btn_more {
    margin: 10px auto 0%
}

#column_topic .topic_header .btn_more, #column_topic .column_none a {
    display: block;
    width: 150px;
    padding: 5px;
    color: #448aff;
    font-size: 13px;
    text-align: center;
    cursor: pointer
}

#column_topic .topic_header .cover {
    width: 300px;
    margin-right: 25px
}

#column_topic .topic_header .introd {
    width: 725px
}

#column_topic .topic_header .introd span {
    margin-right: 10px
}

#column_topic .topic_header .introd span.writer {
    font-size: 15px;
    font-weight: 600;
    color: #000
}

#column_topic .column_none p {
    font-size: 15px
}

#column_topic .column_none a {
    width: 150px;
    margin-top: 10px
}

#column_topic .menu {
    border: 1px solid #E0E0E0;
    border-width: 1px 0
}

#column_topic .menu dl {
    position: relative;
    width: 1050px;
    margin: 0 auto;
    line-height: 44px
}

#column_topic .menu dl dt {
    position: absolute;
    right: 0;
    top: 0
}

#column_topic .menu dl dt span {
    font-size: 13px
}

#column_topic .menu dl dt em {
    display: inline-block;
    width: 1px;
    height: 15px;
    position: relative;
    top: 2px;
    margin: 0 12px;
    background: url('https://cdn.ibos.kr/images/161031_best_05.png') no-repeat;
    background-position: left center
}

#column_topic .menu dl dd {
    display: inline-block;
    width: 135px;
    text-align: center;
    font-size: 16px;
    cursor: pointer
}

#column_topic .menu dl dd.active {
    border-bottom: 3px solid #FF4949;
    color: #FF4949;
    font-weight: 600
}

#column_topic .articles {
    width: 1050px;
    margin: 20px auto
}

#column_topic .articles .cell {
    border-top: 1px solid #E0E0E0;
    padding: 35px 0
}

#column_topic .articles .cell:first-child {
    border-top: 0
}

#column_topic .articles .cell a {
    position: relative;
    display: block;
    overflow: hidden;
    color: inherit
}

#column_topic .articles .cell a:hover .subject {
    text-decoration: underline
}

#column_topic .articles .cell a > div {
    float: left
}

#column_topic .articles .thumb_img {
    width: 232px;
    padding: 0 30px 0 50px
}

#column_topic .articles .info {
    width: 618px;
    padding-right: 120px
}

#column_topic .articles .subject {
    display: inline-block;
    font-size: 19px;
    margin-bottom: 15px;
    color: #000;
    font-weight: normal
}

#column_topic .articles .comment_1 {
    font-size: 14px;
    line-height: 1.6;
    color: #777
}

#column_topic .articles .count {
    margin-top: 15px
}

#column_topic .articles .count em {
    display: inline-block;
    padding: 0 15px
}

#column_topic .articles .count span {
    font-size: 13px;
    letter-spacing: 0
}

#column_topic .articles .like {
    position: absolute;
    right: 0;
    top: 40px;
    font-size: 16px;
    font-weight: 600;
    color: #FF4949
}

#column_topic .articles .like em {
    display: inline-block;
    text-indent: -999em;
    width: 22px;
    height: 19px;
    padding: 0;
    background: url('https://cdn.ibos.kr/images/view_vote_icon.png') no-repeat;
    background-position: -22px 0;
    position: relative;
    top: 4px;
    margin-right: 5px;
    cursor: pointer
}

#column_topic .columnist {
    width: 1050px;
    margin: 20px auto
}

#column_topic .columnist > div {
    padding-top: 35px
}

#column_topic .columnist ul {
    overflow: hidden;
    padding: 0 100px
}

#column_topic .columnist ul li {
    float: left;
    font-size: 16px;
    line-height: 180%
}

#column_topic .columnist ul li.writer {
    padding-left: 30px;
    padding-top: 20px;
    font-size: 19px
}

#column_topic .columnist ul li.writer strong {
    display: block;
    font-size: 24px
}

#column_topic .columnist ul li.writer a {
    font-size: 14px;
    margin-right: 15px
}

#column_topic .columnist ul li.writer a:hover {
    text-decoration: underline
}

#column_topic .columnist ul li.detail {
    float: none;
    clear: both;
    padding-top: 30px
}

#column_topic .columnist ul li.writer ul {
    padding: 0
}

#column_topic .columnist ul li.writer .etc-info {
    font-size: 15px
}

._notice_box {
    width: 490px;
    background: #D8E7FF;
    border: 1px solid #BBD0F2;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 22px
}

._notice_box p {
    font-weight: 600;
    color: #111369;
    text-indent: -20px;
    padding-left: 20px
}

._notice_box label {
    color: #FF4949
}

._notice_box.p6532 {
    width: 340px;
    font-size: 13px;
    margin: 0 auto;
    margin-left: 160px
}

._notice_box.p6532 p {
    font-size: 13px
}

#user_favorite {
    position: fixed;
    bottom: 70px;
    right: 50px;
    z-index: 1001;
    width: 350px;
    height: 200px;
    background: #FFF;
    border: 1px solid #CCC;
    padding: 20px;
    line-height: 18px;
    font-size: 13px;
    overflow-y: auto
}

#newsFeed {
    background: #F4F3F4
}

#newsFeed .sheader {
    background: #FFF;
    height: 69px;
    border-bottom: 1px solid #E0E0E0
}

#newsFeed .sheader > div {
    padding: 0
}

#newsFeed .sheader h1 {
    line-height: 69px;
    font-size: 28px
}

#newsFeed .container {
    overflow: hidden;
    width: 1170px;
    margin: 0 auto;
    padding-top: 30px
}

#newsFeed .container > div {
    float: left;
    min-height: 200px
}

#newsFeed .container > div > h5 {
    font-size: 18px;
    font-weight: normal;
    padding: 15px;
    background: #FFF;
    border: 1px solid #E0E0E0;
    border-bottom: 0
}

#newsFeed .bdshadow {
    background: #FFF;
    border: 1px solid #E0E0E0
}

#sideLeft {
    width: 190px
}

#sideLeft .btn_write {
    display: block;
    text-align: center;
    font-size: 15px;
    line-height: 44px
}

#sideLeft .fav_sbj h6 {
    position: relative;
    font-size: 15px;
    padding: 5px 0;
    letter-spacing: -1px
}

#sideLeft .fav_sbj h6 a {
    position: absolute;
    top: 6px;
    right: 0;
    font-size: 11px;
    font-weight: normal;
    color: #999
}

#sideLeft .fav_sbj ul li {
    margin: 2px 0
}

#sideLeft .fav_sbj ul li a {
    position: relative;
    display: block;
    font-size: 12.5px;
    line-height: 26px;
    border: 1px solid #F4F3F4;
    text-indent: 3px;
    color: #666
}

#sideLeft .fav_sbj ul li a:hover {
    color: #000;
    background: #FCFCFC;
    border-color: #E0E0E0;
    transition: background .2s ease-out
}

#sideLeft .fav_sbj ul li a em {
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 11px;
    font-family: Tahoma, serif;
    font-style: normal;
    color: #999
}

#sideLeft .fav_sbj ul li.on a {
    color: #000;
    background: #FCFCFC;
    border-color: #E0E0E0
}

#sideLeft .fav_sbj > div {
    border-bottom: 1px solid #E0E0E0;
    margin-top: 15px;
    padding-bottom: 10px
}

#sideLeft .fav_sbj .int ul {
    height: 212px;
    overflow: hidden
}

#sideLeft .fav_sbj .int .show_more {
    display: block;
    font-size: 13.5px;
    line-height: 26px;
    border: 1px solid #F4F3F4;
    text-indent: 4px;
    color: #666;
    cursor: pointer
}

#sideLeft .fav_sbj .int .show_more:hover {
    text-decoration: underline;
    color: #663399
}

#sideRight {
    width: 250px
}

#sideRight #BnSub img {
    width: 100%;
    height: auto
}

#sideRight .layout_col {
    background: none
}

#sideRight .layout_col > div {
    background: #FFF
}

#sideRight #ly_subb {
    padding: 0;
    margin: 20px 0;
    background: none
}

#contMain {
    width: 690px;
    margin: 0 20px;
    position: relative
}

#contMain h3 {
    position: relative;
    margin: 10px 0 20px 0;
    font-size: 19px;
    letter-spacing: -1px;
    color: #333
}

#contMain table tr td .AB-LF-common {
    font-size: 16px
}

#contMain table tr td .take_subject {
    margin: 4px 0;
    color: #666;
    max-width: 448px;
    font-size: 13px
}

#contMain table tr td em {
    font-style: normal;
    display: inline-block;
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid #E0E0E0;
    line-height: 10px;
    color: #B0B0B0;
    letter-spacing: -2px
}

#contMain table tr td em a {
    color: #B0B0B0;
    letter-spacing: -2px
}

#contMain table tr td em a:hover {
    text-decoration: underline;
    color: #666;
    transition: all .1s ease-in-out
}

#contMain .noarticle {
    font-size: 16px;
    text-align: center;
    padding-top: 55px;
    line-height: 200px
}

#contMain .setting {
    position: absolute;
    top: 10px;
    right: 0;
    cursor: pointer
}

#affiliate_form {
    background: #E9EBEE;
    padding: 35px 0
}

#affiliate_form > div {
    width: 950px;
    margin: 0 auto;
    background: #FFF;
    border: 1px solid #E0E0E0;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0,.08);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0,.08)
}

#affiliate_form .header {
    width: 730px;
    margin: 0 auto 30px auto
}

#affiliate_form .header h3 {
    font-size: 32px;
    text-align: center;
    font-weight: normal;
    color: #000;
    margin-bottom: 20px;
    padding: 20px 0
}

#affiliate_form .header p {
    font-size: 14px;
    line-height: 22px;
    padding: 0 20px 15px 20px
}

#affiliate_form .write_wrap > div {
    width: 730px;
    margin: 0 auto 35px auto
}

#affiliate_form .write_wrap h5 {
    font-size: 18px;
    position: absolute;
    top: 30px;
    left: 15px;
    line-height: 18px
}

#affiliate_form .write_wrap ul {
    position: relative;
    padding-left: 150px;
    border-top: 1px solid #999
}

#affiliate_form .write_wrap ul li {
    overflow: hidden;
    border-bottom: 1px solid #E0E0E0;
    border-top: 0;
    padding: 0;
    background: #F9F9F9
}

#affiliate_form .write_wrap ul li p {
    float: left;
    width: 410px;
    padding: 14px 5px 14px 10px;
    background: #FFF
}

#affiliate_form .write_wrap ul li p.radio {
    min-height: 34px;
    line-height: 34px
}

#affiliate_form .write_wrap ul li p.radio span {
    display: block;
    float: left;
    width: 30%
}

#affiliate_form .write_wrap ul li p.radio input {
    display: inline;
    width: auto
}

#affiliate_form .write_wrap ul li p.radio label {
    line-height: normal;
    display: inline;
    float: none;
    padding-left: 5px;
    cursor: pointer
}

#affiliate_form .write_wrap ul li input {
    border-color: #DDD;
    width: 387px;
    font-size: 13px
}

#affiliate_form .write_wrap ul li label {
    line-height: 60px;
    width: 140px
}

#affiliate_form .write_wrap ul li textarea {
    width: 387px;
    padding: 10px;
    font-size: 13px;
    font-family: initial;
    resize: none;
    border-color: #DDD
}

#affiliate_form .footer {
    width: 730px;
    margin: 0 auto 30px auto
}

#affiliate_form .footer p {
    font-size: 14px;
    line-height: 22px;
    padding: 0 20px 15px 20px
}

#affiliate_form .login_button {
    width: 650px;
    margin: 30px auto;
    border: 1px solid #B83400;
    background: #FAE9E7;
    text-align: center;
    padding: 30px 0
}

#affiliate_form .login_button p {
    font-size: 16px;
    font-weight: 600
}

#affiliate_form .login_button a {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    background: #663399;
    color: #fff;
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 0 6px rgba(0,0,0,0.15);
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
    margin-top: 30px
}

#affiliate_view .ABA-view-body strong {
    display: block;
    padding-bottom: 15px;
    color: #FF4949
}

#affiliate_view .ABA-view-body span {
    display: block;
    font-size: 14px;
    font-weight: 600
}

#affiliate_view .ABA-view-body span::before {
    content: "■";
    clear: both;
    padding-right: 5px
}

#affiliate_view .ABA-view-body p {
    margin-bottom: 10px;
    padding-left: 20px
}

#affiliate_view .ABA-view-body p::before {
    content: "-";
    padding-right: 5px
}

#notif_pop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 1000;
    width: 360px
}

.noti_cell {
    position: relative;
    height: 80px;
    background: #FFF;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    margin-top: 15px
}

.noti_cell:hover {
    box-shadow: 0 2px 6px rgba(0,0,0,0.5)
}

.noti_cell a {
    display: block;
    height: 80px
}

.noti_cell a:hover {
    text-decoration: none
}

.noti_cell a > img {
    position: absolute;
    top: 0;
    left: 0
}

.noti_cell a > div {
    position: relative;
    width: 256px;
    height: 56px;
    padding: 12px;
    padding-left: 92px
}

.noti_cell a > div span {
    color: #999;
    font-size: 12px
}

.noti_cell h3 {
    font-size: 13px;
    padding-bottom: 9px;
    line-height: 14px;
    color: #333;
    line-height: 13px
}

.noti_cell p {
    font-size: 12px;
    color: #666;
    padding-bottom: 3px
}

.noti_cell .btn_close_pop {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    z-index: 1001
}

#datalab.partner .report .table a {
    color: #1C1C1C
}

#datalab.partner .report .table a:hover {
    text-decoration: underline;
    color: #448AFF
}

#datalab.partner .npay {
    color: #448AFF
}

#datalab.partner .paid {
    color: #999
}

#datalab.partner .referrer {
    padding-left: 5px;
    word-break: break-all;
    color: #000
}

#datalab.partner .referrer:hover {
    text-decoration: none
}

#datalab.partner .referrer:hover span {
    color: #448AFF;
    text-decoration: underline
}

#datalab.partner .tp_ctr {
    position: relative;
    background: #FFF;
    padding: 10px 20px;
    margin-bottom: 15px;
    border: 1px solid #CCC
}

#datalab.partner .tp_ctr span {
    display: inline-block;
    font-size: 15px;
    margin-right: 35px
}

#datalab.partner .tp_ctr span label {
    font-weight: 600;
    color: #448AFF;
    padding-left: 5px
}

#datalab.partner .tp_ctr .nonpaid label {
    color: #FF4949
}

#datalab.partner .tp_ctr .sel_box {
    position: absolute;
    right: 10px;
    top: 5px
}

#datalab.getCode .secbbg {
    background: #FFF;
    border: 1px solid #E0E0E0;
    padding: 40px;
    text-align: center
}

#datalab.getCode .secbbg h5 {
    font-size: 18px;
    margin-bottom: 20px
}

#datalab.getCode .secbbg p {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 40px
}

#datalab.getCode .secbbg .spacer {
    padding-top: 45px;
    margin-top: 45px;
    border-top: 1px solid #E0E0E0
}

#supporters .report td p.state_A, #supporters .report td p.state_W, #supporters .report td p.state_S, #supporters .report td p.state_X {
    display: inline-block;
    padding: 2px 10px;
    font-size: 12px;
    background: #EEE;
    color: #A0A0A0
}

#supporters .report td p.state_A {
    background: #448AFF;
    color: #FFF
}

#supporters_info .code .cpa_code.fs_action {
    display: block;
    width: 200px;
    text-align: center;
    margin: 0 auto;
    background: #EEE;
    border: 1px solid #CCC;
    font-size: 14px;
    padding: 12px 0;
    letter-spacing: -1px;
    color: #666;
    font-weight: 600;
    box-shadow: 0 0 6px rgba(0,0,0,0.15);
    cursor: pointer
}

#supporters_info .code .cpa_code.fs_action:hover {
    border-color: #A0A0A0;
    color: #000;
    transition: all .2s ease-in-out;
    background: #D5D5D5
}

#supporters_info .code.done {
    display: block;
    width: 200px;
    text-align: center;
    margin: 0 auto;
    background: #EEE;
    border: 1px solid #CCC;
    font-size: 17px;
    padding: 12px 0;
    color: #FF4949;
    box-shadow: 0 0 6px rgba(0,0,0,0.15)
}

#tax_invoice_list td {
    font-size: 14px;
    line-height: normal
}

#tax_invoice_list td .AB-LF-common a:hover {
    color: inherit;
    text-decoration: underline
}

#datalab.mo {
    margin-top: 0!important
}

.ktalk_bn {
    display: none;
    position: relative;
    background: #FAE100;
    width: 600px;
    margin: 0 auto 30px auto;
    padding: 0 20px;
    font-size: 16px;
    height: 52px;
    line-height: 52px
}

.ktalk_bn a {
    display: block
}

.ktalk_bn a:hover {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    -khtml-opacity: .75;
    opacity: .75
}

.ktalk_bn p {
    font-weight: 600;
    color: #391E1E
}

.ktalk_bn span {
    display: block;
    position: absolute;
    top: 12px;
    right: 12px;
    background: #391E1E;
    color: #FFF;
    text-align: center;
    width: 100px;
    height: 28px;
    line-height: 28px
}

#admin_cash_provider h3 {
    font-size: 23px;
    padding-bottom: 15px
}

#admin_cash_provider > form {
    border: 1px solid #CCC;
    padding: 20px
}

#admin_cash_provider .user_search ul li .s_box_c .name p {
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    margin: 0 5px 0 0
}

#admin_cash_provider .user_search ul li .s_box_c .name p img {
    width: 100%
}

#admin_cash_provider .user_search ul li .s_box_c .name span {
    font-size: 13px;
    line-height: 24px;
    font-weight: 600;
    color: #454545
}

#admin_cash_provider .user_search ul li .s_box_c {
    display: none;
    position: absolute;
    left: 120px;
    top: 47px;
    width: 355px;
    height: auto;
    max-height: 290px;
    border: 1px solid #ccc;
    z-index: 50;
    overflow-y: auto
}

#admin_cash_provider .user_search ul li .s_box_c .s_box {
    height: auto;
    background: #fff
}

#admin_cash_provider .user_search ul li .s_box_c .name {
    padding: 7px 10px;
    cursor: pointer
}

#admin_cash_provider .user_search ul li .s_box_c .name:hover {
    background: #F9F9F9
}

#admin_cash_provider .user_search ul li .s_box_c .name p {
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    margin: 0 5px 0 0
}

#admin_cash_provider .user_search ul li .s_box_c .name p img {
    width: 100%
}

#admin_cash_provider .user_search ul li .s_box_c .name span {
    font-size: 13px;
    line-height: 24px;
    font-weight: 600;
    color: #454545
}

#admin_cash_provider ul li {
    padding: 7px 0
}

#admin_cash_provider ul li.user_search {
    position: relative
}

#admin_cash_provider ul li .user_search_wrap {
    display: inline-block
}

#admin_cash_provider ul li.group_send {
    display: none
}

#admin_cash_provider ul li.group_send div {
    display: inline-block
}

#admin_cash_provider ul li input,#admin_cash_provider ul li textarea {
    width: 325px;
    border: 1px solid #E0E0E0;
    font-size: 14px;
    padding: 2px 15px;
    line-height: 26px
}

#admin_cash_provider ul li input[type=radio] {
    width: auto
}

#admin_cash_provider ul li input.AB_datepicker {
    height: 26px
}

#admin_cash_provider ul li label {
    font-size: 14px;
    display: inline-block;
    width: 120px;
    font-weight: 600
}

#admin_cash_provider .find_nick {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    background: #666;
    color: #FFF;
    margin-left: 5px;
    position: relative;
    top: 2px;
    padding: 0 10px
}

#provide_cash {
    display: block;
    margin: 20px auto 0 auto;
    width: 150px;
    text-align: center;
    color: #FFF;
    background: #448AFF;
    line-height: 44px;
    font-size: 15px
}

#ly_pop_feedback {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999
}

#ly_pop_feedback .bg {
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999
}

#ly_pop_feedback .wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -350px;
    z-index: 1000;
    background: #FFF;
    width: 400px;
    border: 1px solid #A0A0A0
}

#ly_pop_feedback .wrap h3 {
    font-size: 17px;
    text-align: center;
    line-height: 72px;
    border-bottom: 1px solid #EEE
}

#ly_pop_feedback .wrap ul li {
    border-top: 1px solid #EEE;
    padding: 10px 0
}

#ly_pop_feedback .wrap ul li > div {
    display: inline-block;
    width: 280px;
    padding: 5px 10px
}

#ly_pop_feedback .wrap ul li > label {
    display: inline-block;
    width: 70px;
    text-align: right;
    vertical-align: top;
    font-size: 13px;
    padding-right: 10px;
    line-height: 120px
}

#ly_pop_feedback .wrap ul li p {
    position: relative
}

#ly_pop_feedback .wrap ul li p input {
    position: absolute;
    top: 50%;
    left: 7px;
    margin-top: -6px
}

#ly_pop_feedback .wrap ul li p input:checked + label {
    border-color: #A0A0A0;
    color: #000;
    font-weight: 600
}

#ly_pop_feedback .wrap ul li p label {
    border: 1px solid #E0E0E0;
    background: #F0F0F0;
    margin: 6px 0;
    display: block;
    cursor: pointer;
    padding: 6px;
    padding-left: 32px;
    font-size: 13px
}

#ly_pop_feedback .wrap ul li textarea {
    resize: none;
    padding: 8px;
    border-color: #E0E0E0;
    width: 264px;
    font-family: initial;
    font-size: 14px;
    line-height: 22px
}

#ly_pop_feedback .wrap ul li.chk_sat > label {
    line-height: 52px
}

#ly_pop_feedback .wrap ul li.chk_sat span {
    display: inline-block;
    position: relative;
    margin-right: 5px
}

#ly_pop_feedback .wrap ul li.chk_sat span input {
    position: absolute;
    top: 50%;
    left: 7px;
    margin-top: -6px
}

#ly_pop_feedback .wrap ul li.chk_sat span label {
    display: block;
    border: 1px solid #E0E0E0;
    background: #F0F0F0;
    margin: 6px 0;
    cursor: pointer;
    padding: 6px;
    padding-left: 32px;
    font-size: 13px
}

#ly_pop_feedback .wrap ul li.pos, #ly_pop_feedback .wrap ul li.neg {
    display: none
}

#ly_pop_feedback .wrap ul li div p:hover label, #ly_pop_feedback .wrap ul li div span:hover label {
    border-color: #A0A0A0
}

#ly_pop_feedback .wrap .notice {
    font-size: 13px;
    text-align: center;
    padding: 20px 0
}

#ly_pop_feedback .confirm {
    text-align: center;
    padding: 20px 0
}

#ly_pop_feedback .confirm a {
    display: inline-block;
    margin: 0 3px;
    width: 80px;
    line-height: 33px;
    background: #663399;
    color: #FFF
}

#ly_pop_feedback .confirm a.btn_cancel {
    background: #AAA
}

#event_lf .board_category_snb {
    border-bottom: 1px solid;
    border-color: #333
}

#event_lf .m_bn {
    margin: 15px 0
}

#event_lf .event_review {
    position: relative;
    border: 1px solid #E0E0E0;
    padding: 20px
}

#event_lf .event_review p {
    position: absolute;
    top: 0;
    left: 20px;
    line-height: 60px;
    font-size: 13px
}

#event_lf .event_review a {
    display: inline-block;
    margin-left: 80px;
    line-height: 20px;
    font-size: 13.5px;
    color: #663399
}

#event_lf .event_review a:hover {
    text-decoration: underline
}

#event_lf .event-list {
    margin-top: 20px
}

#event_lf .list-item {
    position: relative;
    border-top: 1px solid #E0E0E0;
    padding: 20px 0;
    min-height: 136px
}

#event_lf .list-item .bn_img {
    position: absolute;
    top: 20px;
    left: 0;
    width: 360px;
    height: 136px;
    border-radius: 10px;
    object-fit: cover
}

#event_lf .list-item .bg {
    position: absolute;
    top: 20px;
    left: 0;
    width: 360px;
    height: 136px;
    background: #000;
    border-radius: 10px
}

#event_lf .list-item a {
    display: block;
    height: 100%
}

#event_lf .list-item a:hover strong {
    text-decoration: underline
}

#event_lf .list-item .cont {
    padding-left: 380px;
    font-size: 13px
}

#event_lf .list-item .cont strong {
    font-size: 19px;
    font-weight: 400;
    color: #000;
    word-break: keep-all;
    line-height: 160%
}

#event_lf .list-item .cont label {
    display: inline-block;
    background: #4F366B;
    padding: 2px 10px;
    margin-right: 8px;
    vertical-align: 2px;
    color: #FFF
}

#event_lf .list-item .cont label.cat2 {
    background: #DDD;
    color: #666
}

#event_lf .list-item .cont label.cat3 {
    background: #B0A3BF
}

#event_lf .list-item .cont p {
    color: #666;
    margin-top: 16px
}

#event_lf .list-item .cont p span {
    color: inherit !important
}

#event_lf .list-item .cont .comment_1 {
    margin-top: 16px;
    color: #A0A0A0;
    overflow: hidden;
    line-height: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    text-overflow: ellipsis;
    height: 40px
}

#event_lf .event-slider {
    overflow: hidden;
    height: 295px
}

#event_lf .bx-pager.bx-default-pager {
    text-align: center;
    padding-top: 12px
}

#event_lf .bx-pager-item {
    display: inline-block;
    margin: 0 2px
}

#event_lf .bx-pager-item a {
    display: block;
    text-indent: -999em;
    width: 20px;
    height: 4px;
    background: #CCC
}

#event_lf .bx-pager-item a.active {
    background: #64349B
}

#event_lf .bx-controls-direction {
    display: none
}

#req {
    background: #F5F5F5
}

#req .bdbg {
    border: 1px solid #E0E0E0;
    background: #FFF;
    box-shadow: 1px 2px 6px rgba(0,0,0,0.08)
}

#req .inner {
    overflow: hidden;
    width: 1170px;
    margin: 0 auto;
    padding: 20px 0
}

#req .inner > div {
    float: left
}

#req .container {
    width: 900px;
    margin-right: 20px
}

#req .container .header {
    position: relative;
    margin-bottom: 17px
}

#req .container .header h1 {
    width: 190px;
    text-align: center;
    line-height: 60px;
    font-size: 23px
}

#req .container .header > div {
    position: absolute;
    top: 22px;
    right: 15px
}

#req .container .header label {
    font-size: 14px;
    cursor: pointer
}

#req .container .header .now {
    display: inline-block;
    margin-left: 15px
}

#req .container .contents {
    overflow: hidden
}

#req .contents .category {
    float: left;
    width: 190px;
    margin-right: 20px
}

#req .contents .category > div {
    margin-bottom: 17px
}

#req .contents .det_cat {
    padding: 15px
}

#req .contents .det_cat strong {
    display: block;
    border-bottom: 1px solid #EEE;
    font-size: 15px;
    padding-bottom: 12px;
    margin-bottom: 12px
}

#req .contents .det_cat p {
    padding: 3px 0;
    font-size: 14px
}

#req .contents .proposal_bd {
    float: left;
    width: 690px
}

#req .proposal_bd .cell {
    margin-bottom: 17px;
    padding: 30px
}

#req .proposal_bd .cell .subject {
    position: relative;
    border-bottom: 1px solid #EEE;
    padding-bottom: 12px
}

#req .proposal_bd .cell .subject > p {
    display: inline-block;
    font-size: 19px;
    color: #000
}

#req .proposal_bd .cell .subject .deadline {
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    text-align: right;
    font-size: 13px
}

#req .proposal_bd .cell .comment_1 {
    padding: 12px 0;
    font-size: 15px;
    color: #999;
    line-height: 160%
}

#req .proposal_bd .cell .hash {
    padding-bottom: 12px
}

#req .proposal_bd .cell .hash label {
    display: inline-block;
    color: #666;
    background: #E5E5E5;
    font-size: 14px;
    padding: 4px 8px
}

#req .proposal_bd .cell .info {
    border-top: 1px solid #EEE;
    padding-top: 12px
}

#req .proposal_bd .cell .info span {
    display: inline-block;
    font-size: 14px;
    margin-right: 15px;
    color: #888
}

#req .proposal_bd .cell .info span em {
    color: #FF4949;
    font-style: normal;
    padding-left: 5px
}

#req .proposal_bd .cell .info span.spacer {
    border-right: 1px solid #E5E5E5;
    height: 8px
}

#req .side {
    width: 250px
}

#req .side .req_write_btn {
    display: block;
    background: #5584C5;
    border: 1px solid #5584C5;
    line-height: 60px;
    font-size: 19px;
    color: #FFF;
    text-align: center;
    margin-bottom: 17px;
    box-shadow: 1px 2px 6px rgba(0,0,0,0.08)
}

#req .side .req_usr {
    text-align: center
}

#req .side .req_usr img.bd_R50 {
    margin-top: 30px;
    width: 66px;
    height: 66px
}

#req .side .req_usr .nickname {
    font-size: 18px;
    border-bottom: 1px solid #EEE;
    padding: 17px;
    margin: 0 17px 17px 17px
}

#board-gnb h1 {
    font-size: 28px;
    width: 1280px;
    margin: 0 auto;
    padding-bottom: 15px
}

#board-gnb h1 a {
    color: #000;
    font-weight: 600;
    letter-spacing: -3px
}

#board-gnb #GNB .gnbWrap {
    width: 1280px
}

#board-gnb #GNB .gnbWrap li:first-child {
    padding-left: 0
}






#board-container #aside {
    width: 360px
}

#board-container #contents-wrap {
    width: 770px;
    margin: 0 20px;
    border-radius: 8px
}

#board-snb .snb-box {
    padding: 15px;
    background: #FFF;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    border-radius: 5px
}

#board-snb .snb-box h6 {
    position: relative;
    font-size: 19px;
    padding: 5px 0;
    letter-spacing: -1px
}

#board-snb .snb-box h6 a {
    color: #000
}

#board-snb .snb-box ul {
    border-top: 1px solid #EEE;
    margin-top: 16px;
    padding-top: 16px
}

#board-snb .snb-box ul.nobd {
    border: 0;
    margin: 0;
    padding: 0
}

#board-snb .snb-box ul li {
    position: relative;
    margin: 2px 0
}

#board-snb .snb-box ul li a {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 28px;
    text-indent: 3px;
    color: #777
}

#board-snb .snb-box ul li a:hover {
    color: #000;
    text-decoration: underline
}

#board-snb .snb-box ul li a em {
    text-indent: -999em;
    display: inline-block;
    width: 4px;
    height: 4px;
    vertical-align: middle;
    border-radius: 50%;
    background: #FF4949;
    margin-left: 4px
}

#board-snb .snb-box ul li i {
    position: absolute;
    top: 11px;
    right: -8px;
    font-size: 12px;
    color: #999;
    width: 15px;
    text-align: center;
    cursor: pointer
}

#board-snb .snb-box ul li i.fa-bell-on {
    color: #E55757
}

#board-snb .snb-box ul li.on a {
    color: #000;
    font-weight: 600;
    text-decoration: underline
}

#board-snb .snb-box .int {
    border-top: 1px solid #E0E0E0;
    padding: 10px 0
}

#board-snb .snb-box .int:first-child {
    border-top: 0;
    padding-top: 0
}

#board-snb #alimtalk-pop {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -194px;
    margin-left: -254px;
    width: 509px;
    height: 388px;
    background: url('https://cdn.ibos.kr/images/200413_p1957_popup.png') no-repeat;
    text-align: center;
    z-index: 999
}

#board-snb #alimtalk-pop a {
    position: absolute;
    top: 140px;
    left: 50%;
    margin-left: -98px
}

#board-snb #alimtalk-pop a:active {
    top: 141px
}

#board-snb #alimtalk-pop .btn_close {
    position: absolute;
    top: 0;
    right: 0px;
    padding: 16px;
    cursor: pointer
}

#board-container.fix_1050 .inner-wrap {
    width: 1050px
}

#board-container.fix_1050 #contents-wrap {
    width: 728px;
    margin: 0 20px 0 0;
    padding: 0
}

#board-container.fix_1050 #BDWriteForm .outline {
    border: 0
}

#side-nav .wrap {
    position: absolute;
    margin-left: -190px;
    width: 130px;
    padding: 10px 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    background: #FFF;
    border-radius: 4px
}

#side-nav .wrap h6 {
    position: relative;
    font-size: 19px;
    padding: 5px 0;
    letter-spacing: -1px
}

#side-nav .wrap h6 a {
    color: #000;
    word-break: keep-all
}

#side-nav .wrap ul {
    border-top: 1px solid #EEE;
    margin-top: 12px;
    padding-top: 12px
}

#side-nav .wrap ul.nobd {
    border: 0;
    margin: 0;
    padding: 0
}

#side-nav .wrap ul li {
    position: relative;
    margin: 2px 0
}

#side-nav .wrap ul li a {
    position: relative;
    display: block;
    font-size: 13.5px;
    line-height: 24px;
    text-indent: 3px;
    color: #777
}

#side-nav .wrap ul li a:hover {
    color: #000;
    text-decoration: underline
}

#side-nav .wrap ul li a em {
    text-indent: -999em;
    display: inline-block;
    width: 4px;
    height: 4px;
    vertical-align: middle;
    border-radius: 50%;
    background: #FF4949;
    margin-left: 4px
}

#side-nav .wrap ul li i {
    position: absolute;
    top: 11px;
    right: -8px;
    font-size: 12px;
    color: #999;
    width: 15px;
    text-align: center;
    cursor: pointer
}

#side-nav .wrap ul li i.fa-bell-on {
    color: #E55757
}

#side-nav .wrap ul li.on a {
    color: #000;
    font-weight: 600;
    text-decoration: underline
}

#side-nav .wrap ul li a strong {
    color: #000;
    font-weight: 400
}

#side-nav .wrap .int {
    border-top: 1px solid #E0E0E0;
    padding: 10px 0
}

#side-nav .wrap .int:first-child {
    border-top: 0;
    padding-top: 0
}

#side-nav .wrap .alimtalk {
    position: absolute;
    left: 0;
    bottom: -80px;
    text-align: center;
    width: 168px
}

#side-nav .wrap .alimtalk p {
    cursor: pointer;
    background: #000;
    color: #FFF;
    line-height: 44px;
    font-size: 14px;
    margin-bottom: 8px
}

#side-nav .wrap .alimtalk a {
    display: inline-block;
    border-bottom: 1px solid;
    color: #999;
    font-size: 11px
}

#side-nav .wrap .alimtalk i {
    margin-right: 4px
}

#integrated_db {
    background: #F5F5F5;
    height: 100%
}

#integrated_db .header-wrap {
    position: relative;
    background: #663399;
    height: 50px
}

#integrated_db .header-wrap .logo {
    position: absolute;
    top: 50%;
    margin-top: -14px;
    left: 24px
}

#integrated_db .body-wrap {
    width: 96%;
    margin: 35px auto
}

#integrated_db .body-title h1 {
    font-size: 28px;
    font-family: NotoSansMedium;
    letter-spacing: -2px;
    padding-bottom: 5px
}

#integrated_db .body-title h1 a:hover {
    color: inherit;
    text-decoration: underline
}

#integrated_db .body-title p {
    font-size: 17px;
    margin-bottom: 15px
}

#integrated_db .table-title table {
    background: #FFF
}

#integrated_db .table-title th {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    height: 50px;
    border: 1px solid #e0e0e0;
    border-width: 1px 0;
    border-top: 2px solid #639;
    color: #333;
    letter-spacing: -1px;
    padding: 3px
}

#integrated_db .table-title th p {
    font-size: 12px;
    color: #CCC
}

#integrated_db .body-table {
    background: #FFF
}

#integrated_db .body-table tr:hover {
    background: #F9F9F9
}

#integrated_db .body-table td {
    display: table-cell;
    text-align: center;
    font-size: 14px;
    padding: 15px 3px;
    letter-spacing: -0.5px;
    word-break: break-all
}

#integrated_db .body-table td a.btn_save {
    display: inline-block;
    background: #663399;
    color: #FFF;
    line-height: 88px;
    vertical-align: top;
    padding: 0 2px;
    font-size: 13px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

#integrated_db .body-table textarea {
    width: 186px;
    resize: none;
    border-color: #E0E0E0;
    border-right: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 13px;
    padding: 7px
}

#integrated_db span.fa-edit {
    padding-left: 7px;
    cursor: pointer;
    color: #999
}

#integrated_db .state_D {
    color: #999;
    text-decoration: line-through
}

#integrated_db .state_O {
    color: #FF4949
}

#integrated_db .ly_pop {
    display: none;
    position: absolute;
    z-index: 999;
    background: #FFF;
    border: 1px solid #EEE;
    box-shadow: 1px 1px 6px rgba(0,0,0,0.15);
    padding: 5px 10px
}

#integrated_db .ly_pop ul li {
    line-height: 24px
}

#integrated_db .client {
    padding: 25px;
    border: 1px solid #E0E0E0;
    margin-bottom: 25px;
    background: #FFF
}

#integrated_db .client ul {
    overflow: hidden
}

#integrated_db .client ul li {
    float: left;
    padding: 0 20px;
    font-size: 16px
}

#integrated_db .client ul li:first-child {
    padding-left: 0
}

#integrated_db .date_form {
    margin-bottom: 25px
}

#integrated_db .date_form input {
    border: 1px solid #E0E0E0;
    padding: 2px 10px;
    text-align: center;
    font-size: 14px;
    height: 28px
}

#integrated_db .date_form .btn_submit {
    background: #663399;
    color: #FFF;
    height: 34px;
    width: 60px;
    margin-left: 10px;
    border: 0
}

#integrated_db .date_form .btn_submit:active {
    position: relative;
    top: 1px
}

#rp_header {
    position: relative;
    height: 70px;
    border-bottom: 1px solid #D5D5D5;
    background: #FFF
}

#rp_header .logo {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 20px;
    font-size: 20px;
    color: #000;
    line-height: 100%;
    font-weight: 500
}

#rp_header .hd_func {
    position: absolute;
    top: 0;
    right: 0
}

#rp_header .hd_func ul {
    overflow: hidden
}

#rp_header .hd_func ul li {
    float: left;
    font-size: 14px;
    padding: 0 12px;
    line-height: 70px;
    color: #787878
}

#rp_header .hd_func ul li a {
    color: #787878
}

#rp_header .hd_func ul li a:hover {
    color: #000
}

#report {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.26);
    background: #FFF;
    width: 950px;
    margin: 50px auto;
    min-height: 250px;
    border: 1px solid #BEBEBE
}

#report .title {
    background: #5EB3F0;
    line-height: 70px;
    position: relative
}

#report .title h3 {
    font-size: 26px;
    color: #FFF;
    text-indent: 20px;
    font-weight: 500;
    letter-spacing: -1px
}

#report .title .period {
    position: absolute;
    right: 0;
    top: 0;
    height: 70px;
    width: 220px;
    background: #3A74BE;
    color: #FFF;
    cursor: pointer
}

#report .title .period i {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -8px;
    font-size: 16px
}

#report .title .period span {
    font-size: 13px;
    padding-left: 15px;
    letter-spacing: 0
}

#report .contents {
    padding: 50px;
    position: relative
}

#report .contents h5 {
    font-size: 19px;
    margin-bottom: 25px
}

#report .contents .inventory {
    position: absolute;
    top: 50px;
    right: 50px
}

#report .contents .inventory a {
    display: inline-block;
    margin-right: 5px;
    width: 100px;
    line-height: 38px;
    font-size: 13px;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
    border: 1px solid #E0E0E0;
    text-align: center;
    color: #000
}

#report .contents .inventory a:hover {
    background: #F0F0F0;
    border-color: #BEBEBE
}

#report .contents .inventory a:active {
    position: relative;
    top: 1px
}

#report .contents canvas {
    margin: 50px 0
}

#report .contents tr th, #report .contents tr td {
    height: 42px;
    text-align: center;
    font-size: 16px
}

#report .contents tr th {
    background: #F0F0F0;
    font-weight: 600;
    border: 1px solid #E0E0E0;
    border-width: 1px 1px 1px 0
}

#report .contents tr th:first-child {
    border-left: 1px solid #E0E0E0
}

#report .contents tr td {
    border: 1px solid #E0E0E0;
    border-width: 0 1px 1px 0;
    font-size: 14px
}

#report .contents tr td:first-child {
    border-left: 1px solid #E0E0E0
}

#meetup-tit .inner-wrap {
    position: relative;
    z-index: 100;
    width: 1050px;
    margin: 0 auto;
    text-align: center;
    font-size: 15px;
    padding-top: 40px
}

#meetup-tit .inner-wrap .title {
    color: #FFF;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: -2px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    padding: 65px 0 30px 0
}

#meetup-tit .inner-wrap .schbox-wrap {
    width: 812px;
    background: rgba(0,0,0,0.18);
    padding: 7px;
    margin: 0 auto
}

#meetup-tit .inner-wrap .schbox-inner {
    height: 104px
}

#meetup-tit .inner-wrap .sec-lt {
    float: left;
    background: #FFF;
    padding: 15px;
    padding-bottom: 10px
}

#meetup-tit .selector {
    position: relative;
    float: left;
    width: 150px;
    height: 79px;
    cursor: pointer;
    border-right: 1px solid #EEE
}

#meetup-tit .selector i {
    font-size: 13px;
    color: #C0C0C0
}

#meetup-tit .selector i.fa-angle-down {
    position: absolute;
    left: 50%;
    margin-left: -4px;
    bottom: -2px
}

#meetup-tit .selector em {
    font-style: normal;
    display: block;
    font-size: 13.5px;
    font-weight: 300;
    color: #454545
}

#meetup-tit .selector p {
    display: block;
    font-size: 21px;
    font-weight: 500;
    padding: 10px 0 5px 0
}

#meetup-tit .selector p i {
    font-size: 23px;
    margin-right: 5px;
    color: #663399
}

#meetup-tit .selector ul {
    display: none;
    position: absolute;
    left: 0;
    top: 95px;
    z-index: 100;
    background: #FFF;
    border: 1px solid #EAEAEA;
    padding: 20px 30px;
    box-shadow: 1px 1px 6px rgba(0,0,0,0.18);
    width: 89px
}

#meetup-tit .selector ul li label {
    cursor: pointer;
    display: block;
    line-height: 36px
}

#meetup-tit .selector ul li:hover label {
    background: #F9F9F9
}

#meetup-tit .selector ul li a {
    display: block
}

#meetup-tit .selector .location-pop ul {
    width: 480px;
    left: -15px
}

#meetup-tit .selector .location-pop ul li {
    float: left;
    width: 80px
}

#meetup-tit .price {
    margin-left: -1px
}

#meetup-tit .date {
    width: 180px
}

#meetup-tit .date input.AB_datepicker {
    width: 100%;
    display: block;
    text-align: center;
    border: 0;
    font-size: 21px;
    font-weight: 500;
    height: 18px;
    padding: 15px 0 35px 0;
    cursor: pointer;
    color: transparent;
    text-shadow: 0 0 0 #454545
}

#meetup-tit .mb_searchbox {
    float: left;
    width: 300px;
    margin-left: 20px
}

#meetup-tit .mb_searchbox.focus {
    border-bottom: 2px solid #663399
}

#meetup-tit .mb_searchbox em {
    font-style: normal;
    display: block;
    font-size: 13.5px;
    font-weight: 300;
    color: #454545
}

#meetup-tit .mb_searchbox .sch_input {
    width: 100%;
    height: 31px;
    font-size: 21px;
    text-align: center;
    font-weight: 500;
    padding: 10px 0 5px 0;
    color: #000
}

#meetup-tit .row2 {
    float: right
}

#meetup-tit .row2 .btn_sch {
    display: inline-block;
    width: 150px;
    height: 104px;
    line-height: 104px;
    background: #663399;
    text-align: center;
    font-size: 21px;
    color: #FFF;
    box-shadow: 0 0 6px rgba(0,0,0,0.15);
    cursor: pointer;
    font-weight: 500
}

#meetup-tit .row2 .btn_sch:hover {
    background: #4d2673;
    transition: all .1s ease-in-out
}

#meetup-tit .row2 .btn_sch:active {
    position: relative;
    top: 1px
}

#meetup-tit .selector .select-button:active span {
    position: relative;
    top: 1px
}

#meetup-tit .selector .select-button:active i {
    bottom: -3px
}

#meetup-tit .selector .select-button:active .AB_datepicker {
    position: relative;
    top: 1px
}

#ui-datepicker-div.ui-datepicker {
    background: #FFF;
    border: 1px solid #EAEAEA;
    padding: 20px 30px;
    box-shadow: 1px 1px 6px rgba(0,0,0,0.18);
    margin-top: 10px;
    width: auto;
    font-size: 100% !important;
    padding: 20px !important;
    z-index: 9999 !important
}

#ui-datepicker-div .ui-widget-header {
    border: 0
}

#ui-datepicker-div .ui-widget-header select {
    cursor: pointer;
    font-size: 16px;
    width: auto;
    border: 0
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    cursor: pointer;
    padding: 8px
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    font-size: 16px;
    background: none;
    border: 0;
    text-align: center;
    height: 34px;
    line-height: 34px
}

.ui-state-default.ui-state-hover, .ui-widget-content .ui-state-default.ui-state-hover, .ui-widget-header .ui-state-default.ui-state-hover {
    background: #663399;
    color: #FFF
}

.ui-datepicker td.ui-datepicker-week-end a.ui-state-hover {
    color: #FFF !important
}

.ui-datepicker th {
    font-weight: 500
}

.ui-datepicker td {
    width: 40px;
    height: 40px
}

.ui-datepicker td.ui-datepicker-week-end a {
    color: #ff92ac
}

.ui-datepicker tr td.ui-datepicker-week-end:first-child a {
    color: #00aeff
}

.ui-datepicker td.ui-datepicker-today a {
    background: #663399;
    color: #FFF;
    opacity: 0.5
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: 0.35
}

.ui-datepicker td a.ui-state-active {
    background: #663399;
    color: #FFF
}

#article_tag {
    margin-bottom: 36px
}

#article_tag a {
    display: inline-block;
    margin: 0 6px 4px 0;
    padding: 4px 8px;
    color: #555;
    background: #F9F9F9;
    border-radius: 2px;
    word-break: keep-all;
    letter-spacing: 0;
    font-size: 14px
}

#article_tag a:hover {
    border-color: #AAA;
    color: #000;
    background: #EAEAEA;
    -webkit-transition: all .4s;
    transition: all .4s
}

.litter-view-box {
    position: relative;
    overflow: hidden;
    padding: 0 23px 60px 23px
}

.litter-view-box .ABA-view-body.ABA-article-contents {
    padding: 0;
    padding-top: 60px;
    margin-bottom: 20px
}

.litter-view-box p.amount {
    border: 1px solid #E0E0E0;
    background: #F9F9F9;
    width: 542px;
    line-height: 53px;
    float: left;
    font-size: 15px;
    text-indent: 20px
}

.litter-view-box p.amount strong {
    color: #FF4949;
    font-weight: 600
}

.litter-view-box p.amount span {
    display: inline-block;
    margin-left: 12px;
    font-size: 13px;
    color: #999
}

.litter-view-box p.amount span a {
    background: #666;
    color: #FFF;
    display: inline-block;
    padding: 2px 6px;
    line-height: 16px;
    font-size: 12px;
    margin-left: 16px;
    font-size: 12px;
    border-radius: 3px;
    text-indent: 0
}

.litter-view-box p.btn_ded {
    float: right
}

.litter-view-box p.btn_ded span {
    display: block;
    background: #000;
    color: #FFF;
    text-align: center;
    line-height: 55px;
    font-size: 15px;
    width: 130px
}

.litter-view-box p.btn_ded span:active {
    position: relative;
    top: 1px
}

.litter-view-box .gradient-box {
    height: 150px;
    position: absolute;
    bottom: 137px;
    width: 684px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(360deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(360deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
    background: linear-gradient(360deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1)
}

#katalkList h3 {
    font-size: 28px;
    margin-bottom: 12px;
    margin-top: 72px;
    letter-spacing: -1px;
    color: #000
}

#katalkList h5 {
    font-size: 17px;
    color: #999;
    margin-bottom: 48px
}

#katalkList td a {
    position: relative;
    display: block;
    overflow: hidden;
    padding-left: 24px
}

#katalkList td .thumb {
    float: left;
    margin: 6px 24px;
    margin-left: 0;
    width: 50px;
    height: 50px
}

#katalkList td .AB-LF-common {
    display: inline-block;
    font-weight: 600;
    font-size: 13.5px;
    margin-right: 16px;
    color: #000
}

#katalkList td a:hover .AB-LF-common {
    text-decoration: underline
}

#katalkList td a div {
    line-height: 50px;
    margin: 6px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

#katalkList td .desc {
    color: #999;
    font-size: 12.5px;
    letter-spacing: 0
}

#katalkList td.label span {
    color: #448AFF;
    letter-spacing: 0
}

#katalkList .table-mbb tr:first-child td {
    border-top: 0
}

#katalkList .notice {
    border-top: 1px solid #663399
}

#katalkList .notice .cell {
    background: #FAFAFA;
    font-size: 13px;
    border-bottom: 1px solid #EAEAEA
}

#katalkList .notice .cell a {
    display: inline-block;
    font-size: 14px;
    text-indent: 7px;
    color: #333;
    vertical-align: top;
    line-height: 42px
}

#katalkList .notice .cell a:hover .AB-LF-common {
    text-decoration: underline
}

#katalkList .notice .cell a label {
    display: inline-block;
    width: 40px;
    height: 20px;
    line-height: 20px;
    font-weight: 600;
    border-right: 1px solid #EAEAEA;
    font-size: 12px;
    margin-right: 24px
}

#talkView .wrap {
    border: 1px solid #E0E0E0;
    padding: 50px;
    margin-bottom: 36px
}

#talkView .head h1 {
    font-size: 28px;
    margin-bottom: 12px;
    letter-spacing: -1px;
    color: #000
}

#talkView .head p {
    font-size: 17px;
    color: #777;
    margin-bottom: 36px;
    width: 340px;
    word-break: keep-all
}

#talkView .btn_join a {
    display: inline-block;
    background: #000;
    color: #FFF;
    font-size: 15px;
    font-weight: 600;
    width: 180px;
    text-align: center;
    line-height: 50px
}

#talkView .info {
    border: 1px solid #EEE;
    background: #FCFCFC;
    margin-top: 48px;
    padding: 50px;
    font-size: 13.5px;
    color: #777;
    line-height: 24px
}

#talkView .info strong {
    display: inline-block;
    font-size: 15px;
    color: #666;
    margin-top: 44px;
    margin-bottom: 16px
}

#talkView .info strong:first-child {
    margin-top: 0
}

.contents-sub .head {
    background: url('https://cdn.ibos.kr/images/p2984_img_01.gif') #F5F5F5;
    padding: 40px 0;
    margin-bottom: 30px;
    background-position: right bottom;
    background-repeat: no-repeat;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto
}

.contents-sub .head > div {
    width: 300px;
    background: #FFF;
    padding: 24px 16px;
    height: fit-content;
    display: inline-block;
    vertical-align: top;
    border-radius: 12px
}

.contents-sub .head > div:first-child {
    margin-right: 30px
}

.contents-sub .head .tit {
    border-bottom: 1px solid #EEE;
    line-height: 20px;
    padding-bottom: 12px;
    margin-bottom: 18px
}

.contents-sub .head .tit p {
    font-size: 18px;
    display: inline-block;
    font-weight: bold
}

.contents-sub .head .tit label {
    float: right;
    color: #999;
    font-size: 12px
}

.contents-sub .head .cell a {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    margin-top: 18px;
    color: #666
}

.contents-sub .head .cell a em {
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    width: 18px;
    display: inline-block
}

.contents-sub .head .cell a:hover {
    text-decoration: underline;
    color: #333
}

.contents-sub .body {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    width: 100%;
    padding: 30px 20px;
    margin: 0 auto
}

.contents-sub .body .side {
    width: 360px
}

.contents-sub .body .conts {
    width: 820px;
    padding-bottom: 100px
}

.contents-sub .body .tit {
    padding: 32px 0
}

.contents-sub .body .tit strong {
    font-size: 24px
}

.contents-sub .body .tit strong a {
    color: #000
}

.contents-sub .body .tit strong a:hover {
    text-decoration: underline
}

.contents-sub .body .tit p {
    color: #666;
    font-size: 16px;
    margin-top: 8px
}

.contents-sub .reports .cell {
    display: inline-block;
    vertical-align: top;
    margin-left: 9px;
    margin-bottom: 10px
}

.contents-sub .reports .cell.num_1,.contents-sub .reports .cell.num_4 {
    margin-left: 0
}

.contents-sub .reports .cell a {
    display: block;
    border: 1px solid #E0E0E0;
    width: 265px
}

.contents-sub .reports .cell a:hover {
    border-color: #333
}

.contents-sub .reports .cell p {
    font-size: 16px;
    margin: 12px;
    line-height: 24px;
    height: 50px;
    overflow: hidden;
    color: #000;
    font-weight: 500
}

.contents-sub .reports .cell img {
    border-bottom: 1px solid #E0E0E0
}

.contents-sub .bn-pos[data-bn=bn-main] {
    border: 1px solid #E0E0E0;
    background: #F9F9F9;
    text-align: center;
    padding: 20px 0;
    margin: 16px 0
}

.contents-sub .trade .cell:first-child {
    border-top: 1px solid #EEE
}

.contents-sub .trade .cell {
    border-bottom: 1px solid #EEE;
    padding: 24px 0
}

.contents-sub .trade .cell a {
    display: block
}

.contents-sub .trade .cell a:hover strong {
    text-decoration: underline
}

.contents-sub .trade .cell strong {
    display: block;
    font-size: 18px;
    margin-bottom: 12px;
    font-weight: 500;
    color: #000
}

.contents-sub .trade .cell strong em {
    font-style: normal;
    background: #000;
    color: #FFF;
    display: inline-block;
    padding: 0 4px;
    font-size: 12px;
    font-weight: normal;
    margin-left: 12px
}

.contents-sub .trade .cell p {
    word-break: break-all;
    font-size: 15px;
    letter-spacing: 0;
    color: #999;
    line-height: 22px
}

.contents-sub .trade .cell .thumb {
    float: left;
    margin-right: 18px;
    width: 234px;
    height: 121px
}

.contents-sub .tip {
    margin-top: 50px
}

.contents-sub .tip .cell {
    display: inline-block;
    vertical-align: top;
    margin-left: 9px;
    margin-bottom: 10px
}

.contents-sub .tip .cell.num_1,.contents-sub .tip .cell.num_4 {
    margin-left: 0
}

.contents-sub .tip .cell a {
    display: block;
    border: 1px solid #E0E0E0;
    width: 265px
}

.contents-sub .tip .cell a:hover {
    border-color: #333
}

.contents-sub .tip .cell strong {
    display: block;
    font-size: 15px;
    padding: 12px;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    color: #000
}

.contents-sub .tip .cell p {
    padding: 0 12px;
    word-break: break-all;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-line-clamp: 4;
    -moz-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 12px;
    font-size: 13px;
    color: #999;
    line-height: 22px;
    height: 88px
}

.contents-sub .tip .cell span {
    display: block;
    border-top: 1px solid #E0E0E0;
    padding: 6px 24px;
    color: #999
}

.contents-sub .tip .cell img {
    border-bottom: 1px solid #E0E0E0
}

.contents-sub .body .side .tit {
    font-size: 22px;
    padding: 28px 16px 24px 16px;
    font-weight: bold;
    box-sizing: border-box
}

.contents-sub .quize {
    border: 1px solid #E0E0E0;
    position: relative;
    margin-top: 15px
}

.contents-sub .quize .survey_done, .contents-sub .quize .items {
    display: none
}

.contents-sub .quize .selector {
    padding: 16px;
    padding-top: 0
}

.contents-sub .quize .question {
    margin-top: -8px
}

.contents-sub .quize .question td {
    font-size: 14px;
    line-height: 24px
}

.contents-sub .quize .question td label {
    display: none
}

.contents-sub .quize .question td img {
    width: 100% !important;
    height: auto
}

.contents-sub .quize span {
    display: block;
    margin: 16px;
    margin-top: 0;
    background: #000;
    color: #FFF;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    cursor: pointer
}

.contents-sub .quize .link_cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.contents-sub .conts_list {
    background: #F9F9F9;
    margin: 24px 0;
    padding-bottom: 28px
}

.contents-sub .conts_list a {
    display: block;
    background: #FFF;
    border: 1px solid #EEE;
    border-top: 0;
    margin: 0 16px;
    line-height: 44px;
    text-indent: 16px;
    font-size: 15px;
    color: #666;
    position: relative
}

.contents-sub .conts_list a:first-child {
    border-top: 1px solid #EEE
}

.contents-sub .conts_list a:hover {
    background: #FCFCFC;
    color: #000;
    text-decoration: underline
}

.contents-sub .conts_list a i {
    display: none;
    font-size: 12px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 24px;
    color: #999
}

.contents-sub .conts_list a:hover i {
    display: block
}

.contents-sub .ly_subb {
    background: #F5F5F5;
    padding: 20px 0;
    border: 1px solid #EEE;
    border-top: 0
}

.contents-sub .ly_subb.sb1 {
    border-bottom: 0
}

.contents-sub .ly_subb.sb2 {
    margin-bottom: 50px
}

.contents-sub .ly_subb a {
    display: block;
    text-align: center;
    margin-bottom: 15px
}

#prmconts .list {
    padding: 12px 0 12px 5px
}

#prmconts .list .AB-LF-common {
    font-size: 15px
}

#prmconts .info {
    margin-top: 8px;
    padding-left: 7px
}

#prmconts .info span {
    display: inline-block;
    margin-right: 12px;
    color: #777;
    letter-spacing: 0
}

#prmconts .info span:before {
    content: "";
    display: inline-block;
    height: 10px;
    width: 1px;
    background: #E0E0E0;
    margin-right: 8px
}

#prmconts .info em {
    display: inline-block;
    font-style: normal;
    border: 1px solid #EEE;
    padding: 0 2px;
    border-radius: 3px;
    margin-right: 12px;
    color: #999;
    line-height: 16px;
    width: 46px;
    text-align: center
}

#prmconts .info .amount i {
    color: #448AFF;
    margin-right: 4px
}

#prmconts .info .unpaid {
    color: #448AFF;
    border-color: #448AFF
}

#article-relation-link ul {
    padding: 0;
    margin: 0
}

#article-relation-link ul li {
    list-style: none;
    margin: 0 0 4px 0
}

#article-relation-link ul li:first-child {
    margin: 65px 0 0 0;
    padding-top: 24px;
    padding-left: 0;
    border-top: 1px solid #EEE !important
}

#article-relation-link ul li a {
    color: #454545;
    font-weight: normal;
    font-size: 14px
}

#article-relation-link .contextAdWrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 72px 0 0 0
}

#article-relation-link .contextAdWrap a {
    display: flex;
    align-items: center;
    padding: 0 16px 0 8px;
    gap: 6px;
    border: 1px solid #EAEAEA;
    font-size: 15px;
    letter-spacing: -0.5px;
    color: #555;
    font-weight: 500;
    border-radius: 20px;
    line-height: 20px;
    height: 34px;
    box-sizing: border-box;
    width: fit-content;
    transition: all 0.2s
}

#article-relation-link .contextAdWrap a:hover {
    text-decoration: none;
    background: #FAFAFA;
    border-color: #C0C0C0;
    font-weight: 600;
    color: #000
}

#article-relation-link .contextAdWrap a i {
    font-size: 16px;
    color: #999;
    width: 20px;
    line-height: 20px;
    text-align: center
}

#article-relation-link .contextAdWrap a img {
    width: 20px;
    height: 20px;
    border-radius: 100px
}

#article-relation-link .contextAdWrap a:hover i {
    color: var(--event-point)
}

.qnadepth {
    border: 1px solid #eee;
    margin: 0 0 15px
}

.qnadepth .qna_tit {
    padding: 15px 20px;
    font-size: 15px;
    font-weight: 500
}

.notify .question {
    clear: both;
    padding: 15px 20px;
    font-size: 14px;
    border-top: 1px solid #eee;
    cursor: pointer;
    color: #666
}

.notify .question::after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    content: "\f078";
    position: absolute;
    right: 20px;
    line-height: 20px
}

.notify .question.on::after {
    content: "\f077"
}

.notify .question i.fa-question-square {
    font-weight: 300;
    color: #aaa;
    margin-right: 5px
}

.notify .question i.fa-chevron-down {
    float: right
}

.notify ul {
    display: none;
    padding: 20px;
    font-size: 14px;
    line-height: 180%;
    background: #f6f6f6
}

.notify ul li.qna_btn {
    margin-top: 10px
}

.notify ul li a {
    color: #5894fe;
    margin-right: 10px
}

.notify ul li a:hover {
    text-decoration: underline
}

.notify ul li a span {
    color: #686868
}

#ggas ins {
    margin-bottom: 20px
}

.ggas_300_250 {
    display: inline-block;
    width: 300px;
    height: 250px
}

#sch_ggas {
    margin-top: 24px;
    background: #F9F9F9
}

#sch_ggas .wrap {
    background: #FFF;
    border: 1px solid #F0F0F0;
    min-height: 600px
}

#minumsa {
    margin-bottom: 24px
}

#minumsa .wrap {
    position: relative;
    background: #0c131b;
    height: 100px;
    line-height: 100px;
    border-radius: 5px;
    padding: 0 24px
}

#minumsa h5 {
    font-size: 15px;
    padding: 20px 0;
    border-top: 1px solid #EEE
}

#minumsa p {
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0
}

#minumsa p input {
    font-size: 24px;
    width: 158px;
    height: 33px;
    margin: 0 12px;
    color: #FFF;
    letter-spacing: 2px;
    padding: 4px;
    overflow: hidden;
    font-weight: 600;
    border-bottom: 1px solid #FFF;
    background: none;
    text-align: center
}

#minumsa p a {
    color: #FFF
}

#minumsa .btn-submit {
    position: absolute;
    right: 24px;
    top: 50%;
    margin-top: -18px;
    color: #FFF;
    background: #0197e3;
    font-size: 17px;
    line-height: 36px;
    text-align: center;
    width: 100px;
    border-radius: 5px
}

#minumsa .btn-submit:active {
    margin-top: -17px
}

.my_viewed_article h3 {
    margin: 10px 0 15px 0;
    display: inline-block
}

.my_viewed_article h3 a {
    font-size: 18px;
    color: #000
}

.my_viewed_article .bd-title {
    position: relative
}

.my_viewed_article .bd-title .btns {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 0
}

.my_viewed_article .bd-title .btns a {
    font-size: 12px;
    border: 1px solid #E0E0E0;
    padding: 2px 8px;
    border-radius: 3px;
    color: #666
}

.my_viewed_article .bd-title .btns a:hover {
    background: #F5F5F5;
    border-color: #999;
    color: #333;
    transition: all 0.2s;
    -webkit-transition: all 0.2s
}

.my_viewed_article .intro-viewed {
    margin-right: 5px
}

.my_viewed_article .mb_subject:visited {
    color: #454545
}

.my_viewed_article .ndata p {
    padding: 250px 0;
    font-size: 19px;
    text-align: center
}

.n-article-buttons .sel_board {
    display: none;
    position: absolute;
    top: 50px;
    right: -12px;
    z-index: 999;
    padding: 16px 12px;
    border: 1px solid #DDD;
    box-shadow: 0 0 8px rgba(0,0,0,0.08);
    border-radius: 6px;
    background: #FFF
}

.sel_board p {
    color: #000;
    font-size: 13px;
    padding-left: 4px
}

.sel_board p span {
    color: #999;
    font-size: 12px;
    display: inline-block;
    margin-left: 4px
}

.sel_board ul {
    margin-top: 12px;
    width: 300px
}

.sel_board ul::after {
    clear: both;
    content: "";
    display: block
}

.sel_board ul li {
    float: left;
    width: 50%
}

.sel_board ul li a {
    display: block;
    background: #F6F6F6;
    text-indent: 12px;
    line-height: 40px;
    font-size: 15px;
    color: #444;
    margin: 2px;
    border-radius: 2px
}

.sel_board ul li a:hover {
    background: #DDD;
    color: #000;
    transition: all 0.2s
}

.sel_board i.fal {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    color: #AAA;
    cursor: pointer;
    width: 14px;
    height: 14px;
    padding: 16px;
    text-align: center
}

#daily_mission h1 {
    font-size: 23px;
    text-align: center;
    padding: 16px 0 20px;
    letter-spacing: -1px
}

#daily_mission .wrap {
    background: #F6F6F6;
    padding: 30px
}

#daily_mission .item_wrap {
    background: #FFF;
    padding: 30px
}

#daily_mission .item_wrap .tit {
    text-align: center
}

#daily_mission .item_wrap .tit strong {
    font-size: 19px;
    color: #000
}

#daily_mission .item_wrap .tit p {
    font-size: 15px;
    margin-bottom: 20px
}

#daily_mission .items > div {
    border: 1px solid #EEE;
    border-radius: 10px;
    padding: 24px;
    padding-left: 70px;
    margin-top: 12px;
    position: relative
}

#daily_mission .items i {
    position: absolute;
    left: 24px;
    width: 24px;
    text-align: center;
    font-size: 24px;
    top: 50%;
    margin-top: -12px
}

#daily_mission .items a.link {
    display: inline-block;
    font-size: 18px;
    color: #000;
    letter-spacing: -1px
}

#daily_mission .items a.link:hover {
    text-decoration: underline
}

#daily_mission .items p {
    font-size: 14px;
    color: #666;
    margin-top: 4px
}

#daily_mission .items span {
    overflow: hidden;
    position: absolute;
    right: 24px;
    top: 50%;
    margin-top: -20px;
    line-height: 40px;
    text-align: center;
    width: 120px;
    border-radius: 10px;
    background: #F6F6F6;
    font-size: 14px;
    color: #333;
    font-weight: 600
}

#daily_mission .items em {
    font-style: normal;
    font-size: 13px;
    color: #FF4949;
    display: inline-block;
    margin-left: 5px;
    font-weight: 600
}

#daily_mission .items span label {
    display: block;
    background: #FF4949;
    color: #FFF;
    cursor: pointer
}

#daily_mission .items span label.btn_done {
    background: #AAA;
    color: #FFF;
    cursor: default
}

#daily_mission .notice {
    background: #F6F6F6;
    margin-top: 30px;
    padding: 24px;
    border-radius: 10px
}

#daily_mission .notice strong {
    display: block;
    margin-bottom: 16px;
    font-size: 14px
}

#daily_mission .wrap.weekly {
    margin-top: 20px
}

#daily_mission .wrap.weekly .weekname {
    display: flex;
    justify-content: space-between
}

#daily_mission .wrap.weekly .weekname span {
    display: block;
    text-align: center;
    min-width: 55px;
    font-size: 18px
}

#daily_mission .wrap.weekly .chk > div {
    display: flex;
    justify-content: space-between;
    text-align: center
}

#daily_mission .wrap.weekly .chk p {
    display: inline-block;
    font-size: 55px;
    color: #EEE;
    width: 55px
}

#daily_mission .wrap.weekly .chk p.checked i {
    color: #FF4949
}

#daily_mission .wrap.weekly .count {
    text-align: center
}

#daily_mission .wrap.weekly .count p {
    font-size: 16px;
    color: #000;
    margin: 24px 0
}

#daily_mission .wrap.weekly .count p em {
    font-style: normal;
    color: #FF4949;
    display: inline-block;
    margin-left: 5px;
    font-weight: 600
}

#daily_mission .wrap.weekly .count span {
    display: block;
    background: #F6F6F6;
    padding: 12px 0;
    border-radius: 10px;
    width: 200px;
    margin: 0 auto;
    color: #000;
    font-size: 17px;
    font-weight: bold
}

.mileage .litter_details .ltr_cat p.finish {
    color: #999;
    border: 1px solid #999;
    font-weight: normal
}

.pynt_list .withdrawal td .con_01 {
    float: left;
    width: 328px
}

.pynt_list .withdrawal td .con_02 {
    float: left;
    font-size: 17px;
    width: 120px;
    margin-top: 10px
}

.pynt_list .withdrawal p.det_btn {
    cursor: pointer;
    float: right;
    margin: 13px 25px 0 0;
    font-size: 13px
}

.pynt_list .withdrawal p.det_btn i {
    font-size: 10px;
    color: #878787;
    vertical-align: middle
}

.pynt_list .withdrawal .details {
    display: none;
    margin: 0 25px 5px 0
}

.pynt_list .withdrawal .details table {
    width: 100%;
    border-collapse: collapse;
    text-align: center
}

.pynt_list .withdrawal .details table tr th {
    background: #eaeaea;
    font-size: 13px;
    padding: 3px 0
}

.pynt_list .withdrawal .details table tr th, .withdrawal .details table tr td {
    border: 1px solid #ccc
}

.pynt_list .withdrawal .details > span {
    font-size: 12px;
    float: right;
    color: #9e9e9e;
    margin-bottom: 5px
}

.pynt_list .withdrawal .cash_box.info {
    margin: 30px;
    padding: 15px;
    background: #f9f9f9;
    border: 1px solid #e0e0e0
}

.pynt_list .withdrawal .cash_box.info ul li {
    position: relative;
    padding: 0 0 3px 10px;
    font-size: 13px;
    line-height: 20px;
    color: #7f7f7f
}

.pynt_list .withdrawal .cash_box.info ul li::before {
    position: absolute;
    top: -1px;
    left: 0;
    width: 1px;
    color: #ccc;
    content: '\2022'
}

.pynt_list .bill_view_btn {
    font-size: 12px
}

.pynt_list .card_ {
    display: block;
    background-color: #fff;
    color: #666;
    padding: 4px 0px;
    border: 1px solid #666;
    font-size: 11px;
    width: 62px
}

.pynt_list .card_:hover {
    background: #ff4949;
    border: 1px solid #ff4949 !important;
    color: #fff !important
}

.pynt_list .cash {
    display: block;
    color: #666;
    padding: 4px 0px;
    border: 1px solid #666;
    font-size: 11px;
    width: 62px
}

.pynt_list .btn_bill_cr {
    display: block;
    background-color: #969;
    color: #fff;
    padding: 4px 0px;
    border: 1px solid #969;
    font-size: 11px;
    width: 58px
}

.pynt_list .tax_ {
    display: block;
    background-color: #369;
    color: #fff;
    padding: 4px 0px;
    border: 1px solid #454545;
    font-size: 11px;
    width: 58px
}

.pynt_list .tax_type1 {
    display: block;
    background-color: #9999CC;
    color: #fff;
    padding: 4px 0px;
    border: 1px solid #999;
    font-size: 11px;
    width: 58px
}

.pynt_list .tax_type2 {
    display: block;
    background-color: #d5d5d5;
    color: #333;
    padding: 4px 0px;
    border: 1px solid #ccc;
    font-size: 11px;
    width: 58px
}

.pynt_list .error {
    display: block;
    color: #333;
    padding: 4px 0px;
    font-size: 12px;
    width: 62px
}

.pynt_listpynt_list .waiting {
    display: block;
    ;color: #ff4949;
    padding: 4px 0px;
    font-size: 12px;
    width: 62px
}

.pynt_list .timeout {
    color: #AAA;
    text-decoration: line-through
}

.pynt_list .cash_receipt_print {
    display: block;
    background-color: #fff;
    color: #666;
    padding: 4px 0px;
    border: 1px solid #666;
    font-size: 11px;
    width: 62px
}

.pynt_list .cash_receipt_print:hover {
    background: #639;
    border: 1px solid #639 !important;
    color: #fff !important
}

.pynt_list .btn_bill_cr_cancel {
    display: block;
    background-color: #d5d5d5;
    color: #333;
    padding: 4px 0px;
    border: 1px solid #ccc;
    font-size: 11px;
    width: 58px
}

.pynt_list .noreceipt {
    display: block;
    padding: 4px 0px;
    font-size: 12px;
    width: 62px
}

#right_notice {
    text-align: center;
    padding: 100px 0
}

#right_notice i {
    display: block;
    font-size: 60px;
    color: #FF4949
}

#right_notice h1 {
    font-size: 21px;
    color: #000;
    display: inline-block;
    border-bottom: 1px solid #E0E0E0;
    margin: 20px 0;
    padding: 0 30px 15px 30px
}

#right_notice div {
    width: 500px;
    margin: 10px auto
}

#right_notice div p {
    margin-bottom: 15px;
    font-size: 14px;
    color: #666;
    line-height: 180%
}

#right_notice div p strong {
    color: #000;
    font-weight: 500
}

#right_notice a {
    display: inline-block;
    width: 120px;
    margin: 20px 3px 0 3px;
    line-height: 34px;
    background: #333;
    color: #FFF;
    font-size: 13px;
    border: 1px solid #333
}

#right_notice a.back {
    border-color: #BBB;
    color: #777;
    background: none
}

#recommend-partner {
    padding: 70px 0;
    text-align: center;
    background: #F6F6F6
}

#recommend-partner .tit {
    text-align: center;
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 50px;
    letter-spacing: -1px;
    color: #454545
}

#recommend-partner .cell {
    display: inline-block;
    border: 1px solid #EEE;
    height: 248px;
    width: 248px;
    border-radius: 10px;
    margin: 0 6px 15px 6px;
    background: #FFF
}

#recommend-partner .cell .logo {
    line-height: 119px;
    border-bottom: 1px solid #EEE;
    text-align: center
}

#recommend-partner .cell .logo a {
    display: block
}

#recommend-partner .cell .logo a:hover img {
    transform: scale(1.1);
    transition: all 0.4s
}

#recommend-partner .cell .logo a img {
    max-width: 90%;
    height: auto;
    object-fit: contain;
    max-height: 119px
}

#recommend-partner .cell .txt {
    position: relative;
    font-size: 15px;
    padding: 15px 20px;
    height: 98px;
    color: #333
}

#recommend-partner .cell .txt p {
    font-weight: 600;
    text-align: left
}

#recommend-partner .cell .txt span {
    color: #888;
    text-align: left;
    display: block
}

#recommend-partner .cell .txt a {
    position: absolute;
    bottom: 20px;
    left: 20px;
    display: block;
    border: 1px solid #E0E0E0;
    width: 206px;
    text-align: center;
    line-height: 28px;
    border-radius: 5px;
    font-size: 14px
}

#recommend-partner .cell .txt a:hover {
    background: #F0F0F0;
    transition: all 0.2s;
    color: #000
}

#blockUserArticles table {
    border-top: 1px solid #eaeaea
}

#blockUserArticles table th {
    display: none
}

#blockUserArticles table td {
    font-size: 14px
}

#blockUserArticles .blocked-user {
    display: inline-block;
    margin-left: 12px
}

#cmt_div {
    position: relative;
    padding-left: 16px;
    word-break: break-all
}

#cmt_div i {
    margin-right: 6px;
    margin-left: -18px
}

.modify_user_cmt_wrap {
    display: none
}

.modify_user_cmt_wrap input {
    border: 1px solid #efefef;
    height: 34px;
    padding: 0 8px;
    border-radius: 3px;
    vertical-align: top;
    width: calc(100% - 110px);
    font-size: 14px
}

.modify_user_cmt_wrap a {
    display: inline-block;
    background: #663399;
    color: #fff;
    margin-left: 6px;
    width: 38px;
    line-height: 36px;
    text-align: center;
    border-radius: 3px;
    font-size: 13px
}

.modify_user_cmt_wrap a.cancle_modify {
    background: none;
    color: #666;
    cursor: pointer
}

#blockUserArticles .ViewCount {
    width: 50px
}

#blockUserArticles .ViewCount div {
    margin: 0 5px;
    display: inline-block;
    min-width: 14px
}

#blockUserArticles .ViewCount a {
    color: #ff4949;
    font-size: 12px
}

#blockUserArticles .ViewCount a:hover i {
    font-weight: bold
}

#blockUserArticles .ViewCount a.modify_btn {
    color: #448aff
}

#blockUserArticles .ViewCount a span {
    display: none
}

#blockUserArticles .block_user_nick {
    text-indent: 16px;
    font-weight: bold
}

#auto-talk-sender {
    padding: 50px;
    min-width: 1400px;
    box-sizing: border-box
}

#auto-talk-sender td, #auto-talk-sender th {
    box-sizing: border-box;
    text-align: left;
    padding: 8px 12px
}

#auto-talk-sender .table-th table {
    border-left: 1px solid #d1d6db
}

#auto-talk-sender .table-th th {
    background: #f2f4f6;
    border: 1px solid #d1d6db;
    border-width: 1px 1px 0 0;
    font-size: 13px;
    color: #333;
    font-weight: 500
}

#auto-talk-sender .table-mbb {
    border: 1px solid #d1d6db;
    border-width: 1px 0 0 1px
}

#auto-talk-sender .table-mbb td {
    border: 1px solid #d1d6db;
    border-width: 0 1px 1px 0;
    font-size: 13px;
    color: #4e5968
}

#auto-talk-sender .controls a {
    display: inline-block;
    border-radius: 6px;
    font-size: 12px;
    text-align: center;
    width: 62px;
    line-height: 1.6;
    padding: 4px 0
}

#auto-talk-sender .controls a:hover {
    transition: all 0.2s ease
}

#auto-talk-sender .controls a:first-child {
    margin-right: 8px
}

#auto-talk-sender .btn-stop {
    background: #ffebee;
    color: #e53935
}

#auto-talk-sender .btn-stop:hover {
    background: #ffd9dd
}

#auto-talk-sender .btn-modify {
    background: #f2f4f6;
    color: #4e5968
}

#auto-talk-sender .btn-modify:hover {
    background: #d1d6db
}

#auto-talk-sender .btn-start {
    background: #3182f6;
    color: #FFF
}

#auto-talk-sender .btn-start:hover {
    background: #1b64da
}

#auto-talk-sender .talk-name a {
    display: inline-block;
    border-radius: 6px;
    font-size: 12px;
    text-align: center;
    line-height: 1.6;
    padding: 4px 8px;
    background: #FAFAFA;
    margin: 0 4px 4px 0;
    color: #555
}

#auto-talk-sender .talk-name a.on {
    background: #3182f6;
    color: #f9fafb
}

#auto-talk-sender .table-mbb tr._t:hover {
    background: none
}

#admin-table td, #admin-table th {
    box-sizing: border-box;
    text-align: left;
    padding: 8px 12px
}

#admin-table {
    border: 1px solid #d1d6db;
    border-width: 1px 0 0 1px
}

#admin-table td {
    border: 1px solid #d1d6db;
    border-width: 0 1px 1px 0;
    font-size: 14px;
    color: #4e5968
}

#admin-table-th {
    border-left: 1px solid #d1d6db
}

#admin-table-th td, #admin-table-th th {
    background: #f2f4f6;
    border: 1px solid #d1d6db;
    border-width: 1px 1px 0 0;
    font-size: 13px;
    color: #333;
    font-weight: 500;
    box-sizing: border-box;
    padding: 8px 12px
}

#pwSettingWrap h2 {
    font-size: 28px;
    font-weight: 600;
    color: #000;
    padding-bottom: 15px
}

#pwSettingWrap {
    padding: 20px;
    width: 600px
}

#pwSettingWrap p {
    font-size: 16px;
    color: #000
}

#pwSettingWrap ul {
    margin: 30px 0 0 15px;
    font-size: 14px
}

#pwSettingWrap ul li label {
    display: block;
    color: #4e5968;
    margin-bottom: 10px;
    font-size: 15px
}

#pwSettingWrap div input[type=password] {
    border: 1px solid #e0e0e0;
    height: 48px;
    border-radius: 8px;
    width: 300px;
    font-size: 16px;
    padding: 15px;
    box-sizing: border-box
}

#pwSettingWrap ul li {
    margin-bottom: 20px
}

#pwSettingWrap input[type=submit] {
    margin: 25px 15px 15px;
    background: #742ddd;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    border-radius: 8px;
    line-height: 42px;
    padding: 0 24px
}

#pwSettingWrap ul li.adCheck {
    margin-top: 25px;
    margin-bottom: 0
}

#pwSettingWrap ul li.adCheck input {
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute
}

#pwSettingWrap ul li.adCheck label {
    cursor: pointer
}

#pwSettingWrap ul li.adCheck label span {
    color: #333;
    display: inline-block;
    vertical-align: top;
    font-weight: normal
}

#pwSettingWrap ul li.adCheck label::before {
    font-size: 20px;
    color: #e0e0e0;
    position: relative;
    top: -2px;
    margin-right: 6px
}

#pwSettingWrap ul li.adCheck input:checked + label::before {
    content: "\f14a";
    color: #448AFF;
    font-weight: bold
}

#findCompanyWrap {
    position: relative
}

#findCompany {
    display: none
}

#findCompany ul.live {
    border: 1px solid #CCC;
    position: absolute;
    top: 237px;
    left: 169px;
    width: 449px;
    box-sizing: border-box;
    z-index: 99;
    background: #FFF;
    box-shadow: 0px 2px 12px rgba(0,0,0,0.2);
    border-radius: 4px;
    overflow: hidden;
    max-height: 330px;
    overflow-y: auto
}

#findCompany ul li {
    padding: 12px 20px;
    border-top: 1px solid #EEE;
    font-size: 14px;
    position: relative;
    font-weight: 500
}

#findCompany ul li:first-child {
    border-top: 0
}

#findCompany ul li:hover {
    background: #F6F6F6;
    transition: all 0.2s;
    cursor: pointer
}

#findCompany ul li img {
    border-radius: 4px;
    width: 24px;
    height: 24px;
    margin-right: 12px;
    object-fit: contain
}

#findCompany ul li i {
    position: absolute;
    right: 20px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-style: normal;
    font-size: 13px;
    color: #999;
    font-weight: normal
}

#findCompany ul li .logo.empty {
    display: inline-block;
    width: 24px;
    text-align: center;
    line-height: 24px;
    margin: 0 12px 0 0;
    color: #999;
    background: #EEE;
    border-radius: 4px
}

.publishSet {
    border: 1px solid #E0E0E0;
    padding: 30px
}

#forMbship #ABA-wrapper-box-set {
    position: relative
}

#forMbship .buy_hide .gradient {
    position: absolute;
    top: -200px;
    height: 200px;
    width: 100%;
    margin: 0;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 )
}

#forMbship .buy_hide {
    position: relative;
    margin: 20px 0
}

#forMbship .buy_hide .wall {
    background: #f6f6f6;
    padding: 40px 0;
    font-size: 17px;
    margin: 0;
    border-radius: 8px;
    margin-top: 50px
}

#forMbship .buy_hide p {
    text-align: center
}

#forMbship .buy_hide a.purchase {
    display: block;
    margin: 0 auto;
    line-height: 52px;
    background: #333;
    width: 360px;
    color: #FFF;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    text-align: center
}

#forMbship .buy_hide a.purchase:hover {
    text-decoration: none;
    background: #000;
    transition: all 0.2s
}

#forMbship .buy_hide .mbship_benefits {
    border: 1px solid #EAEAEA;
    padding: 20px 30px;
    border-radius: 12px;
    width: 360px;
    margin: 20px auto;
    background-color: #FFF;
    box-sizing: border-box
}

#forMbship .buy_hide .mbship_benefits strong {
    font-size: 20px;
    display: block;
    margin-bottom: 8px
}

#forMbship .buy_hide .mbship_benefits span {
    display: block;
    font-size: 15px;
    line-height: 180%
}

#forMbship .buy_hide .price {
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 24px;
    height: 52px;
    font-size: 16px;
    margin: 24px 0 0 0;
    background-color: #F2F4F6
}

#forMbship .buy_hide .price span {
    font-weight: 600
}

#forMbship .buy_hide .attached {
    text-align: center
}

#forMbship .buy_hide .attached a {
    background: #1583FD;
    color: #FFF;
    text-align: center;
    line-height: 44px;
    display: inline-block;
    margin: 0 auto;
    padding: 0 20px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: bold
}

#forMbship .buy_hide .attached a:hover {
    text-decoration: none
}

#BDWriteForm .mbship_wf_auth {
    display: flex;
    flex-direction: column
}

#BDWriteForm .mbship_wf_auth div {
    background: #FFF;
    border-radius: 8px;
    padding: 16px 24px;
    margin: 4px 0;
    border: 1px solid #EAEAEA
}

#BDWriteForm .mbship_wf_auth strong {
    font-size: 15px;
    font-weight: 600;
    color: #333
}

#BDWriteForm .mbship_wf_auth p {
    font-size: 14px;
    color: #888;
    margin-top: 8px;
    margin-bottom: 16px
}

#BDWriteForm .mbship_wf_auth input {
    vertical-align: baseline
}

#BDWriteForm .mbship_wf_auth label {
    line-height: normal !important;
    margin-right: 20px;
    color: #777
}

#BDWriteForm .mbship_wf_auth label:hover {
    text-decoration: underline
}

#BDWriteForm .mbship_wf_auth input:checked + label {
    font-weight: bold;
    color: #000
}

.topNoticeArea {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #FFF;
    margin-bottom: 12px;
    border-radius: 8px;
    padding: 0 30px;
    height: 50px;
    font-weight: 500
}

.topNoticeArea a {
    display: block;
    font-size: 15px;
    color: #333
}

.topNoticeArea a:hover span {
    text-decoration: underline
}

.topNoticeArea a:first-child {
    display: flex;
    align-items: center
}

.topNoticeArea a i {
    font-size: 12px;
    margin-right: 8px;
    color: var(--event-point);
    background: #f0f0f0;
    padding: 6px;
    border-radius: 50%
}

.topNoticeArea span {
    max-width: 630px
}

.topNoticeArea .more {
    font-size: 12px;
    background: #F9FAFC;
    padding: 2px 6px;
    border-radius: 2px;
    color: #999
}

#benefitsWrap {
    background: #FFF;
    border-radius: 12px;
    border: 1px solid #EEE;
    padding: 50px;
    box-sizing: border-box
}

#benefitsWrap .head h2 {
    color: #000;
    font-size: 28px;
    font-weight: bold
}

#benefitsWrap .head h3 {
    color: #000;
    font-size: 28px;
    font-weight: bold;
    margin: 80px 0 20px
}

#benefitsWrap .head p {
    font-size: 16px;
    color: #888;
    margin-top: 8px
}

#benefitsWrap .missionWrap {
    padding: 30px 0
}

#benefitsWrap .list {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #EAEAEA;
    padding-top: 16px;
    margin-top: 16px
}

#benefitsWrap .list:first-child {
    border-top: 0;
    padding-top: 0;
    margin-top: 0
}

#benefitsWrap .list i {
    font-size: 36px;
    width: 72px;
    height: 72px;
    text-align: center;
    line-height: 72px;
    background: #F0F0F0;
    border-radius: 16px
}

#benefitsWrap .list img {
    width: 72px;
    height: 72px;
    border-radius: 16px
}

#benefitsWrap .list span {
    font-size: 16px;
    display: block;
    font-weight: 300
}

#benefitsWrap .list strong {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    display: block;
    margin: 6px 0
}

#benefitsWrap .list label {
    font-size: 13px;
    background: var(--color-50);
    color: var(--event-point);
    padding: 2px 4px;
    border-radius: 4px;
    opacity: 0.8;
    display: inline-block;
    font-weight: 500
}

#benefitsWrap .list div {
    display: flex;
    gap: 20px;
    align-items: center
}

#benefitsWrap .list .btnAction {
    display: inline-block;
    min-width: 100px;
    padding: 12px;
    box-sizing: border-box;
    font-size: 15px;
    color: #666;
    font-weight: 600;
    background: #F0F0F0;
    border-radius: 50px;
    line-height: 18px;
    text-align: center
}

#benefitsWrap .list .btnReward {
    background: var(--color-600);
    color: #FFF;
    cursor: pointer
}

#benefitsWrap .list .btnDone {
    color: var(--confirm);
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100px
}

#benefitsWrap .notice {
    background: #F2F4F6;
    border-radius: 12px;
    margin-top: 30px;
    font-size: 15px
}

#benefitsWrap .notice .notice {
    padding: 16px 30px;
    font-size: 15px;
    display: flex;
    font-weight: 600;
    color: #333;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    margin-top: 20px
}

#benefitsWrap .notice .full-text {
    padding: 20px 0;
    border-top: 1px solid #E0E0E0;
    margin: 0 30px
}

#benefitsWrap .notice .full-text p {
    font-size: 14px;
    color: #666;
    line-height: 140%;
    margin-bottom: 4px;
    word-break: keep-all
}

#benefitsWrap .notice.full-text strong {
    display: block;
    color: #333;
    font-size: 14px;
    margin-bottom: 8px
}

#benefitsWrap .plus-membership-info {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f6f6f6;
    height: 72px;
    border-radius: 12px;
    margin-top: 30px
}

#benefitsWrap .plus-membership-info a {
    font-size: 17px;
    display: block;
    transition: all 0.1s
}

#benefitsWrap .plus-membership-info a:hover {
    text-decoration: underline;
    color: #000
}

#benefitsWrap .plus-membership-info a:active {
    transform: scale(0.95)
}

#benefitsWrap .plus-membership-info a span {
    color: var(--color-600);
    font-weight: 600
}

#benefitsWrap .event-wrap {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 24px
}

#benefitsWrap .event-wrap > div a {
    display: flex;
    gap: 20px
}

#benefitsWrap .event-wrap img {
    height: auto;
    width: 340px;
    border-radius: 6px;
    object-fit: cover;
    box-shadow: 0 1px 12px rgba(0,0,0,0.08)
}

#benefitsWrap .event-wrap label {
    display: inline-block;
    border-radius: 30px;
    background: #000;
    color: #FFF;
    padding: 4px 8px;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 8px
}

#benefitsWrap .event-wrap label.cat2 {
    background: #CCC;
    font-weight: normal
}

#benefitsWrap .event-wrap p {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin-bottom: 12px;
    line-height: normal
}

#benefitsWrap .event-wrap p.empty {
    font-size: 15px;
    color: #999;
    font-weight: normal;
    margin-top: 12px
}

#benefitsWrap .event-wrap span, #benefitsWrap .event-wrap span span {
    font-size: 13px;
    color: #999 !important
}

#benefitsWrap .articleReward {
    margin-top: 50px
}

#benefitsWrap .articleReward .article {
    position: relative;
    background: #F2F4F6;
    border-radius: 12px;
    margin-top: 30px
}

#benefitsWrap .articleReward .tip {
    padding: 4px 6px;
    background: var(--color-600);
    color: #FFF;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    position: absolute;
    top: -16px;
    left: 16px
}

#benefitsWrap .articleReward label {
    font-size: 24px;
    color: #BBB;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 30px
}

#benefitsWrap .topNoticeArea {
    background: none;
    padding: 12px 30px
}

#benefitsWrap .topNoticeArea a {
    width: 100%
}

#benefitsWrap .topNoticeArea a:hover span {
    font-weight: 500;
    color: #000;
    transition: all 0.2s
}

#benefitsWrap .topNoticeArea span {
    font-size: 17px;
    font-weight: 500;
    font-weight: 300;
    letter-spacing: 0
}

#benefitsWrap .topNoticeArea .more {
    display: none
}

#rewardPop {
    display: none
}

#rewardPop .contents {
    background: #FFF;
    width: 450px;
    height: fit-content;
    border-radius: 20px;
    padding: 40px 30px 30px;
    box-sizing: border-box;
    text-align: center
}

#rewardPop .bg {
    content: '';
    clear: both;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: #000;
    opacity: 0.3
}

#rewardPop .btnClose {
    cursor: pointer;
    color: #CCC;
    font-size: 24px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    position: absolute;
    right: 24px;
    top: 24px
}

#rewardPop .btnConfirm {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    background: var(--color-600);
    border-radius: 12px;
    padding: 16px 0;
    text-align: center;
    line-height: 20px;
    letter-spacing: -1px;
    cursor: pointer
}

#rewardPop p {
    margin: 16px 0 12px;
    font-size: 18px;
    color: #555;
    font-weight: 300
}

#rewardPop strong {
    display: block;
    font-size: 34px;
    font-weight: bold;
    color: #000;
    letter-spacing: -1px;
    font-variant-numeric: tabular-nums
}

#rewardPop .content span.plus_comment {
    display: block;
    margin: 20px 0;
    font-size: 15px;
    color: var(--color-600);
    min-height: 8px
}

#rewardPop .calendar {
    display: none;
    background: #F2F4F6;
    border-radius: 20px;
    min-height: 110px;
    width: 100%;
    margin: 20px 0
}

#rewardPop .calendar ul {
    display: flex;
    justify-content: space-between;
    padding: 30px 30px 24px
}

#rewardPop .calendar ul li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

#rewardPop .calendar ul li label {
    font-size: 15px;
    color: #000;
    line-height: 18px;
    margin-bottom: 8px;
    display: inline-block
}

#rewardPop .calendar ul li span.fa-circle-check {
    color: var(--color-600)
}

#rewardPop .calendar ul li .notAttend {
    color: #CFCFCF
}

#rewardPop .calendar span {
    color: #FFF;
    font-size: 32px
}

#rewardPop .forNotMBS {
    margin: 16px 0 12px;
    font-size: 15px;
    font-weight: 300;
    display: flex;
    width: 100%;
    height: 44px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    gap: 12px
}

#rewardPop .forNotMBS a {
    background: #f2f4f6;
    color: #4d5563;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    padding: 6px 8px;
    border-radius: 4px
}

#displayMsgWrap .bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(0,0,0,0.65)
}

#displayMsgWrap .content {
    position: fixed;
    z-index: 1000;
    min-width: 360px;
    max-width: 480px;
    background: #FFF;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0px 8px 28px 0px rgba(0, 0, 0, 0.28)
}

#displayMsgWrap .head {
    position: relative;
    border-bottom: 1px solid #EBEBEB
}

#displayMsgWrap .head strong {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: -0.4px;
    padding: 24px 0 16px
}

#displayMsgWrap .head i {
    font-size: 16px;
    width: 28px;
    line-height: 28px;
    position: absolute;
    right: 6px;
    top: 50%;
    margin-top: -10px;
    color: #666;
    cursor: pointer
}

#displayMsgWrap .msg.noHead div {
    padding-top: 32px
}

#displayMsgWrap .msg div {
    padding: 24px;
    color: #333;
    font-size: 16px;
    line-height: 20px;
    word-break: keep-all
}

#displayMsgWrap .buttons {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 0 24px 24px
}

#displayMsgWrap .buttons button {
    appearance: none;
    border: 0;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: -0.4px;
    border-radius: 8px;
    background: #4429F3;
    height: 44px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.1s ease
}

#displayMsgWrap .buttons button:active {
    transform: scale(0.95)
}

#displayMsgWrap .buttons .btn-close {
    background: #EAEAEA;
    color: #666;
    font-weight: 500
}

#articlePoll {
    padding: 50px 0 0;
    background-color: #FFF
}

#articlePoll div, #articlePoll p {
    margin-bottom: 0
}

#articlePoll strong {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: baseline
}

#articlePoll strong span {
    font-size: 14px;
    font-weight: normal;
    color: #666;
    cursor: pointer
}

#articlePoll strong span:hover {
    text-decoration: underline
}

#articlePoll .lists {
    display: flex;
    flex-direction: column;
    gap: 8px
}

#articlePoll .poll-item {
    display: flex;
    align-items: center;
    height: 44px;
    position: relative
}

#articlePoll .poll-item button {
    height: 44px;
    border-radius: 8px;
    background: #FFF;
    border: 1px solid #EAEAEA;
    color: #686868;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 0 20px;
    width: 100%;
    box-sizing: border-box;
    transition: transform 0.1s;
    font-family: inherit
}

#articlePoll .poll-item button:hover {
    background: #F5F5F5;
    border-color: #E0E0E0;
    cursor: pointer
}

#articlePoll .poll-item button:active {
    outline: 3px solid rgba(68, 41, 243, 0.35)
}

#articlePoll .resultWrap {
    margin-bottom: 40px
}

#articlePoll .status {
    color: #999;
    font-size: 13px;
    line-height: 20px;
    margin-top: 8px
}

#articlePoll .states-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border-radius: 12px;
    overflow: hidden
}

#articlePoll .states-bar p {
    height: 100%;
    box-sizing: border-box;
    user-select: none
}

#articlePoll .states-bar p:first-child {
    position: absolute;
    left: 0;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    background: #F0F0F0
}

#articlePoll .states-bar p:last-child {
    border-left: 0;
    border-radius: 12px;
    width: 100%;
    border: 1px solid #EAEAEA
}

#articlePoll .values {
    color: #999;
    padding: 0 20px;
    display: flex;
    width: 100%;
    justify-content: space-between;
    box-sizing: border-box
}

#articlePoll .values p {
    display: flex;
    gap: 12px;
    align-items: center
}

#articlePoll .values p img {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    position: relative
}

#articlePoll .values span {
    mix-blend-mode: difference;
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    max-width: 90%;
    user-select: none;
    color: #999
}

#articlePoll .poll-result.selected .states-bar p:first-child {
    background: #000
}

#articlePoll .poll-result.selected .values span {
    color: #FFF
}

.modalPoll {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    min-width: 100%;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(2px)
}

.modalPoll-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
    background: white;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    max-width: 400px;
    width: 100%
}

#makePoll .title {
    height: 42px;
    border-bottom: 2px solid #333;
    font-size: 18px;
    font-weight: 600;
    color: #000
}

#makePoll .title::placeholder {
    color: #999
}

#makePoll ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 4px 0
}

#makePoll ul li {
    padding: 0 16px !important;
    border-radius: 4px;
    border: 1px solid #E0E0E0 !important;
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: space-between
}

#makePoll ul li input {
    width: calc(100% - 30px);
    font-size: 15px;
    height: 40px;
    padding: 0
}

#makePoll ul li input::placeholder {
    color: #999
}

#makePoll ul li .remove-item {
    padding: 4px;
    color: #CCC;
    cursor: pointer
}

#makePoll button {
    border-radius: 4px;
    border: 1px solid #E0E0E0;
    background: #F0F0F0;
    display: flex;
    padding: 5px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #666;
    font-size: 15px;
    line-height: 30px;
    cursor: pointer;
    transition: all 0.2s
}

#makePoll button:active {
    position: relative;
    top: 1px
}

#makePoll button:hover {
    border-color: #999;
    font-weight: 600;
    color: #555
}

#makePoll p input[type="checkbox"] {
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

#makePoll p input:checked + label, #makePoll p input:checked + label i {
    font-weight: bold
}

#makePoll p label {
    display: flex;
    gap: 8px;
    align-items: center;
    color: #000;
    font-size: 15px;
    line-height: 30px;
    cursor: pointer;
    width: fit-content
}

#makePoll p label i {
    font-size: 18px
}

#makePoll .close-option {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#makePoll .close-option .time_notice {
    color: #999;
    font-size: 13px;
    line-height: 18px
}

#makePoll .setTime {
    display: none;
    align-items: center;
    gap: 4px
}

#makePoll .setTime > div {
    height: 36px;
    border-radius: 2px;
    border: 1px solid #E0E0E0;
    background: #FAFAFA;
    display: flex;
    align-items: center;
    color: #000;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

#makePoll .setTime > div i {
    position: absolute;
    left: 12px
}

#makePoll .setTime > div input {
    max-width: 100px;
    width: 100%;
    background: none;
    font-size: 14px;
    font-weight: 500;
    padding-left: 36px;
    height: 100%
}

#makePoll .fa-caret-down, #makePoll .fa-caret-up {
    font-size: 10px
}

#makePoll .selectTime {
    width: 78px
}

#makePoll .selectTime em {
    font-style: normal;
    text-indent: 12px
}

#makePoll .selectTime i {
    right: 8px;
    left: unset !important
}

#makePoll #timeSelectWrap {
    display: none;
    position: absolute;
    height: 160px;
    z-index: 1000;
    padding: 4px 2px;
    border: 1px solid #E0E0E0;
    background: #FFF;
    overflow-y: auto;
    border-radius: 4px;
    top: 40px;
    right: -2px;
    width: 78px;
    box-sizing: border-box;
    text-indent: 0
}

#makePoll #timeSelectWrap span {
    display: block;
    line-height: 32px;
    text-align: center
}

#makePoll #timeSelectWrap span:hover {
    background: #F5F5F5;
    font-weight: bold
}

#makePoll #timeSelectWrap span.on {
    color: #000;
    font-weight: bold;
    background: #F5F5F5
}

#makePoll input[name="vote_submit"] {
    display: flex;
    padding: 7px 0px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: #333;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    margin-top: 12px;
    cursor: pointer
}

#makePoll .close-button {
    position: absolute;
    right: 16px;
    top: 16px;
    font-size: 20px;
    color: #999;
    cursor: pointer
}

.pollInfoTag {
    background: #FAFAFA;
    display: flex;
    padding: 16px 8px 16px 30px;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    border-bottom: 1px solid #f0f0f0
}

.pollInfoTag > span {
    width: 24px;
    min-width: 24px;
    font-size: 30px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.pollInfoTag > span i {
    font-size: 18px;
    text-align: center;
    width: 24px
}

.pollInfoTag .info {
    width: 100%;
    max-width: calc(100% - 120px);
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 4px
}

.pollInfoTag .info label {
    display: block;
    font-size: 14px;
    color: #4429F3;
    font-weight: 600
}

.pollInfoTag .info p {
    font-size: 16px;
    font-weight: bold;
    word-break: break-all
}

.pollInfoTag .info span {
    display: block;
    margin-top: 8px;
    color: #999;
    font-size: 13px
}

.pollInfoTag .pollBtn {
    display: flex;
    align-items: center
}

.pollInfoTag .pollBtn button {
    border: 0;
    background: unset;
    font-size: 15px;
    cursor: pointer;
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 50%;
    transition: all 0.2s
}

.pollInfoTag .pollBtn button:hover {
    background: #E0E0E0
}

.pollInfoTag .pollBtn button:hover i {
    color: #666
}

.pollInfoTag .pollBtn i {
    color: #AAA
}

#emoticon-container {
    position: absolute;
    top: 30px;
    border-radius: 8px;
    z-index: 999;
    background: #FFF;
    overflow: hidden;
    box-shadow: 0 0 0 1px rgba(29,29,29,0.13), 0 4px 12px 0 #00000014;
    min-width: 400px;
    min-height: 400px
}

#emoticon-container .nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    box-sizing: border-box;
    height: 48px;
    border-bottom: 1px solid #EAEAEA;
    background: #F8F8F8;
    position: static !important;
    width: 100% !important
}

#emoticon-container .nav div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 100%;
    font-size: 18px;
    cursor: pointer;
    box-sizing: border-box;
    transition: all 0.2s;
    position: relative
}

#emoticon-container .nav div:hover span {
    color: #000
}

#emoticon-container .nav div:hover::after, #emoticon-container .nav div.active::after {
    content: '';
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

#emoticon-container .nav div:hover::after {
    background: #DDD
}

#emoticon-container .nav div.active::after {
    background: #000
}

#emoticon-container .nav div.active span {
    color: #000;
    font-weight: 400
}

#emoticon-container .nav div span {
    color: #888
}

#cmt_wf #emoticon-container .contents {
    overflow-y: auto;
    min-height: 100px;
    padding: 8px 20px;
    display: flex;
    flex-direction: column;
    max-height: 352px;
    margin: 0;
    min-width: fit-content
}

#emoticon-container .contents strong {
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    display: inline-block;
    color: #000;
    margin-bottom: 8px
}

#emoticon-container .contents .search, #emoticon-container .contents .section {
    margin: 10px 0
}

#emoticon-container .search-box input {
    border-radius: 8px;
    border: 1px solid #E0E0E0;
    background: #FAFAFA;
    padding: 10px 12px;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 500;
    color: #333
}

#emoticon-container .search-box input:focus {
    outline: 3px solid rgba(68, 41, 243, 0.35);
    border-color: transparent
}

#emoticon-container .empty_emoji {
    font-size: 15px;
    color: #888;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 280px
}

#emoticon-container .emoticon-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 0px;
    max-width: 400px
}

#emoticon-container .emoticon-list span {
    color: #000;
    font-size: 26px;
    line-height: 40px;
    cursor: pointer;
    width: 40px;
    text-align: center;
    border-radius: 6px;
    transition: all 0.2s;
    user-select: none
}

#emoticon-container .emoticon-list span:hover {
    background: #EEE
}

.column-recommend {
    background: #FFF;
    border-radius: 8px;
    margin-bottom: 20px
}

.column-recommend .title {
    display: flex;
    justify-content: space-between;
    padding: 24px 16px;
    background: #FFF
}

.column-recommend .title strong {
    color: black;
    font-weight: 700;
    font-size: 1rem
}

.column-recommend .title a {
    margin-right: 16px;
    font-size: 0.813rem
}

.column-recommend .title a:hover i {
    animation: bounce 0.4s ease
}

.column-recommend .title a .fa-chevron-right {
    margin-left: 3px
}

.column-recommend .page {
    background: #fff;
    display: none;
    padding: 0 16px
}

.column-recommend .page.active {
    display: block
}

.column-recommend .btm {
    width: 328px;
    margin: 0 auto
}

.column-recommend .article {
    display: flex;
    margin-bottom: 15px
}

.column-recommend .article:hover .conts p:first-child {
    font-weight: 600;
    text-decoration: underline
}

.column-recommend .article .thumb_img {
    overflow: hidden;
    border-radius: 8px;
    min-width: 100px;
    height: 80px;
    margin-right: 14px
}

.column-recommend .article .thumb_img img {
    display: block;
    width: 100px;
    height: 80px;
    border: 1px solid rgba(0, 0, 0, 0);
    transition: transform 0.3s ease;
    box-sizing: border-box;
    object-fit: cover
}

.column-recommend .article .conts .h1 {
    line-height: 22px;
    font-size: 1rem;
    margin-bottom: 8px;
    color: black;
    letter-spacing: -0.5px
}

.column-recommend .article .conts .h2 {
    font-size: 0.813rem;
    color: #0038ff;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 22px
}

.column-recommend .column_pager {
    font-size: 1rem;
    text-align: center;
    padding-bottom: 24px;
    user-select: none
}

.column-recommend .column_pager i {
    background-color: #FFF;
    width: 36px;
    height: 36px;
    border: 1px solid #eaeaea;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.1s ease
}

.column-recommend .column_pager #current_page {
    margin-left: 15px;
    color: #0038ff;
    font-weight: 500
}

.column-recommend .column_pager #total_page {
    margin-left: 15px;
    margin-right: 20px;
    font-weight: 500;
    color: black
}

.column-recommend .column_pager i:hover {
    background-color: #f0f0f0
}

.column-recommend .column_pager i:active {
    background-color: #e0e0e0;
    transform: scale(0.95)
}

.column-recommend .column_pager label {
    display: inline-block;
    width: 10px;
    margin-left: 15px
}

@keyframes bounce {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(3px)
    }

    100% {
        transform: translateX(0)
    }
}

.column-recommend .article:hover .thumb_img img {
    transform: scale(1.15);
    transition: transform 0.2s ease
}

#link-preview, #BDWriteForm #link-preview {
    display: none
}

#link-preview {
    position: relative
}

#link-preview a {
    display: flex;
    border: 1px solid #EAEAEA;
    border-radius: 12px;
    margin: 12px 0;
    overflow: hidden;
    padding: 20px;
    position: relative;
    gap: 20px;
    transition: all 0.2s;
    width: 100%;
    box-sizing: border-box
}

#link-preview a:hover {
    text-decoration: none
}

#link-preview .info {
    display: none
}

#link-preview .thumb {
    margin: 0;
    display: flex;
    align-items: center;
    min-width: 200px;
    min-height: 120px
}

#link-preview .thumb.off {
    display: none
}

#link-preview .thumb img {
    width: 200px;
    max-width: 200px;
    object-fit: cover;
    width: 100%;
    height: 120px;
    min-height: 100%;
    border-radius: 12px
}

#link-preview .ogtags {
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#link-preview .ogtags span {
    display: block;
    font-size: 14px;
    color: #868B92;
    font-weight: 500;
    line-height: 18px
}

#link-preview .ogtags strong {
    font-size: 17px;
    letter-spacing: -0.5px;
    line-height: 20px;
    display: block;
    margin: 12px 0px;
    font-weight: bold
}

#link-preview .ogtags p {
    font-size: 14px;
    letter-spacing: -0.5px;
    line-height: 22px;
    margin: 0;
    color: #454545
}

#link-preview .btn-delete {
    position: absolute;
    right: 38px;
    top: 8px;
    width: 32px;
    height: 32px;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #F6F8Fa;
    color: #868B92;
    font-size: 12px;
    cursor: pointer
}

#link-preview .btn-delete:hover {
    background: #F0F0F0
}

#btn-meta-refresh {
    font-size: 12px;
    width: 32px;
    min-width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    transition: all 0.2s;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    background: #f6f8fa;
    color: #868B92;
    cursor: pointer
}

#btn-meta-refresh:hover {
    background: #F0F0F0
}

#BDWriteForm #link-preview {
    height: auto
}

#BDWriteForm #link-preview .thumb.loading {
    background: rgba(255, 255, 255, 0.8)
}

#BDWriteForm #link-preview.visible {
    display: block
}

#BDWriteForm #link-preview.visible .info {
    display: block
}

#BDWriteForm #link-preview .ogtags p {
    font-size: 14px;
    letter-spacing: -0.5px;
    line-height: 22px;
    margin: 0;
    color: #454545
}

#BDWriteForm #link-preview .ogtags span {
    display: block;
    font-size: 14px;
    color: #868B92;
    font-weight: 500;
    line-height: 18px;
    width: fit-content
}

#BDWriteForm #link-preview .ogtags strong {
    font-size: 17px;
    letter-spacing: -0.5px;
    line-height: 20px;
    display: block;
    margin: 12px 0px;
    font-weight: bold;
    color: #000
}

#BDWriteForm #link-preview.visible .skeleton {
    display: none
}

#BDWriteForm #link-preview .skeleton {
    display: flex;
    border: 1px solid #EAEAEA;
    border-radius: 12px;
    margin: 12px 0;
    overflow: hidden;
    padding: 20px;
    position: relative;
    gap: 20px;
    transition: all 0.2s;
    width: 100%;
    box-sizing: border-box
}

#BDWriteForm #link-preview .skeleton .thumb {
    margin: 0;
    display: flex;
    align-items: center;
    min-width: 200px;
    min-height: 120px;
    background: #F9F9F9;
    border-radius: 4px;
    width: 200px
}

#BDWriteForm #link-preview .skeleton > div:last-child {
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#BDWriteForm #link-preview .skeleton p {
    background: #F9F9F9;
    border-radius: 2px;
    height: 18px;
    margin: 3px 0
}

#BDWriteForm #link-preview .skeleton span {
    display: block;
    width: 200px;
    background: #F9F9F9;
    border-radius: 2px;
    height: 16px
}

#BDWriteForm #link-preview .skeleton strong {
    background: #EEE;
    border-radius: 3px;
    height: 24px;
    width: 90%;
    margin: 12px 0px;
    line-height: 20px
}

#addCompanyForm {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center
}

#addCompanyForm .wrap strong {
    margin: 30px
}

#addCompanyForm .foundation select {
    width: 65px
}

#addCompanyForm .scroll-wrap {
    overflow-y: auto;
    height: auto;
    max-height: calc(90vh - 184px);
    padding: 0 30px;
    box-sizing: border-box
}

#addCompanyForm .submit-wrap {
    padding: 30px
}

#addCompanyForm .submit-wrap .saveBtn {
    display: block;
    height: 54px;
    line-height: 54px;
    text-align: center;
    border-radius: 12px;
    margin: 0;
    background: #333;
    color: #FFF;
    border: 0;
    font-size: 17px;
    font-weight: bold
}

#addCompanyForm.careerForm strong {
    display: block;
    color: #000;
    font-size: 18px;
    letter-spacing: -1px
}

#addCompanyForm.careerForm .item {
    position: relative;
    padding: 0 !important;
    border: none !important;
    display: unset !important
}

#addCompanyForm.careerForm .wrap {
    z-index: 10000;
    background: #FFF;
    width: 520px;
    border-radius: 12px;
    overflow: hidden;
    height: auto;
    position: relative
}

#addCompanyForm.careerForm label {
    display: block;
    font-size: 14px;
    color: #666;
    margin-bottom: 6px
}

#addCompanyForm.careerForm label i {
    font-style: normal;
    color: #FF4949
}

#addCompanyForm.careerForm input {
    font-size: 15px;
    height: 42px;
    border: 1px solid #E0E0E0;
    padding: 0 12px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
    margin-bottom: 16px;
    color: #000
}

#addCompanyForm.careerForm input[type=text] {
    font-weight: 500
}

#addCompanyForm.careerForm input[name=etc_2] {
    width: calc( 100% - 110px);
    margin-right: 10px
}

#addCompanyForm.careerForm input[name=etc_3] {
    width: 100%
}

#addCompanyForm.careerForm input[name=etc_5] {
    width: 100px;
    margin-right: 8px
}

#addCompanyForm.careerForm .btn_cancel {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 0px !important;
    width: 36px;
    height: 36px;
    margin: 0;
    color: #666;
    background: none !important;
    font-size: 18px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 50% !important
}

#addCompanyForm.careerForm .msg {
    color: #FF4949;
    font-size: 13px;
    font-weight: bold;
    margin-top: -8px;
    margin-bottom: 16px
}

#addCompanyForm.careerForm .item .logo {
    margin-top: 6px;
    display: flex;
    gap: 16px
}

#addCompanyForm.careerForm .item .logo p {
    width: 100px;
    min-width: 100px;
    height: 100px;
    background-color: #f5f5f5;
    border-radius: 4px;
    margin-bottom: 16px;
    display: flex;
    justify-content: center
}

#addCompanyForm.careerForm .item .logo p img {
    max-width: 100%;
    max-height: 100%
}

#addCompanyForm.careerForm .item .logo .detail {
    display: flex;
    flex-direction: column;
    padding: 7px 0;
    gap: 8px
}

#addCompanyForm.careerForm .item .logo .detail span {
    color: #878787;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.5px;
    line-height: 20px
}

#addCompanyForm.careerForm .item .logo .detail label {
    width: 100px;
    height: 38px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.5px;
    text-align: center;
    line-height: 38px;
    cursor: pointer
}

#addCompanyForm.careerForm .item .logo input[type=file] {
    display: none
}

#addCompanyForm.careerForm select {
    font-size: 15px;
    height: 42px;
    width: 60px;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    border-radius: 4px;
    vertical-align: top;
    background: #FFF;
    text-align: center;
    min-width: fit-content
}

#addCompanyForm select {
    margin-bottom: 16px
}

#addCompanyForm #dapi_exec {
    background: #444;
    color: #fff;
    font-weight: 400;
    width: 100px
}

#addCompanyForm .co_add {
    display: flex
}

#addCompanyForm #dapi_map_wrap {
    width: 390px
}

#dapi_map_wrap {
    display: none;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    background: #FFF;
    z-index: 999;
    background: #F8F8F8
}

#dapi_map_wrap .addressWrap {
    border: 1px solid #333
}

#dapi_map_wrap #btnFoldWrap {
    font-size: 18px;
    position: absolute;
    right: -10px;
    z-index: 999;
    background: #333;
    color: #fff;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    top: -12px;
    cursor: pointer
}

#adrop-popup .container {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(0,0,0,0.6)
}

#adrop-popup .wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 420px;
    min-height: 240px;
    border-radius: 12px;
    overflow: hidden
}

#adrop-popup .pannel {
    background: #FFF;
    height: 48px;
    display: flex;
    justify-content: space-between;
    padding: 0 28px;
    box-sizing: border-box;
    align-items: center;
    color: #888;
    font-size: 15px
}

#adrop-popup .pannel span {
    cursor: pointer
}

#adrop-popup .pannel span:last-child {
    color: #333
}

.verify-bizcard, .verify-employed {
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
    border-radius: 20px;
    width: fit-content;
    display: flex;
    gap: 4px;
    align-items: center;
    height: 24px;
    box-sizing: border-box
}

.verify-bizcard {
    background: #e7f2fe;
    color: #0d4ea6
}

.verify-employed {
    background: RGBA(90, 194, 46, 0.2);
    color: #007347
}

.cmt-link-preview .info a {
    display: flex;
    border: 1px solid #EAEAEA;
    border-radius: 12px;
    margin: 24px 0 12px 0;
    overflow: hidden;
    position: relative;
    gap: 12px;
    transition: all 0.2s;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 16px;
    background: #fafafa;
    align-items: center
}

.cmt-link-preview .info a:hover, .cmt-link-preview .info a:hover span, .cmt-link-preview .info a:hover strong {
    text-decoration: none !important
}

.cmt-link-preview .info strong {
    font-size: 16px;
    letter-spacing: -0.5px;
    line-height: 20px;
    display: block;
    margin: 4px 0px;
    font-weight: bold;
    color: #000
}

.cmt-link-preview .info .description {
    font-size: 13px;
    color: #999;
    line-height: 18px;
    font-weight: 500
}

.cmt-link-preview .ogtags span {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #868B92;
    font-weight: 500;
    line-height: 18px
}

.cmt-link-preview .ogtags span img {
    border-radius: 2px;
    width: 12px;
    height: 12px
}

.cmt-link-preview .thumb img {
    object-fit: cover;
    width: 150px;
    border-radius: 8px;
    aspect-ratio: 1200 / 630
}

#boostup {
    height: 72px;
    background: #E9EEF3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 12px;
    padding: 0 24px
}

#boostup .container {
    display: flex;
    gap: 4px;
    align-items: center;
    position: relative
}

#boostup .container p {
    font-size: 15px;
    font-weight: bold;
    color: #333
}

#boostup .container p + div {
    display: flex;
    align-items: center;
    padding: 4px
}

#boostup .container p + div:hover .tooltip-content {
    display: block
}

#boostup .container p + div:hover .tooltip-content {
    opacity: 1;
    visibility: visible
}

#boostup .container i {
    font-size: 15px
}

#boostup .tooltip-content {
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    position: absolute;
    background: #FFF;
    color: #333;
    padding: 24px;
    border-radius: 12px;
    font-size: 15px;
    width: 420px;
    z-index: 1000;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    margin-left: -40px;
    top: 22px
}

#boostup .btn-boostup {
    width: 140px;
    height: 36px;
    color: #FFF;
    font-weight: bold;
    font-size: 16px;
    background: #3572FB;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

/*메인 섹션 부분 (게시판 노출 부분 관련 css)*/
.adRequest .tit {
    border-bottom: 1px solid #ddd;
    color: #666;
    padding: 10px;
    background: #FBFBFB;
    font-weight: bold;
    font-size: 13px
}

.adRequest .info label {
    background: url('/images/new_dot.gif') no-repeat;
    padding-left: 10px;
    background-position: 0 6px
}

.adRequest .cash_charge {
    font-size: 11px;
    border: 1px solid #ccc;
    padding: 2px 5px;
    margin-left: 10px;
    font-weight: normal;
    background-color: #f9f9f9
}

.adRequest .hover p {
    font-size: 15px;
    font-weight: 600;
    width: 150px;
    margin: 0 auto;
    background-color: #369;
    color: #fff;
    line-height: 36px
}

.adRequest .info.blind {
    position: relative
}

.adRequest .bg {
    position: absolute;
    width: 100%;
    height: 139px;
    top: 0;
    left: 0;
    background-color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
    filter: alpha(opacity=15);
    -moz-opacity: 0.15;
    -khtml-opacity: 0.15;
    opacity: 0.15
}

.adRequest .litter_btn p {
    width: 340px;
    height: 100px;
    position: absolute;
    top: 67px;
    left: 50%;
    margin-left: -170px;
    text-align: center;
    z-index: 99;
    background-color: #fff;
    border: 1px solid #888
}

.adRequest .litter_btn .user {
    position: relative;
    top: 0px;
    left: 0px;
    margin: 15px auto
}

.adRequest .litter_btn p strong {
    display: block;
    font-weight: 600;
    color: #369;
    font-size: 15px;
    padding: 12px 0 17px 0
}

.adRequest .litter_btn span {
    display: block;
    width: 120px;
    font-size: 15px;
    font-weight: 600;
    background: #369;
    margin: 0 auto;
    color: #fff;
    line-height: 32px
}

.adRequest .login_btn p {
    width: 340px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -17px;
    margin-left: -170px;
    text-align: center;
    z-index: 999
}

.adRequest .login_btn .login a {
    display: block;
    width: 120px;
    font-size: 15px;
    font-weight: 600;
    background: #369;
    margin: 0 auto;
    color: #fff;
    line-height: 32px
}

.adRequest span.btn_cash_act:hover {
    background-color: #3973ac
}

.adRequest .txt {
    text-align: center;
    font-size: 15px;
    padding-top: 5px
}

.adRequest .cmt_wf {
    padding: 15px 0;
    font-weight: 600;
    width: 400px;
    text-align: center;
    margin: 0 auto;
    color: #939;
    font-size: 15px
}

.adRequest .request_comment {
    padding: 20px;
    padding-left: 25px
}

.adRequest .request_comment p {
    text-indent: 0;
    font-size: 15px;
    line-height: 28px;
    padding-left: 0
}

.adRequest .request_comment img {
    width: 100%
}

.adRequest table.contact {
    border-right: 1px solid #E0E0E0
}

.adRequest table.contact tr th {
    width: 120px;
    height: 38px;
    line-height: 38px;
    font-weight: 600;
    font-size: 13px
}

.adRequest table.contact tr td {
    min-width: 227px
}

.adRequest table.contact tr td p {
    padding-left: 25px;
    font-size: 13px;
    word-break: break-all
}

#BDWriteForm .WF_table .contact {
    border-top: 1px solid #E0E0E0;
    margin-bottom: 10px
}

#BDWriteForm .WF_table .contact tr th span {
    color: #e55757
}

#BDWriteForm .WF_table .contact tr td {
    padding: 3px 15px
}

#BDWriteForm .WF_table .contact tr td input {
    padding: 7px 10px;
    width: 518px;
    border: 1px solid #EDEDED;
    font-size: 13px
}

#BDWriteForm .WF_table .contact tr td select {
    cursor: pointer;
    padding: 7px 15px;
    border: 1px solid #EDEDED;
    font-size: 13px
}

#BDWriteForm .WF_table .contact tr td div {
    overflow: hidden;
    padding: 10px 0
}

#BDWriteForm .WF_table .contact tr td div p {
    float: left;
    width: 135px;
    font-size: 13px;
    padding-left: 0
}

#BDWriteForm .WF_table .contact tr td div p input {
    width: 13px;
    cursor: pointer
}

#BDWriteForm .WF_table .contact tr td div p label {
    line-height: 26px;
    cursor: pointer;
    font-weight: 600
}

#BDWriteForm .WF_table .contact tr td div p label:hover {
    color: #939
}

#BDWriteForm .WF_table .contact tr td._last {
    padding: 0
}

#BDWriteForm .WF_table .contact tr td.comment_field > div {
    padding: 0
}

#BDWriteForm .WF_table .contact tr td.comment_field .icon {
    margin-bottom: 5px
}

#BDWriteForm .WF_table .contact table tr th {
    width: 100px;
    border-left: 0;
    background: none
}

#BDWriteForm .WF_table .contact table tr th, #BDWriteForm .WF_table .contact table tr td {
    border-bottom: 0;
    border-top: 1px solid #EDEDED
}

#BDWriteForm .WF_table .contact table tr td {
    border-color: #EDEDED
}

#BDWriteForm .WF_table .contact table tr td.col {
    border: 0
}

#BDWriteForm .WF_table .contact table tr td span {
    color: #e55757;
    font-weight: 600;
    line-height: 28px;
    font-size: 13px
}

#BDWriteForm .WF_table .contact table tr td input {
    width: 391px
}

#BDWriteForm .AB-alignr .AB-chk label {
    cursor: pointer;
    font-weight: 600;
    font-size: 13px
}

#BDWriteForm .AB-text-agree {
    height: 65px
}

.url_copy {
    font-size: 15px;
    font-weight: 600;
    text-align: center
}

.url_copy textarea {
    width: 300px
}

#Req_WF_M {
    border-top: 1px solid #ccc
}

#Req_WF_M select {
    border: 0;
    border-top: 1px solid #ccc
}

#Req_WF_M #category_1 {
    border-bottom: 1px solid #ccc
}

#Req_WF_M #category_1, #Req_WF_M #category_2 {
    height: 48px;
    line-height: 48px;
    color: #454545;
    padding: 0 0 0 10px;
    background: none;
    font-size: 16px
}

#Req_WF_M #fb_board_tit {
    border-bottom: 0
}

#adBoardTop {
   
}

#adBoardTop > div {
   /* text-align: right*/
}

#adBoardTop.P1958 {
    margin-bottom: 8px
}

#adBoardTop a {
    display: block;
    padding: 0 8px;
    background: #FFF
}

#adBoardTop a:hover {
    transition: all 0.2s;
    border-color: #333;
    position: relative
}

#adBoardTop a img {
    width: 226px;
    height: 82px
}

.BD2986_sch_box {
    background-color: #369;
    background: url('//ad.i-boss.co.kr/images/sub_banner_display.jpg') no-repeat;
    padding: 25px 0;
    text-align: center;
    margin-bottom: 10px
}

.BD2986_sch_box > div {
    width: 345px;
    margin: 0 auto;
    background-color: #fff
}

.BD2986_sch_box h3 {
    font-size: 17px;
    padding-bottom: 15px;
    color: #fff
}

.BD2986_sch_box .mb_searchbox_2 {
    width: 250px !important;
    font-size: 15px;
    padding: 10px 20px;
    border: 0;
    text-align: center;
    letter-spacing: 1px
}

.BD2986_sch_box .mb_searchbox_3 {
    width: 42px;
    height: 37px;
    border: 0;
    margin-left: -2px;
    float: right
}

#BDListForm.pr_bd {
    margin-bottom: 10px
}

.lf_box.BD2986 {
    border: 0
}

.lf_box.BD2986 > div {
    float: left
}

.lf_box.BD2986 .bn_img {
    width: 278px;
    margin-right: 10px;
    height: 175px;
    background-color: #D7E0EB;
    border: 1px solid #ddd
}

.lf_box.BD2986 .rec_article {
    width: 405px
}

.lf_box.BD2986 .rec_article .wrap {
    border: 3px solid #eee;
    padding: 10px 25px
}

.lf_box.BD2986 .rec_article .wrap .bd_title {
    font-size: 15px;
    padding: 7px 0;
    font-weight: 600
}

.lf_box.BD2986 .rec_article .wrap .cell .AB-LF-common span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 18px;
    background: url('/images/new_dot.gif') no-repeat;
    background-position: 0 6px;
    text-indent: 12px;
    font-weight: 600
}

#PR_Notice {
    margin-bottom: 10px;
    border: 5px solid #eee;
    padding: 15px;
    overflow: hidden
}

#PR_Notice p a {
    padding-left: 5px;
    font-size: 15px;
    color: #336699;
    font-weight: 500
}

#PR_Notice p a:hover span {
    text-decoration: underline
}

/* 홍보게시판 레이어팝업 (/ab-*2986) */
#BD2986_layer_pop {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999
}

#BD2986_layer_pop .bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: .45;
    z-index: 999
}

#BD2986_layer_pop ._cont {
    width: 300px;
    height: 170px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -180px;
    margin-top: -115px;
    background-color: #fff;
    z-index: 1000;
    padding: 30px;
    text-align: center;
    border: 1px solid #454545
}

#BD2986_layer_pop ._cont h5 {
    font-size: 20px;
    padding-bottom: 12px
}

#BD2986_layer_pop ._cont p {
    font-size: 15px;
    line-height: 24px
}

#BD2986_layer_pop ._cont a {
    font-size: 15px;
    font-weight: 600;
    color: #e55757;
    padding: 20px 0;
    display: block
}

#BD2986_layer_pop ._cont a:hover {
    text-decoration: underline
}

#BD2986_layer_pop .buttons {
    text-align: center;
    padding-top: 15px;
    height: 30px
}

#BD2986_layer_pop .buttons span {
    padding: 10px 30px;
    color: #fff;
    background-color: #369;
    cursor: pointer;
    font-weight: 600;
    font-size: 13px
}

#BD2986_layer_pop .buttons span:hover {
    opacity: .85
}

#BD2986_layer_pop .buttons .close_btn {
    margin-left: 5px;
    background-color: #999
}

.BD1957_LF_category {
    position: relative;
    padding-bottom: 15px;
    overflow: hidden;
    text-align: center
}

.BD1957_LF_category p {
    cursor: pointer;
    font-size: 13px;
    line-height: 34px;
    padding-left: 15px
}

.BD1957_LF_category ul {
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    width: 301px;
    background-color: #FFF;
    z-index: 999;
    border: 1px solid #e5e5e5;
    border-top: 0
}

.BD1957_LF_category ul > div {
    float: left;
    width: 150px
}

.BD1957_LF_category ul > div:first-child {
    border-right: 1px solid #e5e5e5
}

.BD1957_LF_category ul li a {
    display: block;
    font-size: 13px;
    padding-left: 15px;
    border-top: 1px solid #e5e5e5;
    line-height: 34px
}

.BD1957_LF_category ul li a:hover {
    background-color: #f9f9f9;
    color: #FF4949;
    font-weight: 600
}

.cat_none_select {
    border: 1px solid #D7D7D7;
    display: inline-block;
    width: 150px;
    margin-right: 10px
}

.biz_none_select {
    border: 1px solid #D7D7D7;
    display: inline-block;
    width: 150px
}

.biz_none_select ul {
    left: 162px
}

.BD1957_LF_category .BD1957_sch_box .AB-select {
    height: 34px;
    margin-right: 5px
}

.BD1957_LF_category .sch_box_input {
    height: 32px;
    line-height: 32px;
    border: 1px solid #D7D7D7;
    border-right: 0;
    margin-right: -2px;
    padding: 0 10px;
    font-size: 15px
}

.BD1957_LF_category .sch_box_btn {
    width: 40px;
    height: 34px;
    line-height: 34px;
    background-color: #D7D7D7;
    color: #FFF
}

.proposal_bd {
    background: #FFF;
    border-radius: 8px;
    padding: 20px
}

.proposal_bd .ABA-bbs-wrap .p1957title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
}

.proposal_bd .ABA-bbs-wrap .BoardListTitle {
    padding: 0;
    margin: 0
}

.proposal_bd .ABA-bbs-wrap .article_fnc {
    padding: 0
}

.proposal_bd .cat_tabs {
    clear: both;
    padding-bottom: 10px
}

.proposal_bd .cat_tabs a {
    display: inline-block;
    margin-right: 6px;
    color: #999;
    font-size: 14px;
    line-height: 36px;
    font-weight: 500;
    border: 1px solid #E0E0E0;
    padding: 0 12px;
    margin-bottom: 8px;
    border-radius: 3px
}

.proposal_bd .cat_tabs a.active {
    color: #663399;
    letter-spacing: -1px;
    background: #F5F5F5;
    border-color: #663399
}

.proposal_bd a.chk-hire {
    float: right;
    border: 0;
    line-height: 32px;
    height: 32px;
    padding: 0;
    margin: 0;
    margin-right: 12px;
    color: #999
}

.proposal_bd a.chk-hire:hover {
    background: none;
    color: #000
}

.proposal_bd a.chk-hire i {
    margin-right: 6px
}

.proposal_bd a.chk-hire.checked i {
    color: #663399
}

.proposal_bd .wrap {
    clear: both
}

.proposal_bd .cell {
    margin-bottom: 12px;
    background-color: #FFF
}

.proposal_bd .cell > div {
    border: 1px solid #EAEAEA;
    border-radius: 8px;
    overflow: hidden
}

.proposal_bd .cell > div:hover .subject span {
    font-weight: 600
}

.proposal_bd .cell a {
    display: block
}

.proposal_bd .cell .bd_closed {
    border-color: #EAEAEA
}

.proposal_bd .cell > div.bd_closed:hover {
    border-color: #DDD
}

.proposal_bd .cell > div.bd_closed:hover .subject span {
    font-weight: normal
}

.proposal_bd .cell .txt a:hover .AB-LF-common {
    text-decoration: underline
}

.proposal_bd .cell .bd_closed .subject span, .proposal_bd .cell .bd_closed .info em, .proposal_bd .cell .bd_closed .comment_1 {
    color: #AAA
}

.proposal_bd .cell .admin a {
    border: 0;
    display: inline-block;
    vertical-align: top
}

.proposal_bd .cell .reported {
    color: #ccc
}

.proposal_bd .cell .read_active {
    background: #FCFCFC
}

.proposal_bd .cell .open_contact {
    font-size: 13px;
    background: #c5c6e5;
    color: #1c1c1c;
    padding: 4px 8px;
    display: inline-block;
    margin: 15px 25px 0 25px
}

.proposal_bd .subject {
    padding: 16px 24px 0
}

.proposal_bd .subject span.AB-LF-common {
    color: #000;
    display: flex;
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 680px;
    font-size: 19px;
    font-weight: bold;
    letter-spacing: -0.5px;
    display:flex;
    align-items:center;
    gap:5px;
}

.proposal_bd .subject label {
    background-color: #FF4949;
    color: #FFF;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-left: 7px;
    font-size: 13px;
    vertical-align: 1px
}

.proposal_bd .subject em {
    font-style: normal;
    margin-right: 12px;
    display: inline-block;
    color: #FF4949;
    font-weight: 600;
    vertical-align: top;
    font-size: 19px
}

.proposal_bd .subject em.closed {
    color: #AAA
}

.proposal_bd .info {
    position: relative;
    border-top: 1px solid #EEE;
    padding: 12px 24px;
    background: #FAFAFA;
    display:flex;
    align-items: center;
}

.proposal_bd .info span {
    display: inline-block;
    font-size: 13px;
    color: #999
}

.proposal_bd .info span em {
    font-style: normal;
    padding-left: 5px;
    color: #555
}

.proposal_bd .info span:first-child {
    border-left: 0;
    padding-left: 0
}

.proposal_bd .info span:first-child::before {
    margin: 0;
    background: none
}

.proposal_bd .info span::before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 10px;
    background: #CCC;
    margin: 0 18px
}

.proposal_bd .info a.cat {
    display: inline-block;
    font-size: 13.5px;
    color: #555
}

.proposal_bd .info a.cat:hover {
    text-decoration: underline
}

.proposal_bd .info .budget em {
    /*color: #E55757*/
}

.proposal_bd .info .BDU_tob em {
    display: inline-block;
    max-width: 210px;
    vertical-align: top
}

.proposal_bd .comment_1 {
    font-size: 15px;
    color: #555;
    margin: 4px 24px 16px 24px;
    line-height: 22px;
    word-break: break-all;
    letter-spacing: -0.5px
}

.proposal_bd .deadline {
    position: absolute;
    right: 16px;
    color: #333;
    padding: 2px 10px;
    font-size: 13px;
    letter-spacing: 0;
    font-weight: 600;
    display:flex;
    align-items:center;
    gap:5px;
    
}

.proposal_bd .deadline.dday {
    background: #FF4949;
    color: #FFF
}

.proposal_bd .deadline.finished {
    background: #AAA;
    color: #FFF
}

.proposal_bd .info .sign_date {
    color: #aaa
}

.proposal_bd .tags {
    padding: 0 24px 16px
}

.proposal_bd .tags a {
    display: inline-block;
    background: #CFCFCF;
    color: #FFF;
    padding: 0 4px;
    border-radius: 2px;
    font-size: 11px;
    margin-right: 6px;
    letter-spacing: 0
}

.proposal_bd .tags a:hover {
    background: #333;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}

#adrop_p1957 {
    min-height: 142px;
    background: #F2F4F6;
    border: 0;
    border-radius: 8px;
    margin-bottom: 12px;
    box-sizing: border-box;
    overflow: hidden
}

.proposal_bd .badges {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 24px 16px
}

#BD1957_WF th {
    width: 130px;
    font-size: 16px;
    font-weight: 600;
    vertical-align: top;
    padding: 18px 0 0 20px;
    text-align: left
}

#BD1957_WF th span {
    color: #FF4949
}

#BD1957_WF td {
    padding: 7px 0
}

#BD1957_WF input {
    border: 1px solid #E0E0E0;
    padding: 5px 10px;
    height: 28px;
    line-height: 28px;
    font-size: 15px
}

#BD1957_WF textarea {
    border: 1px solid #E0E0E0;
    padding: 5px 10px;
    line-height: 20px;
    font-size: 15px
}

#BD1957_WF .cmt_desc {
    display: block;
    font-size: 13px
}

#BD1957_WF .WF_title {
    padding: 15px 20px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #EEE
}

#BD1957_WF .WF_title p {
    line-height: 26px;
    font-size: 15px
}

#BD1957_WF .WF_title strong {
    font-size: 21px;
    font-weight: 600
}

#BD1957_WF .category_3 .AB-empty-value + label {
    outline: 1px solid #448AFF
}

.p1959_verification {
    position: relative;
    background: #FFECEC;
    padding: 11px 25px;
    font-size: 15px;
    font-weight: 400;
    color: #FF4949;
    border: 1px solid #ffb6b6
}

.p1959_verification i {
    margin-right: 3px
}

.p1959_verification a.bd_R3 {
    position: absolute;
    top: 0;
    right: 10px;
    background: #FF4949;
    color: #FFF;
    font-size: 14px;
    line-height: 26px;
    margin: 9px 0;
    padding: 0 20px
}

.p1959_verification.verified {
    background: #E5EAF1;
    border-color: #99AEC6;
    color: #003471
}

#BD1957_WF .category_3 {
    border-bottom: 1px solid #EEE;
    padding: 15px 0
}

#BD1957_WF .category_3 p {
    position: relative;
    display: inline-block;
    width: 120px;
    margin: 0 10px 5px 0
}

#BD1957_WF .category_3 p label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: #FFF;
    color: #333;
    line-height: 31px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid #E0E0E0;
    text-indent: 20px
}

#BD1957_WF .category_3 p label.active {
    background: #E5EAF1;
    color: #003471;
    border-color: #99AEC6;
    -webkit-transition: all .3s;
    transition: all .3s
}

#BD1957_WF .category_3 .cmt_desc {
    padding-top: 15px
}

#BD1957_WF .common_input {
    border-bottom: 1px solid #EEE;
    padding: 15px 0
}

#BD1957_WF .common_input .cmt_desc {
    color: #999;
    padding: 7px 0 5px 0
}

#BD1957_WF .common_input input {
    width: 150px
}

#BD1957_WF .common_input input.subject {
    width: 500px
}

#BD1957_WF .common_input input.close_date {
    text-align: center
}

#BD1957_WF .common_input input.budget {
    text-align: right
}

#BD1957_WF input.business_type {
    width: 500px
}

#BD1957_WF textarea {
    width: 500px;
    resize: none
}

#BD1957_WF .frm_budget_miss {
    font-size: 15px
}

#BD1957_WF .frm_budget_miss label {
    cursor: pointer
}

#BD1957_WF .frm_budget_miss .budget_miss {
    width: 15px;
    height: 15px;
    margin-right: 5px
}

#BD1957_WF .etc {
    border-bottom: 1px solid #E0E0E0;
    padding: 15px 0;
    margin-bottom: 30px
}

#BD1957_WF .etc .cmt_desc {
    color: #999;
    padding: 7px 0 5px 0
}

#BD1957_WF .etc input.business_type {
    width: 500px
}

#BD1957_WF .etc textarea {
    width: 500px
}

#BD1957_WF .gbyg {
    border-bottom: 1px solid #E0E0E0;
    padding: 15px 0;
    margin-bottom: 30px
}

#BD1957_WF .gbyg .cmt_desc {
    color: #999;
    padding: 7px 0 5px 0;
    line-height: 18px
}

#BD1957_WF .frm_cate2 {
    padding-top: 17px
}

#BD1957_WF .frm_gbyg_tob .AB-radio, #BD1957_WF .frm_cate2 .AB-radio {
    width: 13px;
    height: 20px;
    line-height: 20px;
    cursor: pointer
}

#BD1957_WF .frm_gbyg_tob td label, #BD1957_WF .frm_cate2 label {
    display: inline-block;
    margin-right: 20px;
    font-size: 15px;
    cursor: pointer
}

#BD1957_WF .WF_title.info {
    border-top: 0
}

#BD1957_WF .writer_info {
    border-bottom: 1px solid #E0E0E0;
    padding: 15px 0
}

#BD1957_WF .writer_info .AB-text {
    width: 500px;
    line-height: 32px;
    height: 32px
}

#BD1957_WF .writer_info .selectContactTH {
    vertical-align: middle
}

#BD1957_WF .writer_info .selectContact > div {
    margin-bottom: 10px
}

#BD1957_WF .writer_info .selectContact .AB-text {
    width: 425px;
    line-height: 24px;
    height: 24px;
    font-size: 13px;
    color: #448AFF;
    font-weight: 600
}

#BD1957_WF .writer_info .selectContact label {
    display: inline-block;
    width: 60px;
    padding-left: 15px;
    border: 1px solid #e0e0e0;
    border-right: 0;
    height: 34px;
    line-height: 34px;
    vertical-align: top;
    font-weight: 600
}

#BD1957_WF .writer_info .selectContact .cmt_desc {
    color: #FF4949;
    padding-bottom: 15px
}

#BD1957_WF .writer_info .chk_box .AB-checkbox {
    height: 13px;
    margin-bottom: 0px
}

#BD1957_WF .writer_info .chk_box label {
    cursor: pointer
}

#BD1957_WF .writer_info .mypage_save input {
    vertical-align: top;
    margin: 5px 0
}

#BD1957_WF .writer_info .mypage_save label {
    display: inline-block;
    margin-left: 8px;
    font-size: 13px;
    line-height: 20px
}

#BD1957_WF .writer_info .writer_phone050 {
    font-size: 14px
}

#BD1957_WF .writer_info .writer_phone050 div {
    padding: 10px;
    width: 500px
}

#BD1957_WF .writer_info .writer_phone050 span {
    color: #448AFF;
    font-weight: 600
}

#BD1957_WF .writer_info .writer_phone050 p {
    font-size: 13px;
    color: #666;
    padding-top: 8px
}

#BD1957_WF .pr_notice {
    width: 490px;
    background: #D8E7FF;
    border: 1px solid #BBD0F2;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 22px;
    margin-top: 10px
}

#BD1957_WF .pr_notice p {
    font-weight: 600;
    color: #111369;
    text-indent: -20px;
    padding-left: 20px
}

#BD1957_WF .pr_notice p img {
    position: relative;
    top: -1px
}

#BD1957_WF .pr_notice p label {
    color: #FF4949
}

#BD1957_WF .pr_notice ul {
    margin: 10px 0
}

#BD1957_WF .pr_notice ul li {
    list-style: disc;
    margin-left: 40px
}

#BD1957-write .notice_top {
    background-color: #FCE8E6;
    border: 1px solid #EE918A;
    padding: 24px 30px;
    margin-top: 20px
}

#BD1957-write .notice_top p {
    color: #C0392B;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px
}

#BD1957-write .notice_top ul li {
    list-style: disc;
    margin-left: 20px;
    line-height: 1.8em;
    font-size: 15px
}

.notice_btm {
    background-color: #FCE8E6;
    border: 1px solid #EE918A;
    width: 415px;
    height: 42px;
    margin: -30px auto 60px;
    text-align: center;
    line-height: 42px;
    color: #C0392B;
    font-size: 15px
}

.BD1958_VF_wrap .wrap_title {
    position: relative
}

.BD1958_VF_wrap .wrap_title .deadline {
    position: absolute;
    bottom: -38px;
    right: 20px;
    background: #6D6EC5;
    color: #FFF;
    padding: 2px 10px;
    font-size: 13px;
    letter-spacing: 0
}

.BD1958_VF_wrap .wrap_title .deadline.finished {
    background: #AAA
}

.BD1958_VF_wrap .tit_category_1 {
    font-size: 20px;
    padding-bottom: 7px;
    color: #8A6FA7
}

.BD1958_VF_wrap .complete a {
    display: block;
    border: 3px solid #6D6EC5;
    margin: 10px auto;
    width: 150px;
    text-align: center;
    color: #6D6EC5;
    line-height: 32px;
    font-size: 15px;
    font-weight: 600
}

.BD1958_VF_wrap .complete a:hover {
    background-color: #6D6EC5;
    color: #FFF
}

.adRequest.BD1958 {
    position: relative;
    padding-top: 20px
}

.adRequest.BD1958 .btn_point_list_act {
    display: inline-block;
    background: #EC4E6E;
    color: #FFF;
    padding: 10px 0;
    width: 140px;
    text-align: center;
    font-weight: 600;
    font-size: 13px;
    z-index: 99
}

.adRequest.BD1958 .btn_point_list_act:hover {
    background: #FF4949
}

.adRequest.BD1958 th {
    background: #F7F7F7;
    border: 1px solid #d7d7d7;
    border-width: 1px 1px 0 0
}

.adRequest.BD1958 td {
    border: 1px solid #d7d7d7;
    border-width: 1px 1px 0 0
}

.adRequest.BD1958 table.contact {
    border: 1px solid #d7d7d7;
    border-width: 0 0 1px 1px
}

.adRequest.BD1958 .title {
    display: block;
    font-size: 15px;
    padding-bottom: 15px;
    text-align: center;
    color: #787878
}

.adRequest.BD1958 .cnt_read {
    position: absolute;
    top: 28px;
    right: 0;
    font-size: 15px
}

.adRequest.BD1958 .cnt_read span {
    color: #FF4949
}

.adRequest.BD1958 .my_litter {
    text-align: right;
    font-weight: 600;
    font-size: 13px;
    padding: 10px 0 5px 0
}

.adRequest.BD1958 .my_litter a {
    color: #448AFF;
    font-weight: 600
}

.adRequest .user_info_contact {
    border: 1px solid #D7D7D7;
    border-top: 0;
    text-align: center;
    padding: 12px 0
}

.adRequest .user_info_contact > p {
    padding-top: 10px;
    font-size: 13px
}

.adRequest .user_info_contact > p span {
    color: #FF4949;
    font-weight: 600
}

.adRequest .user_info_contact .my_litter {
    font-weight: 600;
    color: #666
}

.adRequest .user_info_contact .my_litter span {
    color: #000
}

.adRequest .user_info_contact .my_litter .cash_charge {
    color: #FFF;
    font-weight: 600;
    font-size: 13px;
    background-color: #a4a4a4;
    border: 0;
    padding: 5px 15px
}

.adRequest .user_info_contact .my_litter .cash_charge:hover {
    background: #999
}

.writer_title .title {
    display: block;
    font-size: 16px;
    padding: 25px 0 15px 0
}

.BD1958_related_articles {
    overflow: hidden;
    clear: both;
    width: 705px
}

.BD1958_related_articles .cell {
    width: 164px;
    float: left;
    border: 1px solid #d7d7d7;
    margin: 0 10px 10px 0
}

.BD1958_related_articles .cell p {
    border-top: 1px solid #d7d7d7;
    padding: 10px;
    font-size: 12px;
    line-height: 18px;
    color: #999;
    height: 66px;
    overflow: hidden
}

.BD1958_related_articles .cell strong {
    display: block;
    text-align: center;
    margin: 15px 20px;
    font-size: 15px;
    height: 46px;
    overflow: hidden
}

.BD1958_related_articles .cell.num_4, .BD1958_related_articles .cell.num_8 {
    margin-right: 0
}

.BD1958_related_articles .title strong {
    display: block;
    font-size: 16px;
    padding: 25px 0 15px 0
}

.BD1958_more_info ul {
    overflow: hidden;
    border-bottom: 1px solid #e0e0e0
}

.BD1958_more_info ul li {
    float: left;
    width: 173px
}

.BD1958_more_info ul li div {
    text-align: center;
    border-left: 1px solid #EEE;
    margin: 21px 0
}

.BD1958_more_info ul li div p {
    font-size: 16px;
    padding: 10px;
    padding-bottom: 0;
    line-height: 20px
}

.BD1958_more_info ul li div p span {
    color: #FF4949
}

.BD1958_more_info ul li div label {
    font-size: 14px;
    color: #999
}

.BD1958_more_info ul li:first-child div {
    border-left: 0
}

.related_category {
    overflow: hidden;
    padding: 20px;
    background: #FFF;
    margin: 24px 0
}

.related_category .title h6 {
    display: block;
    font-size: 20px;
    padding: 24px 0 8px 0;
    text-indent: 8px;
    color: #639
}

.related_category .title h6 span {
    font-weight: bold
}

.related_category .cell {
    width: 50%;
    float: left
}

.related_category .cell > div {
    position: relative;
    border: 1px solid #E0E0E0;
    margin: 8px;
    padding: 12px;
    height: 110px
}

.related_category .cell a:hover .subject span {
    text-decoration: underline
}

.related_category .subject span {
    font-weight: 600;
    font-size: 16px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 10px;
    color: #000
}

.related_category .comment_1 {
    color: #666;
    font-size: 13px
}

.related_category .info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 323px;
    padding: 6px 12px;
    background: #FAFAFA;
    border-top: 1px solid #EEE
}

.related_category .info span {
    display: inline-block;
    width: 33.33%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top
}

.related_category .info i {
    font-style: normal;
    display: inline-block;
    margin-right: 4px;
    color: #999
}

.more_details_info > div {
    padding: 25px
}

.more_details_info p {
    line-height: 24px;
    font-size: 15px
}

.more_details_info strong {
    display: block;
    font-size: 14px;
    padding: 10px 0;
    font-weight: normal
}

.more_details_info .gbyg_info table {
    border-bottom: 1px solid #e5e5e5
}

.more_details_info .gbyg_info th {
    border-top: 1px solid #e5e5e5;
    background: #F9F9F9
}

.more_details_info .gbyg_info td {
    border-top: 1px solid #e5e5e5;
    padding: 7px 0 7px 15px
}

.BD1958_VF_wrap .writer_details {
    padding-top: 40px;
    border-top: 1px solid #EEE
}

.BD1958_VF_wrap .writer_details .nick_int {
    text-align: center
}

.BD1958_VF_wrap .writer_details .nick_int .MinfoPop2 .mb_info_pop .usr_info {
    text-align: left
}

.BD1958_VF_wrap .writer_details .nick_int .MinfoPop2 .mb_info_pop .usr_info p.MEU_position {
    padding-left: 5px
}

.BD1958_VF_wrap .writer_details .prof_img img {
    width: 50px;
    height: 50px;
    margin-bottom: 15px
}

.BD1958_VF_wrap .writer_details .prof_info .nick_name {
    font-size: 16px;
    font-weight: 600
}

.BD1958_VF_wrap .writer_details .prof_info .certification {
    display: inline-block;
    padding-left: 5px
}

.BD1958_VF_wrap .writer_details .prof_info .certification .expert {
    background: url('/images/iboss_nickname_tag.png') no-repeat;
    width: 32px;
    height: 14px;
    text-indent: -999em;
    display: inline-block;
    margin-left: 3px
}

.BD1958_VF_wrap .writer_details .prof_info .certification .biz {
    background: url('/images/iboss_nickname_tag.png') no-repeat;
    background-position: -33px 0;
    width: 22px;
    height: 14px;
    text-indent: -999em;
    display: inline-block;
    margin-left: 5px
}

.BD1958_VF_wrap .writer_details .prof_info .introduce {
    font-style: italic;
    font-size: 14px;
    line-height: 22px;
    margin-top: 10px;
    color: #999
}

.BD1958_VF_wrap .writer_details .auth p {
    background: #5489FE;
    color: #FFF;
    line-height: 22px;
    width: 140px;
    margin: 12px auto 0 auto;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -1px;
    border: 1px solid #369
}

.BD1958_VF_wrap .writer_details .auth p.unauth {
    width: 200px;
    background: #F67E7C;
    border-color: #D55550
}

.BD1958_VF_wrap .writer_title strong {
    text-align: center;
    color: #787878
}

.BD1958_VF_wrap .writer_others {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px dashed #e0e0e0
}

.BD1958_VF_wrap .writer_others .cell {
    position: relative;
    border: 1px solid #EEE;
    margin-bottom: 5px
}

.BD1958_VF_wrap .writer_others .cell a {
    display: block;
    font-size: 13px;
    padding: 10px 20px
}

.BD1958_VF_wrap .writer_others .cell a:hover {
    text-decoration: none;
    color: inherit
}

.BD1958_VF_wrap .writer_others .cell a:hover .title {
    text-decoration: underline
}

.BD1958_VF_wrap .writer_others .category_1 {
    color: #8A6FA7;
    padding-right: 10px;
    font-weight: 600
}

.BD1958_VF_wrap .writer_others .spacer {
    padding-right: 10px;
    color: #aaa
}

.BD1958_VF_wrap .writer_others .info {
    position: absolute;
    top: 10px;
    right: 10px
}

.BD1958_VF_wrap .writer_others .info p {
    display: inline-block;
    font-size: 12px;
    color: #999
}

.BD1958_VF_wrap .writer_others .info p em {
    font-style: normal;
    font-weight: 600;
    padding-left: 3px;
    display: inline-block !important;
    width: 80px
}

.BD1958_VF_wrap .writer_others .info .spacer {
    padding: 0 10px
}

.BD1958_VF_wrap .writer_others .close_date {
    width: 65px;
    text-align: center
}

.BD1958_VF_wrap .writer_others .budget em {
    color: #FF4949
}

.BD1958_VF_wrap .writer_others .tob em {
    color: #333
}

.BD1958_VF_wrap .requester {
    overflow: hidden;
    margin: 50px 0
}

.BD1958_VF_wrap .requester > div {
    float: left
}

.BD1958_VF_wrap .requester .writer_info {
    width: 298px;
    text-align: center;
    background: #FCFCFC;
    border: 1px solid #E0E0E0;
    margin-right: 10px;
    padding: 25px 0
}

.BD1958_VF_wrap .requester .writer_details {
    padding-top: 0
}

.BD1958_VF_wrap .writer_info .prof_img {
    width: 50px;
    height: 50px;
    margin: 0 auto 10px auto
}

.BD1958_VF_wrap .writer_info .verified_user {
    bottom: 0;
    right: 0;
    background: url('/images/mypage_icon_ver2.png') no-repeat;
    background-position: -14px 0;
    text-indent: -9999em;
    width: 15px;
    height: 15px
}

.BD1958_VF_wrap .writer_info .prof_info {
    font-size: 14px;
    font-weight: 600
}

.BD1958_VF_wrap .writer_info .wt_exp ul {
    overflow: hidden;
    margin-top: 15px
}

.BD1958_VF_wrap .writer_info .wt_exp ul li {
    font-size: 14px
}

.BD1958_VF_wrap .writer_info .wt_exp ul li label {
    color: #AAA;
    display: inline-block;
    width: 60px
}

.BD1958_VF_wrap .writer_info .wt_exp span.af i {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url('/images/p1957_icon_set.png')
}

.BD1958_VF_wrap .previous-request {
    width: 383px;
    border: 1px solid #E0E0E0
}

.BD1958_VF_wrap .previous-request .wrap {
    padding: 14px 10px
}

.BD1958_VF_wrap .previous-request .tit {
    font-size: 13px;
    padding: 7px;
    border-bottom: 1px solid #EEE
}

.BD1958_VF_wrap .previous-request .tit span {
    font-weight: 600
}

.BD1958_VF_wrap .previous-request .cell {
    font-size: 13px;
    line-height: 22px
}

.BD1958_VF_wrap .previous-request .AB-LF-common:before {
    content: "·";
    clear: both;
    padding-right: 5px;
    font-weight: 600
}

.BD1958_VF_wrap .agency-contact {
    margin-bottom: 20px
}

.BD1958_VF_wrap .agency-contact:after {
    content: '';
    display: block;
    clear: both
}

.BD1958_VF_wrap .agency-contact .contact-left {
    float: left;
    width: 430px;
    margin-right: 15px
}

.BD1958_VF_wrap .agency-contact .contact-right {
    float: left;
    width: 250px
}

.BD1958_VF_wrap .agency-contact .contact-right .my_litter {
    text-align: right;
    height: 40px;
    font-size: 13px;
    color: #888
}

.BD1958_VF_wrap .agency-contact .contact-right .btn_cash {
    display: block;
    height: 50px;
    width: 100%;
    line-height: 50px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    background: #FD494D;
    cursor: pointer
}

.BD1958_VF_wrap .agency-contact .contact-right .btn_cash.done, .BD1958_VF_wrap .agency-contact .contact-right .btn_cash.date_done, .BD1958_VF_wrap .agency-contact .contact-right .btn_cash.mine {
    background: #999;
    cursor: default
}

.BD1958_VF_wrap .agency-contact .contact-right a {
    margin-left: 5px;
    border: 1px solid #468CFA;
    padding: 0 3px;
    color: #468CFA;
    font-size: 12px
}

.BD1958_VF_wrap .agency-contact .contact-right .notice {
    margin-top: 20px;
    font-size: 13px;
    color: #888
}

.BD1958_VF_wrap .agency-contact .contact-right .notice .title {
    display: block;
    padding-bottom: 10px
}

.BD1958_VF_wrap .agency-contact .contact-right .notice .color {
    color: #FD494D
}

.BD1958_VF_wrap .agency-contact .contact-title {
    position: relative
}

.BD1958_VF_wrap .agency-contact .contact-title h5 {
    font-size: 18px;
    font-weight: normal;
    color: #4E84BF
}

.BD1958_VF_wrap .agency-contact .contact-title p {
    font-size: 12px;
    color: #888;
    padding-top: 3px
}

.BD1958_VF_wrap .agency-contact .agency-done p {
    text-align: center;
    font-size: 18px;
    line-height: 150px;
    color: #888
}

.BD1958_VF_wrap .agency-contact .contact-items {
    padding: 10px 0;
    border: 1px solid #EAE9E9;
    border-width: 1px 0;
    background: #f9f9f9
}

.BD1958_VF_wrap .agency-contact .contact-items th, .BD1958_VF_wrap .agency-contact .contact-items td {
    font-size: 13.5px
}

.BD1958_VF_wrap .agency-contact .contact-items th {
    padding-right: 20px;
    height: 38px;
    color: #757575;
    width: 80px;
    text-align: right
}

.BD1958_VF_wrap .agency-contact .contact-items .mb_subject {
    line-height: 114px
}

.market_place_biz a {
    display: block;
    text-align: center
}

#agency {
    width: 100%;
    background: #F2F2F2;
    margin-top: -10px
}

#agency .agency-wrapper {
    width: 1170px;
    margin: 0 auto;
    padding: 20px 0
}

#agency .agency-contents {
    float: left;
    width: 850px;
    margin-right: 20px
}

#agency .agency-head {
    height: 33px;
    padding: 20px;
    border: 1px solid #e0e0e0;
    background: #fff;
    line-height: 34px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1)
}

#agency .agency-head .agency-head-title {
    display: block;
    font-size: 23px;
    float: left;
    padding: 0 30px
}

#agency .agency-head .agency-another {
    display: block;
    float: right;
    font-size: 16px
}

#agency .agency-head .agency-another span {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url('/images/p1957_icon_set.png') no-repeat -23px -2px
}

#agency .agency-head .agency-head-orderby {
    float: left;
    padding: 0 30px
}

#agency .agency-head .agency-head-orderby .order_list {
    float: left;
    margin-left: 20px
}

#agency .agency-head .agency-head-orderby .order_list input {
    display: none
}

#agency .agency-head .agency-head-orderby .order_list:hover span, #agency .agency-head .agency-head-orderby .order_list .on span {
    border-color: #4E84BF
}

#agency .agency-head .agency-head-orderby .order_list:hover span em, #agency .agency-head .agency-head-orderby .order_list .on span em {
    display: block
}

#agency .agency-head .agency-head-orderby .order_list:hover a, #agency .agency-head .agency-head-orderby .order_list .on {
    color: #4E84BF
}

#agency .agency-head .agency-head-orderby .order_list span {
    position: relative;
    float: left;
    display: block;
    margin: 10px 5px 0 0;
    width: 12px;
    height: 12px;
    border: 1px solid #ccc;
    border-radius: 50%
}

#agency .agency-head .agency-head-orderby .order_list span em {
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: 50%;
    margin-left: -4px;
    display: none;
    width: 8px;
    height: 8px;
    background: #4E84BF;
    border-radius: 50%
}

#agency .agency-head .agency-head-orderby a, #agency .agency-head .agency-head-orderby p, #agency .agency-head .agency-head-orderby label {
    float: left;
    display: block;
    font-size: 15px
}

#agency .agency-head .agency-head-ing {
    float: right
}

#agency .agency-head .agency-head-ing label {
    font-size: 15px;
    cursor: pointer
}

#agency .agency-cont {
    margin-top: 20px
}

#agency .agency-cont .agency-category {
    width: 190px;
    float: left;
    margin-right: 20px
}

#agency .agency-cont .agency-category-search {
    position: relative;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1)
}

#agency .agency-cont .agency-category-search .sch_input {
    width: 144px;
    height: 34px;
    padding-left: 10px;
    font-size: 14px
}

#agency .agency-cont .agency-category-search .sch_btn {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 9px;
    right: 7px;
    background: url('/images/p1957_icon_set.png') no-repeat -43px -1px;
    cursor: pointer
}

#agency .agency-cont .agency-category-list {
    padding: 10px;
    border: 1px solid #e0e0e0;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1)
}

#agency .agency-cont .agency-category-list dl dt {
    padding: 10px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
    font-size: 17px
}

#agency .agency-cont .agency-category-list dl dd {
    position: relative;
    padding: 5px;
    border: 1px solid #fff
}

#agency .agency-cont .agency-category-list dl dd:hover {
    border-color: #e0e0e0;
    background: #f0f0f0;
    -webkit-transition: all .3s;
    transition: all .3s
}

#agency .agency-cont .agency-category-list dl dd input {
    position: absolute;
    top: 8px;
    left: 5px
}

#agency .agency-cont .agency-category-list dl dd label {
    display: block;
    padding-left: 32px;
    font-size: 14px;
    cursor: pointer
}

#agency .agency-cont .agency-list {
    width: 640px;
    float: left
}

#agency .agency-cont .agency-list .agancy_no_data {
    text-align: center;
    background: #fff;
    border: 1px solid #e0e0e0;
    font-size: 16px;
    line-height: 100px
}

#agency .agency-cont .agency-list-cell:first-child {
    margin-top: 0
}

#agency .agency-cont .agency-list-cell {
    margin-top: 20px
}

#agency .agency-cont .agency-list-cell .link {
    display: block;
    padding: 20px;
    border: 1px solid #e0e0e0;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1)
}

#agency .agency-cont .agency-list-cell .link.read_active .title, #agency .agency-cont .agency-list-cell .link.read_active .comment_1, #agency .agency-cont .agency-list-cell .link.read_active .list-info span, #agency .agency-cont .agency-list-cell .link.read_active .list-info span em {
    color: #aaa
}

#agency .agency-cont .agency-list-cell .link.read_active:hover {
    border-color: #ccc;
    transition: none;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1)
}

#agency .agency-cont .agency-list-cell .link:hover {
    color: inherit;
    border-color: #999;
    transition: all .2s;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.25)
}

#agency .agency-cont .agency-list-cell .list_title {
    padding: 10px 0 20px 0;
    border-bottom: 1px solid #EDEDED
}

#agency .agency-cont .agency-list-cell .list_title .list_title_inner {
    float: left;
    line-height: 20px
}

#agency .agency-cont .agency-list-cell .list_title span {
    display: block;
    float: left
}

#agency .agency-cont .agency-list-cell .list_title .title {
    float: left;
    font-size: 22px
}

#agency .agency-cont .agency-list-cell .list_title .hot {
    display: block;
    float: left;
    background: url('/images/p1957_icon_set.png');
    width: 20px;
    height: 20px;
    margin-left: 7px;
    text-indent: -9999px
}

#agency .agency-cont .agency-list-cell .list_title .new {
    display: block;
    float: left;
    color: #ff4949;
    padding: 0 5px;
    font-size: 15px;
    border: 1px solid #ff4949;
    margin-right: 10px
}

#agency .agency-cont .agency-list-cell .list_title .read {
    display: block;
    float: left;
    margin-right: 5px;
    font-size: 19px;
    color: #FD494D
}

#agency .agency-cont .agency-list-cell .list_title .deadline {
    float: right;
    font-size: 14px
}

#agency .agency-cont .agency-list-cell .list_cont {
    padding: 15px 0 20px 0;
    border-bottom: 1px solid #EDEDED
}

#agency .agency-cont .agency-list-cell .comment_1 {
    margin-bottom: 10px;
    font-size: 15px;
    color: #878787
}

#agency .agency-cont .agency-list-cell .cat {
    display: inline-block;
    padding: 3px 5px;
    font-size: 15px;
    background: #e6e6e6;
    color: #626262
}

#agency .agency-cont .agency-list-cell .list-info {
    padding-top: 20px
}

#agency .agency-cont .agency-list-cell .list-info span {
    font-size: 14px;
    color: #878787
}

#agency .agency-cont .agency-list-cell .list-info span em {
    margin-left: 5px;
    font-style: normal;
    color: #FD494D
}

#agency .agency-cont .agency-list-cell .list-info i {
    font-style: normal;
    padding: 0 10px;
    color: #EDEDED
}

#agency .agency-side {
    float: left;
    width: 300px
}

#agency .agency-side .agency-request {
    display: block;
    height: 75px;
    background: #4E84BF;
    font-size: 23px;
    color: #fff;
    text-align: center;
    line-height: 75px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1)
}

#agency .agency-side .agency-info {
    padding: 20px;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 0 8px rgba(0,0,0,0.08)
}

#agency .agency-side .agency-info .profile_img {
    text-align: center;
    padding: 15px 0
}

#agency .agency-side .agency-info .nickname {
    font-size: 18px;
    text-align: center
}

#agency .agency-side .agency-info .detail {
    padding-top: 20px;
    border-top: 1px solid #EEE;
    margin-top: 15px
}

#agency .agency-side .agency-info .detail .works {
    margin-bottom: 15px
}

#agency .agency-side .agency-info .detail .works p {
    width: 95px;
    height: 15px;
    line-height: 15px
}

#agency .agency-side .agency-info .detail .works p label {
    color: #878787
}

#agency .agency-side .agency-info .detail .works p span {
    float: right;
    font-size: 15px
}

#agency .agency-side .agency-info .detail .works p span i {
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    background: url(/images/p1957_icon_set.png)
}

#agency .agency-side .agency-info .detail .works .first {
    float: left
}

#agency .agency-side .agency-info .detail .works .second {
    float: right
}

#agency .agency-side .agency-info .detail .recent_review label {
    display: block;
    margin-bottom: 5px;
    color: #878787
}

#agency .agency-side .agency-info .detail .recent_review span {
    display: block
}

#agency .agency-side .agency-info .detail .review_btn {
    padding: 5px;
    margin-top: 20px;
    border: 1px solid #e0e0e0;
    color: #878787;
    text-align: center;
    cursor: pointer
}

#agency .agency-side .agency-info.unlogin p {
    text-align: center
}

#agency .agency-side .agency-info.unlogin .title {
    display: block;
    margin-bottom: 5px;
    font-size: 18px
}

#agency .agency-side .agency-info.unlogin .txt {
    display: block;
    font-size: 15px;
    color: #A8A8A8
}

#agency .agency-side .agency-side_menu {
    margin-top: 20px;
    border: 1px solid #e0e0e0;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1)
}

#agency .agency-side .agency-side_menu .side-recent-btn {
    position: relative;
    height: 40px
}

#agency .agency-side .agency-side_menu .side-recent-btn span {
    position: absolute;
    display: block;
    width: 50%;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: #878787;
    text-align: center;
    background: #f5f5f5;
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer
}

#agency .agency-side .agency-side_menu .side-recent-btn .request {
    left: 0
}

#agency .agency-side .agency-side_menu .side-recent-btn .read {
    right: 0
}

#agency .agency-side .agency-side_menu .side-recent-btn .request.on {
    color: #222;
    background: #fff;
    border-width: 0;
    border-right: 1px solid #e0e0e0;
    z-index: 10
}

#agency .agency-side .agency-side_menu .side-recent-btn .read.on {
    color: #222;
    background: #fff;
    border-width: 0;
    border-left: 1px solid #e0e0e0;
    z-index: 10
}

#agency .agency-side .agency-side_menu .side-conts {
    padding: 20px;
    height: 400px
}

#agency .agency-side .agency-side_menu .side-conts .cell {
    margin-top: 20px
}

#agency .agency-side .agency-side_menu .side-conts .cell:first-child {
    margin-top: 0
}

#agency .agency-side .agency-side_menu .side-conts .cell a {
    font-size: 14px
}

#agency .agency-side .agency-side_menu .side-conts .cell a .AB-LF-current-article {
    padding: 0;
    background: none;
    color: #222
}

#agency .agency-side .agency-side_menu .side-conts .cell a:hover {
    color: inherit
}

#agency .agency-side .side-bn .side_member_bn {
    margin-top: 20px;
    padding: 20px;
    background: #fff;
    border: 1px solid #e0e0e0
}

#agency .agency-side .side-bn .side_member_bn .txt {
    font-size: 15px;
    margin-top: 20px;
    line-height: 23px
}

#agency .agency-side .side-bn .side_member_bn .btn {
    margin-top: 15px
}

#agency .agency-side .side-bn .side_member_bn .btn a {
    display: block;
    float: left;
    width: 98px;
    padding: 7px 0;
    text-align: center;
    font-size: 15px;
    border: 1px solid #666;
    background: #666;
    color: #fff
}

#agency .agency-side .side-bn .side_member_bn .btn a:first-child {
    margin-right: 8px;
    color: #666;
    background: #fff
}

#agency .agency-side .side-bn .side_member_bn .btn a:hover {
    color: #fff
}

#agency .agency-side .side-bn .side_member_bn .btn a:first-child:hover {
    color: #666
}

#agency .agency-side .side-read {
    display: none
}

#agency .feedback_pop {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 999
}

#agency .feedback_pop .feedback_wrap {
    position: absolute;
    width: 500px;
    height: 436px;
    padding: 30px;
    left: 50%;
    top: 50%;
    margin-left: -280px;
    margin-top: -255px;
    background: #fff
}

#agency .feedback_pop .feedback_wrap .title {
    border-bottom: 1px solid #EDEDED;
    padding-bottom: 20px
}

#agency .feedback_pop .feedback_wrap .title h5 {
    font-size: 20px
}

#agency .feedback_pop .feedback_wrap .title .close {
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer
}

#agency .feedback_pop .feedback_wrap .title .txt {
    margin-top: 20px;
    font-size: 16px;
    color: #878787
}

#agency .feedback_pop .feedback_wrap .title .txt span {
    color: #FD494D
}

#agency .feedback_pop .feedback_wrap .satisfaction {
    padding: 15px 0
}

#agency .feedback_pop .feedback_wrap .sub_title {
    font-size: 16px
}

#agency .feedback_pop .feedback_wrap .satisfaction .satisfaction_val {
    padding: 15px 0
}

#agency .feedback_pop .feedback_wrap .satisfaction .satisfaction_val span:first-child {
    margin-right: 10px
}

#agency .feedback_pop .feedback_wrap .satisfaction .satisfaction_val input {
    width: 16px;
    height: 16px
}

#agency .feedback_pop .feedback_wrap .satisfaction .satisfaction_val label {
    font-size: 16px;
    cursor: pointer
}

#agency .feedback_pop .feedback_wrap .satisfaction .percent_cover {
    padding: 15px 0
}

#agency .feedback_pop .feedback_wrap .satisfaction .percent {
    position: relative
}

#agency .feedback_pop .feedback_wrap .satisfaction .percent:first-child {
    margin-bottom: 5px
}

#agency .feedback_pop .feedback_wrap .satisfaction .percent:after {
    content: '';
    display: block;
    clear: both
}

#agency .feedback_pop .feedback_wrap .satisfaction .percent .percent_title {
    float: left;
    margin-right: 20px;
    font-size: 16px;
    color: #878787
}

#agency .feedback_pop .feedback_wrap .satisfaction .percent .percent_bar {
    float: left;
    width: 420px;
    height: 10px;
    padding: 7px 0
}

#agency .feedback_pop .feedback_wrap .satisfaction .percent .percent_bar span {
    display: block;
    width: 100%;
    height: 100%;
    background: #DCDCDC
}

#agency .feedback_pop .feedback_wrap .satisfaction .percent .percent_bar em {
    display: block;
    height: 10px;
    background: #468CFA
}

#agency .feedback_pop .feedback_wrap .report textarea {
    width: 458px;
    height: 57px;
    padding: 20px;
    margin-top: 20px;
    resize: none
}

#agency .feedback_pop .feedback_wrap .report .cell_cover {
    padding: 15px 0
}

#agency .feedback_pop .feedback_wrap .report .cell_cover .cell {
    margin-top: 10px;
    font-size: 16px;
    color: #878787
}

#agency .feedback_pop .feedback_wrap .report .cell_cover .cell:first-child {
    margin-top: 0
}

#agency .feedback_pop .feedback_wrap .done_btn {
    display: block;
    width: 120px;
    height: 40px;
    margin: 20px auto 0 auto;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #468CFA;
    font-size: 16px
}

#agency .feedback_pop .feedback_wrap .no-data {
    font-size: 15px;
    color: #878787
}

#agency .AB-alignc a {
    background: #fff
}

.agency-view .agency-infomation {
    margin-bottom: 20px;
    padding: 50px;
    background: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1)
}

.agency-view .agency-infomation .infomation-title:after {
    content: '';
    display: block;
    clear: both
}

.agency-view .agency-infomation .infomation-title {
    margin-bottom: 35px
}

.agency-view .agency-infomation .infomation-title h1 {
    font-size: 28px;
    float: left;
    line-height: 28px
}

.agency-view .agency-infomation .infomation-title div {
    float: left;
    padding: 10px 0
}

.agency-view .agency-infomation .infomation-title .hot {
    float: left;
    line-height: 28px
}

.agency-view .agency-infomation .infomation-title .hot span {
    background: url('/images/p1957_icon_set.png');
    padding: 2px 10px;
    margin-left: 7px;
    text-indent: -999px
}

.agency-view .agency-infomation .infomation-title .new {
    float: left;
    line-height: 28px
}

.agency-view .agency-infomation .infomation-title .new span {
    color: #ff4949;
    padding: 0 5px;
    font-size: 15px;
    border: 1px solid #ff4949;
    margin-right: 10px
}

.agency-view .agency-infomation .infomation-title .deadline {
    float: right
}

.agency-view .agency-infomation .infomation-table {
    margin-bottom: 40px
}

.agency-view .agency-infomation .infomation-table table {
    border: 1px solid #e0e0e0;
    border-width: 1px 0 0 1px
}

.agency-view .agency-infomation .infomation-table table th {
    border: 1px solid #e0e0e0;
    border-width: 0 1px 1px 0;
    font-size: 13px;
    color: #757575
}

.agency-view .agency-infomation .infomation-table table td {
    border: 1px solid #e0e0e0;
    border-width: 0 1px 1px 0;
    font-size: 16px;
    color: #FB2F39
}

.agency-view .agency-infomation .infomation-detail .detail-title {
    font-size: 18px;
    color: #4E84BF;
    margin-bottom: 15px
}

.agency-view .agency-infomation .infomation-detail .detail-items {
    margin-bottom: 40px
}

.agency-view .agency-infomation .infomation-detail .item span {
    display: inline-block;
    padding: 5px 10px;
    font-size: 15px;
    color: #5B5B5B;
    background: #E0E0E0
}

.agency-view .agency-infomation .infomation-detail .contents {
    color: #757575;
    font-size: 15px
}

.agency-view .agency-contact {
    margin-bottom: 20px;
    padding: 30px 50px;
    background: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1)
}

.agency-view .agency-contact:after {
    content: '';
    display: block;
    clear: both
}

.agency-view .agency-contact .contact-left {
    float: left;
    width: 533px;
    margin-right: 15px
}

.agency-view .agency-contact .contact-right {
    float: left;
    width: 250px
}

.agency-view .agency-contact .contact-right .my_litter {
    text-align: right;
    height: 40px;
    font-size: 13px;
    color: #888
}

.agency-view .agency-contact .contact-right .btn_cash {
    display: block;
    height: 50px;
    width: 100%;
    line-height: 50px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    background: #FD494D;
    cursor: pointer
}

.agency-view .agency-contact .contact-right .btn_cash.done, .agency-view .agency-contact .contact-right .btn_cash.date_done, .agency-view .agency-contact .contact-right .btn_cash.mine {
    background: #999;
    cursor: default
}

.agency-view .agency-contact .contact-right a {
    margin-left: 5px;
    border: 1px solid #468CFA;
    padding: 0 3px;
    color: #468CFA;
    font-size: 12px
}

.agency-view .agency-contact .contact-right .notice {
    margin-top: 20px;
    font-size: 13px;
    color: #888
}

.agency-view .agency-contact .contact-right .notice .title {
    display: block;
    padding-bottom: 10px
}

.agency-view .agency-contact .contact-right .notice .color {
    color: #FD494D
}

.agency-view .agency-contact .contact-title {
    position: relative;
    height: 40px
}

.agency-view .agency-contact .contact-title h5 {
    font-size: 18px;
    font-weight: normal;
    color: #4E84BF
}

.agency-view .agency-contact .contact-title p {
    position: absolute;
    top: 2px;
    left: 110px;
    font-size: 13px;
    color: #888;
    padding-top: 3px
}

.agency-view .agency-contact .agency-done p {
    text-align: center;
    font-size: 18px;
    line-height: 150px;
    color: #888
}

.agency-view .agency-contact .contact-items {
    width: 100%;
    padding: 20px 0;
    border: 1px solid #EAE9E9;
    border-width: 1px 0;
    background: #f9f9f9
}

.agency-view .agency-contact .contact-items th {
    padding-left: 20px;
    height: 38px;
    font-size: 14px;
    color: #757575
}

.agency-view .agency-contact .contact-items td {
    font-size: 14px
}

.agency-view .agency-contact .contact-items .mb_subject {
    line-height: 114px
}

.agency-view .agency-similer {
    padding: 30px 50px;
    background: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1)
}

.agency-view .agency-similer .similer-title {
    margin-bottom: 15px;
    font-size: 18px
}

.agency-view .agency-similer:after {
    content: '';
    display: block;
    clear: both
}

.agency-view .agency-similer .list {
    float: left;
    width: 147px;
    border: 1px solid #e0e0e0;
    height: 160px;
    margin: 0 10px 10px 0
}

.agency-view .agency-similer .list .list_5, .agency-view .agency-similer .list .list_10 {
    margin-right: 0
}

.agency-view .agency-similer .list a {
    display: block
}

.agency-view .agency-similer .list a:hover {
    color: inherit
}

.agency-view .agency-similer .list strong {
    display: block;
    height: 45px;
    padding: 15px;
    border-bottom: 1px solid #e0e0e0;
    text-align: center;
    font-size: 15px
}

.agency-view .agency-similer .list p {
    padding: 10px;
    font-size: 14px;
    color: #757575
}

.agency-view .agency-side .agency-info .detail h5 {
    font-size: 18px;
    font-weight: normal;
    color: #4E84BF;
    margin-bottom: 15px
}

.agency-view .agency-side .agency-info .detail .feedback {
    margin-top: 15px
}

.agency-view .agency-side .agency-info .detail .feedback_btn:after {
    content: '';
    display: block;
    clear: both
}

.agency-view .agency-side .agency-info .detail .feedback_btn p {
    float: left;
    width: 78px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    padding: 0 10px;
    cursor: pointer
}

.agency-view .agency-side .agency-info .detail .feedback_btn .feedback_more {
    margin-right: 10px;
    border: 1px solid #e0e0e0;
    color: #757575
}

.agency-view .agency-side .agency-info .detail .feedback_btn .feedback_write {
    color: #fff;
    background: #FB2F39
}

.agency-view .agency-side .agency-info .detail .feedback_info {
    margin-top: 10px;
    color: #757575
}

.agency-view .agency-side .agency-info .detail .feedback_info span {
    color: #FB2F39
}

#agency .ABA-list-paging {
    padding: 0;
    margin: 20px 0 0 0;
    background: #fff;
    border: 1px solid #e0e0e0
}

#agency .ABA-list-paging .LF_page_link_current, #agency .ABA-list-paging .LF_page_link {
    margin: 0;
    border: 0;
    background: #fff;
    font-size: 14px;
    padding: 10px
}

#agency .ABA-list-paging .LF_page_link_current {
    color: #4E84BF
}

#agency .ABA-list-paging .LF_page_link {
    color: #878787
}

#agency.agency-write {
    width: 1050px;
    padding: 20px 0;
    margin: 0 auto;
    background: #fff
}

#BD1957-write .WF_title {
    border-bottom: 1px solid #EEE;
    position: relative;
    padding-bottom: 15px
}

#BD1957-write .WF_title h3 {
    font-size: 21px;
    color: #000;
    letter-spacing: -1px
}

#BD1957-write .WF_title p {
    position: absolute;
    right: 0;
    bottom: 15px;
    font-size: 14px;
    color: #999
}

#BD1957-write .WF_title p span {
    color: #FF4949
}

#BD1957-write .WF-body {
    margin-top: 36px
}

#BD1957-write .WF-body.nbd {
    margin-top: 0;
    border: 0
}

#BD1957-write .WF-body ._item {
    margin-top: 50px
}

#BD1957-write .WF-body ._item p.desc {
    font-size: 17px;
    color: #000;
    margin-bottom: 12px;
    font-weight: 600;
    border-bottom: 1px solid;
    padding-bottom: 8px
}

#BD1957-write .WF-body ._item p.desc span {
    color: #FF4949;
    margin-left: 4px
}

#BD1957-write .WF-body ._item p.desc em {
    font-size: 12px;
    color: #999;
    font-style: normal;
    margin-left: 16px;
    letter-spacing: 0
}

#BD1957-write .WF-body ._item.rsvpOpt input:checked + label {
    font-weight: bold;
    color: #000
}

#BD1957-write .WF-body ._item.rsvpOpt label {
    cursor: pointer;
    font-size: 15px;
    display: inline-block;
    margin-right: 16px
}

#BD1957-write .WF-body .rsvpDesc {
    background: #F6F6F6;
    padding: 12px 20px;
    border-radius: 10px;
    margin-top: 12px;
    clear: both;
    font-size: 14px;
    color: #666;
    line-height: 22px
}

#BD1957-write .WF-body ._item.chk_freelancer .desc {
    border: 0;
    padding: 0
}

#BD1957-write .WF-body ._item.chk_freelancer input {
    margin-right: 4px;
    position: relative;
    top: -2px
}

#BD1957-write .WF-body ._item.chk_freelancer label {
    cursor: pointer
}

#BD1957-write .WF-body ._item.chk_freelancer label em {
    margin-left: 8px
}

#BD1957-write .WF-body ._item.chk_freelancer .type {
    background: #F6F6F6;
    padding: 12px 20px;
    border-radius: 10px;
    margin-top: 12px
}

#BD1957-write .WF-body ._item.chk_freelancer .type p {
    font-size: 14px;
    color: #666;
    padding-left: 6px;
    text-indent: -6px;
    margin-bottom: 6px
}

#BD1957-write .WF-body ._item.chk_freelancer .type p strong {
    color: #000
}

#BD1957-write .WF-body select {
    border: 1px solid #EEE;
    border-radius: 6px;
    background: #F5F5F5;
    width: 320px;
    padding: 0 12px;
    height: 44px;
    font-size: 15px
}

#BD1957-write .WF-body .select {
    display: flex;
    flex-wrap: wrap
}

#BD1957-write .WF-body .select p {
    position: relative;
    width: 25%;
    padding: 4px;
    box-sizing: border-box
}

#BD1957-write .WF-body .select p input {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

#BD1957-write .WF-body .select p label {
    display: block;
    cursor: pointer;
    font-size: 15px;
    color: #333;
    border: 1px solid #EEE;
    padding: 10px 12px;
    border-radius: 6px
}

#BD1957-write .WF-body .select p label:hover {
    border-color: #333;
    color: #333;
    transition: all 0.2s;
    -webkit-transition: all 0.2s
}

#BD1957-write .WF-body .select p input.AB-empty-value + label {
    background-color: #edfbff;
    outline: 1px solid #448AFF
}

#BD1957-write .WF-body .select p input:checked + label {
    border-color: #333;
    background: #333;
    color: #FFF
}

#BD1957-write .WF-body .select p label i {
    color: #CCC;
    margin-right: 8px
}

#BD1957-write .chk-more-options {
    margin-top: 50px
}

#BD1957-write .chk-more-options > p {
    font-size: 17px;
    color: #000;
    font-weight: 600;
    margin-bottom: 24px;
    border-bottom: 1px solid;
    padding-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 8px
}

#BD1957-write .chk-more-options > p label {
    font-size: 14px;
    color: #999;
    font-weight: normal
}

#BD1957-write .chk-more-options > p + div.list {
    margin-bottom: 20px
}

#BD1957-write .chk-more-options .desc {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative
}

#BD1957-write .chk-more-options .desc label {
    display: block;
    background: #F2F4F6;
    padding: 8px 12px 8px 32px;
    display: inline-block;
    border-radius: 4px;
    color: #000;
    font-weight: 600;
    cursor: pointer;
    font-size: 16px
}

#BD1957-write .chk-more-options .desc input {
    position: absolute;
    left: 12px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    top: 50%;
    cursor: pointer
}

#BD1957-write .chk-more-options .desc + div {
    padding: 12px 20px
}

#BD1957-write .chk-more-options .desc + div p {
    font-size: 14px;
    color: #666;
    padding-left: 6px;
    text-indent: -6px;
    margin-bottom: 6px
}

#BD1957-write .chk-more-options .desc + div strong {
    font-weight: bold;
    color: #000
}

#BD1957-write .WF-body .input {
    font-size: 13px;
    display: contents
}

#BD1957-write .WF-body .input.type {
    font-size: 13px;
    display: unset
}

#BD1957-write .WF-body .input {
    font-size: 13px
}

#BD1957-write .WF-body .input input {
    border: 1px solid #EEE;
    background: #F5F5F5;
    padding: 0 12px;
    height: 34px;
    font-size: 14px;
    border-radius: 3px
}

#BD1957-write .WF-body .input input.temp_close_date, #BD1957-write .WF-body .input input.close_date {
    text-align: center
}

#BD1957-write .WF-body .input .logo span {
    display: inline-block;
    margin-left: 3px;
    font-size: 20px;
    margin-right: 19px
}

#BD1957-write .WF-body .input .logo.empty span {
    margin: 0 12px 0 0;
    font-size: 20px;
    height: 24px;
    line-height: 24px;
    width: 24px;
    text-align: center;
    color: #999
}

#BD1957-write .WF-body .input input.BDU_max_budget_input, #BD1957-write .WF-body .input input.BDU_min_budget_input {
    text-align: right;
    width: 130px
}

#BD1957-write .WF-body .input input[name=BDU_budget] {
    text-align: right;
    width: 130px
}

#BD1957-write .WF-body .input input[name=subject] {
    height: 48px;
    font-size: 19px;
    color: #000;
    font-weight: 600
}

#BD1957-write .WF-body .input .budget_none {
    display: none
}

#BD1957-write .WF-body .input #category_2, #BD1957-write .WF-body .input #category_2 + label {
    cursor: pointer;
    font-size: 14px
}

#BD1957-write .WF-body .input.type input[name=category_2] + label {
    cursor: pointer;
    font-size: 15px;
    display: inline-block;
    margin-right: 16px
}

#BD1957-write .WF-body .input.type input[name=category_2]:checked + label {
    font-weight: bold
}

#BD1957-write .WF-body .addCompanyReturn .disabled {
    background: #EAEAEA !important;
    cursor: not-allowed !important
}

#BD1957-write .WF-body .self-budget, #BD1957-write .WF-body .none-budget {
    display: inline-block;
    margin-left: 50px;
    font-size: 14px;
    position: relative
}

#BD1957-write .WF-body .self-budget input, #BD1957-write .WF-body .none-budget input {
    position: absolute;
    width: 0;
    height: 0;
    visibility: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0
}

#BD1957-write .WF-body .self-budget label, #BD1957-write .WF-body .none-budget label {
    display: block;
    cursor: pointer;
    color: #666
}

#BD1957-write .WF-body .self-budget label.on, #BD1957-write .WF-body .none-budget label.on {
    color: #639
}

#BD1957-write .WF-body .self-budget label i, #BD1957-write .WF-body .none-budget label i {
    margin-right: 6px;
    font-size: 16px;
    background: #F5F5f5;
    color: #EEE
}

#BD1957-write .WF-body .self-budget label i.fa-check-square, #BD1957-write .WF-body .none-budget label i.fa-check-square {
    font-weight: bold;
    color: #663399
}

#BD1957-write .WF-body .subject {
    width: 704px !important;
    max-width: 704px !important
}

#BD1957-write .WF-body .editor {
    border: 1px solid #EEE;
    background: #F5F5F5
}

#BD1957-write .WF-body.writer-info ._item {
    margin-top: 30px
}

#BD1957-write .WF-body h5 {
    font-size: 17px;
    color: #454545;
    margin-top: 24px
}

#BD1957-write .WF-body .sep2 {
    display: flex;
    gap: 20px;
    position: relative;
    margin-bottom: 50px
}

#BD1957-write .WF-body .sep2 .bizcard_auth_pop, #BD1957-write .WF-body .sep2 #addCareerForm {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 0.5);
    z-index: 999
}

#BD1957-write .WF-body .sep2 .v_certification {
    color: #5ac22e;
    position: absolute;
    left: 20px
}

#BD1957-write .WF-body .sep2 .authentication_pop {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 9999999;
    transform: translateZ(0px);
    background-color: rgba(0, 0, 0, 0.6);
    margin: 0px;
    padding: 0px
}

#BD1957-write .WF-body .sep2 input[type=text] {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 12px
}

#BD1957-write .WF-body .sep2 .q {
    display: none;
    position: absolute;
    top: 40px;
    left: 192px;
    background-color: #000000b5;
    width: 259px;
    height: 36px;
    color: #fff;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px
}

#BD1957-write .WF-body .sep2 .q:after {
    content: "";
    position: absolute;
    top: -10px;
    right: 47%;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #484848
}

.bizcard_auth_pop .btn_cancel {
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer;
    font-size: 20px;
    color: #666;
    width: 20px;
    text-align: center
}

.bizcard_auth_pop > div {
    width: 280px;
    min-height: 270px;
    padding: 30px 20px 20px;
    background: #fff;
    border-radius: 8px
}

.bizcard_auth_pop .bizcard-auth-tag_title {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    text-align: center;
    padding-bottom: 16px
}

.bizcard_auth_pop .bizcard_auth_box {
    position: relative;
    overflow: hidden;
    border: 1px dashed #D0D0D0;
    border-radius: 8px;
    height: 150px
}

.bizcard_auth_pop .bizcard_auth_box label {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 30px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.bizcard_auth_pop .bizcard_auth_box img.on {
    width: 100%;
    height: 150px;
    min-height: 150px;
    object-fit: cover
}

.bizcard_auth_pop .bizcard_auth_box label span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s
}

.bizcard_auth_pop .bizcard_auth_box label span::after {
    content: '\2b';
    font-size: 35px;
    color: #999;
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    display: flex;
    align-items: center;
    justify-content: center
}

.bizcard_auth_pop .bizcard_auth_box label.on span:hover {
    background: rgba(0,0,0,0.5)
}

.bizcard_auth_pop .bizcard_auth_box label.on span::after {
    content : '\f2ed';
    display: none;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #FFF;
    font-size: 18px;
    color: #999
}

.bizcard_auth_pop .bizcard_auth_box label.on span:hover::after {
    display: flex
}

#BD1957-write .WF-body .sep2 .bizcard_auth_pop .bizcard-auth-tag_wrap ul {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 30px
}

#BD1957-write .WF-body .sep2 .bizcard_auth_pop .bizcard-auth-tag_wrap ul li {
    list-style: disc;
    margin-left: 20px;
    font-family: 'Pretendard', serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 15.51px;
    text-align: left
}

.bizcard_auth_pop .btn-save {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 44px;
    border: none;
    background: #ccc;
    font-family: 'Pretendard', serif;
    font-weight: 600;
    font-size: 15px;
    color: #fff;
    border-radius: 8px;
    margin-top: 30px
}

.bizcard_auth_pop .btn-save.on {
    background : #333;
    cursor: pointer
}

#BD1957-write .company_name_wrap {
    display: flex;
    position: relative;
    flex-direction: column
}

#BD1957-write .company_name_wrap input[name=etc_1] {
    margin: 0
}

#BD1957-write .company_name_wrap input[name=etc_1].selected {
    text-indent: 36px;
    font-weight: 600
}

#BD1957-write .company_name_wrap input[name=etc_1].selected::before {
    display: block;
    content : '';
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url('/images/ico_check.png') no-repeat;
    background-size: 16px 16px
}

#verify-company, #BD1957-write .company_name_wrap button {
    cursor: pointer;
    font-size: 13px;
    appearance: none;
    border: 0;
    letter-spacing: -0.5px;
    background: #F0F0F0;
    color: #999;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 20px;
    width: fit-content;
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 12px;
    height: 26px;
    box-sizing: border-box;
    font-family: inherit
}

#BD1957-write .company_name_wrap button:hover {
    background: #E0E0E0;
    color: #555
}

#verify-company, #BD1957-write .company_name_wrap button.active {
    color: #007347;
    background: RGBA(90, 194, 46, 0.2)
}

#BD1957-write .company_name_wrap button.active:hover {
    outline: 3px solid rgba(0, 115, 71, 0.5)
}

#BD1957-write .company_name_wrap button.change_btn {
    background: none;
    color: #999;
    font-size: 13px;
    position: absolute;
    right: 0;
    top: 4px
}

#BD1957-write .company_name_wrap button.change_btn:hover {
    outline: none;
    text-decoration: underline
}

#BD1957-write .company_name_wrap .company_question {
    cursor: pointer
}

#BD1957-write .sep2 .auth_description {
    padding-top: 10px;
    line-height: 18px;
    color: #555
}

#BD1957-write .sep2 .auth_description strong {
    font-weight: bold
}

#BD1957-write .sep2 .detail {
    display: none;
    margin-top: 10px
}

#BD1957-write .sep2 .detail li {
    list-style: disc;
    margin-left: 20px;
    color: #888;
    line-height: 18px;
    letter-spacing: -0.5px;
    font-size: 12px;
    font-weight: 600
}

#BD1957-write .sep2 .selected_company_wrap {
    width: 100%
}

#BD1957-write .sep2 .selected_company {
    display: flex;
    gap: 8px;
    height: 34px;
    align-items: center;
    border: 1px solid #EEE;
    background: #F5F5F5;
    padding: 0 12px;
    font-size: 14px;
    border-radius: 3px;
    box-sizing: border-box;
    margin-bottom: 12px
}

#BD1957-write .sep2 .selected_company i {
    color: #5ac22e
}

#BD1957-write .sep2 .selected_company .enterprise_name {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    padding-left: 32px;
    line-height: 24px
}

#BD1957-write .company_name_wrap .selected_company_logo {
    position: absolute;
    top: 5px;
    left: 12px
}

#BD1957-write .company_name_wrap .selected_company_logo img {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    object-fit: contain
}

#BD1957-write .company_name_wrap .selected_company_logo span {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    color: #999;
    text-align: center
}

.verify-wrap {
    display: flex;
    gap: 12px;
    align-items: center
}

.verify-wrap span {
    cursor: pointer;
    font-size: 13px;
    background: #F0F0F0;
    color: #999;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 20px;
    width: fit-content;
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 12px;
    transition: all 0.2s;
    height: 26px;
    box-sizing: border-box;
    letter-spacing: -0.5px
}

.verify-wrap span:hover {
    background: #E0E0E0;
    color: #555
}

.verify-wrap span.active {
    background: #e7f2fe;
    color: #0d4ea6
}

#verify-company {
    cursor: default
}

#BD1957-write .WF-body .sep2 .change {
    display: none
}

#BD1957-write .WF-body .sep2>div {
    display: inline-block;
    width: 50%;
    margin-top: 35px;
    vertical-align: top
}

#BD1957-write .WF-body .sep2.extra .select p {
    width: 50%
}

#BD1957-write .WF-body .sep2.extra .selectContact>div {
    display: flex;
    align-items: center;
    margin: 0 7px 7px 0;
    height: 32px;
    border: 1px solid #EEE;
    border-radius: 3px
}

#BD1957-write .WF-body .sep2.extra .selectContact input {
    margin-top: 16px;
    height: 32px;
    border: 0;
    background: #F5F5F5;
    padding: 0 12px;
    width: calc(100% - 82px);
    font-size: 15px
}

#BD1957-write .WF-body .sep2.extra .selectContact label {
    display: inline-block;
    width: 82px;
    font-size: 13px;
    text-indent: 12px
}

#BD1957-write .WF-body #howtofindid {
    font-size: 14px;
    color: #777;
    margin-top: 12px;
    background: #f6f6f6;
    display: inline-block;
    padding: 4px 8px;
    border-radius: 4px;
    cursor: pointer
}

#BD1957-write .WF-body #howtofindid:hover {
    background: #EEE;
    transition: all 0.2s;
    color: #000
}

#BD1957-write .WF-body #howtofindid i {
    margin-right: 6px
}

#BD1957-write .WF-body .verified_phone {
    font-size: 16px;
    color: #639;
    display: inline-block;
    line-height: 200%;
    letter-spacing: 0
}

#BD1957-write .WF-body .verified_phone span {
    display: inline-block;
    margin-left: 16px;
    font-size: 14px;
    color: #999
}

#BD1957-write .WF-body .notice {
    position: relative;
    margin-top: 16px
}

#BD1957-write .WF-body .notice p {
    font-size: 13px;
    line-height: 160%;
    color: #666
}

#BD1957-write .WF-body .notice p:first-child {
    color: #FF4949
}

#BD1957-write .WF-body .notice p.active {
    cursor: help;
    display: inline-block
}

#BD1957-write .WF-body .notice p.active:hover {
    text-decoration: underline
}

#BD1957-write .WF-body .notice p a {
    color: #448AFF;
    display: inline-block;
    margin-left: 4px
}

#BD1957-write .WF-body .notice p a:hover {
    text-decoration: underline
}

#BD1957-write .WF-body .save-info {
    display: inline-block;
    font-size: 14px;
    position: relative;
    line-height: 34px
}

#BD1957-write .WF-body .save-info input {
    position: absolute;
    width: 0;
    height: 0;
    visibility: hidden;
    top: 11px;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0
}

#BD1957-write .WF-body .save-info input.AB-empty-value + label i {
    background-color: #edfbff;
    outline: 1px solid #448AFF
}

#BD1957-write .WF-body .save-info label {
    display: block;
    cursor: pointer;
    color: #666
}

#BD1957-write .WF-body .save-info label.on {
    color: #639
}

#BD1957-write .WF-body .save-info label i {
    margin-right: 6px;
    font-size: 16px;
    background: #F5F5f5;
    color: #EEE
}

#BD1957-write .WF-body .save-info label i.fa-check-square {
    font-weight: bold;
    color: #663399
}

#BD1957-write .WF-body .bx {
    border: 1px solid #EEE;
    padding: 12px;
    font-size: 12.5px;
    color: #999;
    margin-bottom: 4px;
    border-radius: 5px
}

#BD1957-write .WF-body .bx strong {
    display: inline-block;
    margin-top: 8px
}

#BD1957-write .WF-body .bx strong:first-child {
    margin-top: 0
}

#BD1957-write .WF-body textarea.summernote.AB-empty-value + .note-editor.note-frame.panel {
    background-color: #edfbff;
    outline: 1px solid #448AFF
}

#BD1957-write .WF-body .file_link {
    padding: 14px 0
}

#BD1957-write .WF-body .file_link ul li {
    padding: 7px 0
}

#BD1957-write .WF-body .file_link label {
    position: relative;
    top: 3px;
    min-height: 42px;
    line-height: normal;
    left: 0;
    font-size: 14px;
    color: #666;
    width: 150px;
    float: left;
    display: block;
    text-indent: 30px
}

#BD1957-write .WF-body .file_link label em {
    display: block;
    font-style: normal;
    font-size: 10px;
    color: #AAA;
    letter-spacing: 0
}

#BD1957-write .WF-body .file_link .item {
    margin-left: 150px
}

#BD1957-write .WF-body .file_link .item::after {
    display: block;
    clear: both;
    content: ""
}

#BD1957-write .WF-body .file_link .item input {
    background: #FFF;
    width: 100%;
    font-size: 14px;
    text-indent: 0;
    border: 1px solid #E0E0E0;
    height: 48px;
    border-radius: 5px;
    padding: 10px 12px;
    cursor: pointer;
    box-sizing: border-box
}

#BD1957-write-btn.wf_submit_btn input {
    width: 300px;
    font-size: 16px;
    border-radius: 5px;
    margin: 50px auto;
    display: block
}

#BD1957-write .pr_notice {
    display: none;
    width: 490px;
    font-size: 14px;
    line-height: 22px;
    position: absolute;
    top: 21px;
    left: 32px;
    z-index: 99;
    background: #FFF;
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0px 0px 12px rgba(0,0,0,0.35)
}

#BD1957-write .pr_notice p {
    position: relative;
    font-weight: 600;
    padding-left: 20px;
    font-size: 14px !important;
    color: #FF4949 !important
}

#BD1957-write .pr_notice p i {
    position: absolute;
    left: 0;
    top: 6px
}

#BD1957-write .pr_notice p label {
    color: #FF4949
}

#BD1957-write .pr_notice ul {
    margin: 10px 0
}

#BD1957-write .pr_notice ul li {
    list-style: disc;
    margin-left: 40px;
    font-size: 13px
}

#BD1957-write .pr_notice .fa-times {
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 12px;
    font-size: 21px
}

#BD1957-write .WF-body.writer-info h5 {
    font-weight: 500;
    color: #000;
    border-bottom: 1px solid;
    padding-bottom: 8px
}

#BD1957-write .WF-body.writer-info ._item p.desc {
    font-size: 14px;
    border: 0;
    padding: 0;
    line-height: 160%;
    margin-bottom: 8px
}

#findCompany ul.live {
    display: none;
    border: 1px solid #CCC;
    position: absolute;
    top: 100px;
    left: 0;
    width: 65%;
    box-sizing: border-box;
    z-index: 99;
    background: #FFF;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    overflow: hidden;
    max-height: 330px;
    overflow-y: auto
}

.company_name_wrap .live {
    position: absolute;
    top: 42px;
    left: 0;
    box-sizing: border-box;
    z-index: 99;
    background: #FFF;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
    border-radius: 12px;
    overflow: hidden;
    max-height: 330px;
    overflow-y: auto;
    width: 480px
}

.company_name_wrap .live .company {
    cursor: pointer;
    padding: 12px 20px;
    border-top: 1px solid #EEE;
    font-size: 14px;
    position: relative;
    font-weight: 500;
    display: flex;
    align-items: center;
    transition: all 0.2s
}

.company_name_wrap .live .company:first-child {
    border-top: 0
}

.company_name_wrap .live .company:hover {
    background: #F9F9F9
}

.company_name_wrap .live .company:hover .companyName {
    font-weight: 600;
    color: #000
}

.company_name_wrap .live .company img {
    border-radius: 4px;
    width: 24px;
    height: 24px;
    margin-right: 12px;
    object-fit: contain
}

.company_name_wrap .live .company .companyName {
    margin-right: 8px;
    line-height: 24px
}

.company_name_wrap .live .company .auth {
    color: #007347;
    height: 14px;
    font-size: 11px;
    background: #defae6;
    padding: 2px 7px;
    border-radius: 20px;
    display: flex;
    gap: 4px;
    align-items: center
}

.company_name_wrap .live .company .auth em {
    background: #00c777;
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%
}

.company_name_wrap .live .company .auth i {
    color: #5AC22E
}

.company_name_wrap .live .company .logo i {
    margin-right: 16px;
    font-size: 20px
}

.company_name_wrap .live .region {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-style: normal;
    font-size: 13px;
    color: #999;
    font-weight: normal
}

.authentication-wrap .phone-info {
    display: flex;
    align-items: center
}

.authentication-wrap .currentNum {
    font-size: 17px;
    font-weight: bold;
    color: #000
}

.authentication-wrap .btn-authentication {
    background: #f2f4f2;
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    font-size: 14px;
    color: #555;
    padding: 4px 8px;
    margin-left: 20px;
    cursor: pointer
}

.authentication-wrap .re_btn-authentication, .authentication-wrap .edit-phone {
    color: #999;
    margin-left: 8px;
    display: inline-block;
    text-decoration: underline;
    font-size: 14px;
    cursor: pointer
}

.authentication-wrap .input-auth-num {
    margin-top: 8px
}

.authentication-wrap .input-auth-num input[name=authcode] {
    background-color: #F5F5F5;
    border: 1px solid #EEE;
    border-radius: 3px;
    width: 240px;
    height: 34px;
    box-sizing: border-box;
    font-size: 15px;
    text-align: center;
    color: #000;
    font-weight: 600
}

.authentication-wrap .input-auth-num input[name=authcode]::-webkit-input-placeholder {
    color: #AAA;
    font-weight: normal;
    letter-spacing: -1px
}

.authentication-wrap .input-auth-num input[name=authcode]::-moz-placeholder {
    color: #AAA;
    font-weight: normal;
    letter-spacing: -1px
}

.authentication-wrap .input-auth-num input[name=authcode]:-ms-input-placeholder {
    color: #AAA;
    font-weight: normal;
    letter-spacing: -1px
}

.authentication-wrap .input-auth-num input[name=authcode]::-ms-input-placeholder {
    color: #AAA;
    font-weight: normal;
    letter-spacing: -1px
}

.authentication-wrap .input-auth-num input[name=authcode]::placeholder {
    color: #AAA;
    font-weight: normal;
    letter-spacing: -1px
}

.authentication-wrap .input-auth-num input[name=authcode]:focus {
    outline: 2px solid #448AFF
}

.authentication-wrap .auth-confirm {
    background-color: #F5F5F5;
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    line-height: 32px;
    width: 66px;
    box-sizing: border-box;
    text-align: center;
    display: inline-block;
    margin-left: 4px;
    vertical-align: top;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600
}

.authentication-wrap .auth-confirm:hover {
    background: #E0E0E0;
    color: #333;
    transition: all 0.2s;
    border-color: #AAA
}

.authentication-wrap .timer {
    font-style: normal;
    font-size: 14px;
    color: #FF4949;
    font-weight: 600;
    margin-left: 12px;
    display: inline-block
}

.authentication-wrap .ico-verified {
    margin-left: 8px;
    font-size: 16px;
    color: cadetblue
}

.authentication-wrap .note {
    margin-top: 8px;
    color: #999;
    font-size: 14px;
    line-height: 20px
}

.authentication-wrap .note .authorized {
    font-weight: 600
}

.authentication-wrap .note.error {
    font-weight: 600;
    color: #FF4949
}

#chgPhoneNumber .chgPhoneNumberWrap {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -165px;
    margin-left: -220px;
    width: 440px;
    background-color: #FFF;
    border-radius: 20px;
    box-shadow: 0 4px 32px rgba(0,0,0,0.3);
    z-index: 1000
}

#chgPhoneNumber .bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 999
}

#chgPhoneNumber h3 {
    border-bottom: 1px solid #E0E0E0;
    text-align: center;
    line-height: 62px;
    font-size: 19px;
    font-weight: 600;
    color: #000;
    position: relative
}

#chgPhoneNumber .btn-close {
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -15px;
    font-size: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    padding: 5px;
    cursor: pointer;
    color: #999
}

#chgPhoneNumber .current {
    background: #F6F6F6;
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    display: flex;
    height: 48px;
    justify-content: center;
    align-items: center;
    color: #000;
    font-size: 18px;
    font-weight: 600
}

#chgPhoneNumber .content {
    padding: 30px
}

#chgPhoneNumber .content strong {
    display: inline-block;
    padding: 0 0 12px;
    font-size: 16px;
    color: #000;
    line-height: 20px
}

#chgPhoneNumber .content .info {
    margin: 8px 0 40px;
    font-size: 15px;
    line-height: 24px;
    color: #999
}

#chgPhoneNumber .content .btn-change {
    display: block;
    text-align: center;
    color: #FFF;
    background-color: #333;
    font-size: 17px;
    font-weight: 600;
    border-radius: 8px;
    padding: 14px 0;
    line-height: 24px;
    cursor: pointer
}

#BD1957-write .WF-body .admin_commentary em, #BD1957-write .budget-range p em {
    font-style: normal;
    font-size: 13px;
    color: #999;
    margin-top: 10px;
    display: inline-block
}

#findkakaoid {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgb(0 0 0 / 50%);
    overflow-y: auto
}

#findkakaoid .bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000
}

#findkakaoid .wrap {
    position: relative;
    width: 700px;
    z-index: 1001;
    background: #FFF;
    border-radius: 10px;
    padding: 50px;
    box-sizing: border-box;
    margin: 50px auto 100px
}

#findkakaoid .wrap h1 {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: #000
}

#findkakaoid .btn_close_pop {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 48px;
    width: 48px;
    text-align: center;
    cursor: pointer;
    color: #CCC
}

#find-guide h5 {
    font-size: 18px;
    font-weight: bold;
    margin: 15px 0;
    line-height: 1.4;
    color: #000
}

#find-guide p {
    font-size: 16px;
    line-height: 200%;
    word-break: break-all;
    margin-bottom: 5px;
    color: #000
}

#find-guide img {
    max-width: 100%;
    box-shadow: 0 2px 8px rgb(0 0 0 / 8%)
}

#BD1957-view {
    background: #FFF;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 24px;
    /*width:100%;*/
}

#BD1957-view .breadcrumb h3 a {
    display: inline-block;
    font-size: 19px;
    color: #999;
    margin: 12px 0
}

#BD1957-view .Article-subject {
    padding-bottom: 24px;
    border-color: #EEE;
    margin-bottom: 12px
}

#BD1957-view .Article-subject h1 {
    font-size: 28px;
    word-spacing: 0px;
    line-height: 1.35;
    letter-spacing: -1px;
    word-break: break-all;
    font-weight: bold;
    color: #000
}

#BD1957-view .request-info ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px
}

#BD1957-view .request-info ul li {
    width: 100%
}

#BD1957-view .request-info ul li div {
    position: relative;
    background: #F5F5F5;
    border-radius: 4px;
    padding: 0 20px;
    font-size: 15px;
    color: #333;
    height: 52px;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

#BD1957-view .request-info ul li p {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 225px;
    vertical-align: top
}

#BD1957-view .request-info ul li p span.deadline {
    color: #FF4949;
    position: absolute;
    right: 12px;
    font-size: 13px;
    line-height: 22px
}

#BD1957-view .request-info ul li p span.finished {
    color: #AAA
}

#BD1957-view .request-info ul li label {
    width: 70px;
    color: #333;
    font-weight: bold;
    font-size: 14px
}

#BD1957-view .request-info ul li label i {
    margin-right: 8px
}

#BD1957-view .request-info ul li.budget p {
    max-width: none;
    letter-spacing: -0.5px
}

#BD1957-view .complete a {
    display: block;
    border: 3px solid #6D6EC5;
    margin: 10px auto;
    width: 150px;
    text-align: center;
    color: #6D6EC5;
    line-height: 32px;
    font-size: 15px;
    font-weight: 600
}

#BD1957-view .complete a:hover {
    background: #6D6EC5;
    color: #FFF
}

#BD1957-view .ABA-article-contents {
    padding: 60px 30px
}

#BD1957-view .contact-info {
    position: relative;
    background: #F5F7FA;
    padding: 20px;
    border-radius: 8px
}

#BD1957-view .contact-info .head {
    margin-bottom: 20px;
    display: flex;
    align-items: center
}

#BD1957-view .contact-info h6 {
    display: inline-block;
    font-size: 16px;
    color: #000;
    font-weight: bold
}

#BD1957-view .contact-info h6 i {
    font-size: 15px;
    margin-left: 8px
}

#BD1957-view .contact-info .agency {
    display: inline-block;
    font-size: 13px;
    color: #666;
    margin-left: 20px
}

#BD1957-view .contact-info .agency span {
    font-weight: 500;
    color: #333;
    font-size: 13.5px
}

#BD1957-view .contact-info .cnt_read {
    position: absolute;
    top: -30px;
    right: 20px;
    font-size: 14px
}

#BD1957-view .contact-info .prof-user {
    position: absolute;
    top: 60px;
    left: 20px;
    text-align: center
}

#BD1957-view .contact-info .prof-user span.bstip {
    cursor: pointer;
    display: inline-block;
    margin-top: 4px
}

#BD1957-view .contact-info .contact-wrap .wrap {
    margin-left: 96px
}

#BD1957-view .contact-info .contact-wrap ._tb {
    padding: 8px 0;
    background: #FFF;
    border-radius: 8px
}

#BD1957-view .contact-info th, #BD1957-view .contact-info td {
    font-size: 14px;
    height: 32px
}

#BD1957-view .contact-info th {
    color: #999;
    width: 70px;
    border-left: 1px solid #EEE
}

#BD1957-view .contact-info th:first-child {
    border-left: 0
}

#BD1957-view .contact-info td {
    width: 195px
}

#BD1957-view .contact-info td p span {
    color: #AAA
}

#BD1957-view .contact-info td p span i {
    margin-right: 4px
}

#BD1957-view .fav-contact {
    margin-top: 8px;
    color: #666;
    font-size: 14px
}

#BD1957-view .fav-contact span {
    font-weight: 600;
    color: #639
}

#BD1957-view .user_info_contact {
    text-align: right;
    margin: 16px 0 8px 0;
    overflow: hidden
}

#BD1957-view .user_info_contact .btn_cash, #BD1957-view .user_info_contact span {
    display: inline-block;
    width: 300px;
    background: #333;
    color: #FFF;
    cursor: pointer;
    line-height: 44px;
    text-align: center;
    font-size: 15px;
    border-radius: 5px
}

#BD1957-view .user_info_contact span.done {
    background: #999 !important;
    cursor: not-allowed
}

#BD1957-view .user_info_contact .btn_cash.auth {
    background: #AAA
}

#BD1957-view .user_info_contact div {
    float: left;
    text-align: left
}

#BD1957-view .user_info_contact div i {
    font-style: normal;
    color: #FF4949
}

#BD1957-view .user_info_contact p {
    color: #999;
    font-size: 13px
}

#BD1957-view .user_info_contact p a {
    color: #448AFF
}

#BD1957-view .user_info_contact p a:hover {
    text-decoration: underline
}

#BD1957-view ._contact_opened {
    margin: 16px 0 8px 0;
    overflow: hidden
}

#BD1957-view ._contact_opened .contact-notice {
    padding-top: 8px
}

#BD1957-view ._contact_opened .contact-notice p {
    text-indent: 12px;
    color: #999;
    margin-top: 3px
}

#w-memo textarea {
    border: 1px solid #E0E0E0;
    resize: none;
    padding: 8px 12px;
    border-radius: 3px;
    font-size: 13.5px;
    width: 426px
}

#w-memo .form-wrap {
    position: relative
}

#w-memo .btn {
    position: absolute;
    right: 0;
    top: 1px
}

#w-memo .btn input {
    display: block;
    cursor: pointer;
    background: #666;
    color: #FFF;
    border-radius: 3px;
    width: 130px;
    line-height: 36px;
    font-size: 13px
}

#w-memo .btn input:hover {
    background: #333;
    transition: background 0.4s;
    -webkit-transition: background 0.4s
}

#BD1957-view .states {
    border-radius: 4px;
    font-size: 15px;
    box-sizing: border-box;
    padding: 16px;
    color: #FF4949;
    margin: 24px 0;
    font-weight: 600
}

#BD1957-view .states i {
    margin-right: 4px
}

#BD1957-view .ck_wait {
    background-color: #f6f6f6
}

#BD1957-view .ck_modify {
    background-color: #FF494924
}

#BD1957-view .rejected {
    background-color: #FCE8E6;
    margin-top: 20px;
    border-radius: 10px;
    letter-spacing: -0.3px;
    line-height: 20px
}

#BD1957-view .rejected p {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #FF4949
}

#BD1957-view .rejected span {
    font-size: 14px;
    color: #666;
    font-weight: normal
}

.more_articles {
    position: relative;
    padding: 20px 0;
    margin-top: 20px
}

.more_articles h6 {
    font-size: 16px;
    color: #000;
    margin-bottom: 12px;
    font-weight: 600
}

.more_articles h6 a {
    font-size: 14px;
    line-height: 28px;
    float: right;
    color: #888
}

.more_articles h6 a:hover {
    text-decoration: underline
}

.more_articles .cell {
    position: relative;
    margin-bottom: 8px;
    padding-left: 12px
}

.more_articles .cell::before {
    content: "•";
    font-weight: bold;
    clear: both;
    position: absolute;
    left: 0;
    margin-top: -10px;
    top: 50%;
    line-height: 20px
}

.more_articles .cell a {
    display: flex;
    font-size: 14px;
    gap: 12px;
    justify-content: space-between;
    align-items: center
}

.more_articles .cell a:hover {
    color: #000
}

.more_articles .cell a:hover .subject {
    text-decoration: underline
}

.more_articles .cell p.subject {
    font-size: 15px;
    width: 600px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.more_articles .cell p span {
    margin-right: 6px
}

.more_articles .cell label {
    background: #2E76FF;
    display: inline-block;
    border-radius: 5px;
    color: #FFF;
    font-size: 12px;
    padding: 0 4px;
    margin-left: 12px;
    letter-spacing: 0
}

.more_articles .dline span {
    padding: 4px 12px;
    border-radius: 6px;
    background: #F2F4F6;
    width: 90px;
    box-sizing: border-box;
    text-align: center
}

.more_articles .deadline {
    display: inline-block;
    padding-left: 4px;
    font-size: 12px
}

.more_articles .deadline.dday {
    background: #FF4949;
    color: #FFF;
    font-size: 13px;
    padding: 0 8px;
    line-height: 24px;
    border-radius: 6px;
    width: 90px;
    text-align: center;
    box-sizing: border-box
}

.more_articles .deadline.finished {
    background: #AAA;
    color: #FFF;
    font-size: 13px;
    padding: 0 8px;
    line-height: 24px;
    width: 90px;
    text-align: center;
    box-sizing: border-box
}

.more_articles .read_more a {
    position: absolute;
    top: 20px;
    right: 0;
    font-size: 14px;
    line-height: 28px;
    float: right;
    color: #888
}

.more_articles .read_more a:hover {
    text-decoration: underline
}

.more_articles .null {
    position: relative;
    border: 1px solid #EEE;
    background: #FCFCFC;
    line-height: 42px;
    height: 42px;
    padding: 0 16px
}

.more_articles .null span {
    color: #999;
    font-size: 14px
}

#alimtalk {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999
}

#alimtalk .pay_wrap {
    background: #FFF;
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -365px;
    width: 628px;
    z-index: 1001;
    padding: 50px;
    border-radius: 8px;
    border: 1px solid #666
}

#alimtalk .title {
    position: relative
}

#alimtalk .title h3 {
    font-size: 21px;
    text-align: center;
    font-weight: 600;
    border-bottom: 1px solid #EEE;
    padding-bottom: 16px;
    margin-bottom: 16px
}

#alimtalk .title .btn-close {
    font-size: 30px;
    position: absolute;
    top: -30px;
    right: -30px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center
}

#alimtalk .notice {
    margin-bottom: 16px
}

#alimtalk .notice p {
    font-size: 14px;
    padding: 16px 0;
    color: #000;
    line-height: 160%
}

#alimtalk .notice ul li {
    font-size: 12px;
    line-height: 20px;
    color: #555
}

#alimtalk .paybox {
    position: relative;
    border: 1px solid #EEE;
    background: #F9F9F9;
    padding: 24px
}

#alimtalk .paybox strong {
    display: block;
    font-size: 13px;
    position: absolute;
    left: 0;
    line-height: 40px
}

#alimtalk .paybox em {
    font-style: normal;
    font-size: 15px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: 0;
    color: #663399
}

#alimtalk .paybox p {
    display: inline-block;
    font-size: 13.5px;
    color: #333;
    width: 33%
}

#alimtalk .paybox p label {
    margin-left: 4px
}

#alimtalk .paybox p.using_services {
    margin: 0 0 12px 100px;
    width: 100%;
    color: #FF4949;
    font-size: 12px
}

#alimtalk .paybox ul li {
    font-size: 14px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: 0;
    color: #663399
}

#alimtalk .paybox ul li a {
    color: inherit
}

#alimtalk .paybox ul li a:hover {
    text-decoration: underline
}

#alimtalk .paybox span.promo {
    font-size: 14px;
    text-decoration: line-through;
    color: #999
}

#alimtalk .paybox span.promo_desc {
    display: block;
    color: #FF4949;
    font-size: 13px;
    letter-spacing: 0
}

#alimtalk .paybox .cat1 {
    margin-bottom: 12px
}

#alimtalk .paybox .cat1 p {
    position: relative;
    line-height: 40px
}

#alimtalk .paybox .cat1 p:first-child label {
    margin-left: 0
}

#alimtalk .paybox .cat1 p input {
    visibility: hidden;
    position: absolute
}

#alimtalk .paybox .cat1 p input:checked + label {
    background: #535353;
    color: #FFF;
    border-color: #535353
}

#alimtalk .paybox .cat1 p label {
    display: block;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #DBDBDB;
    margin-right: 4px;
    background: #FFF;
    text-align: center;
    font-size: 15px
}

#alimtalk .paybox .cat1 p label.on {
    background: #535353;
    color: #FFF;
    border-color: #535353
}

#alimtalk .paybox .cat2 {
    margin: 0 0 20px 100px;
    padding: 12px 16px !important;
    border: 1px solid #EEE;
    border-radius: 5px;
    background: #FFF
}

#alimtalk .paybox .cat2 p {
    display: inline-block;
    position: relative;
    width: 140px
}

#alimtalk .paybox .cat2 p input {
    position: absolute;
    left: 0;
    top: 8px
}

#alimtalk .paybox .cat2 p input:checked + label span {
    color: #639;
    font-weight: 600
}

#alimtalk .paybox .cat2 p label {
    display: block;
    line-height: 24px;
    cursor: pointer;
    padding-left: 14px;
    font-weight: 300
}

#alimtalk .paybox .cat2.on {
    cursor: default;
    border-color: #E0E0E0
}

#alimtalk .paybox .cat2.on p label {
    color: #666;
    cursor: pointer
}

#alimtalk .paybox .cat2.on input {
    cursor: pointer
}

#alimtalk .paybox .cat2.on i {
    font-style: normal;
    color: #999;
    margin-left: 6px;
    letter-spacing: 0;
    font-size: 12px
}

#alimtalk .paybox .cat2.on i.price {
    position: absolute;
    right: 0;
    font-size: 13px
}

#alimtalk .paybox .sl_method {
    margin-bottom: 12px
}

#alimtalk .paybox .sl_method .cash {
    line-height: 40px
}

#alimtalk .paybox .sl_method .cash p {
    width: auto;
    margin-right: 36px
}

#alimtalk .paybox .sl_method .cash a {
    display: inline-block;
    background: #448aff;
    color: #FFF;
    line-height: normal;
    padding: 3px 8px;
    border-radius: 3px;
    margin-left: 12px
}

#board-snb .snb-box .alimtalk {
    position: absolute;
    left: 0;
    bottom: -70px;
    text-align: center;
    width: 170px
}

#board-snb .snb-box .alimtalk p a {
    cursor: pointer;
    background: #000;
    color: #FFF;
    line-height: 44px;
    font-size: 14px;
    margin-bottom: 8px;
    display:flex; 
    align-items: center;
    justify-content: center;
}

#board-snb .snb-box .alimtalk a {
    display: block
}

#board-snb .snb-box .alimtalk i {
    margin-right: 5px;
}

#alimtalk .paybox .usr_info.sl_price input {
    width: 100px
}

#alimtalk .paybox .sl_term, #alimtalk .paybox .usr_info, #alimtalk .paybox .sl_method, #alimtalk .paybox .sl_start {
    position: relative
}

#alimtalk .paybox .sl_term div, #alimtalk .paybox .sl_price div, #alimtalk .paybox .usr_info div, #alimtalk .paybox .sl_start div {
    padding-left: 100px
}

#alimtalk .paybox .sl_method {
    padding-left: 100px
}

#alimtalk .paybox .usr_info {
    margin-bottom: 12px
}

#alimtalk .paybox .usr_info input {
    width: 200px;
    height: 38px;
    padding: 0 12px;
    border: 1px solid #CCC;
    font-size: 14px;
    letter-spacing: 1px;
    border-radius: 3px
}

#alimtalk .list-wrap {
    max-height: 350px;
    overflow-y: auto;
    border: 1px solid #EEE;
    padding-bottom: 8px;
    min-height: 150px
}

#alimtalk .list-wrap .item {
    position: relative;
    font-size: 13px;
    padding: 10px 0;
    line-height: 26px;
    letter-spacing: 0
}

#alimtalk .list-wrap .item:hover {
    background: #F5F5F5
}

#alimtalk .list-wrap .item a.subject {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 350px;
    vertical-align: top;
    margin-right: 24px;
    color: #000;
    padding-left: 16px;
    font-size: 14px
}

#alimtalk .list-wrap .item a.subject:hover {
    text-decoration: underline
}

#alimtalk .list-wrap .item em {
    margin-left: 12px;
    color: #82c91e;
    cursor: help
}

#alimtalk .list-wrap .item em.fa-hourglass {
    color: #999
}

#alimtalk .list-wrap .item em.fa-ban {
    color: #E55757
}

#alimtalk .list-wrap .item .action {
    position: absolute;
    top: 12px;
    right: 16px;
    line-height: 16px
}

#alimtalk .list-wrap .action a {
    display: inline-block;
    border: 1px solid #666;
    color: #666;
    line-height: 24px;
    width: 62px;
    text-align: center
}

#alimtalk .list-wrap .action a:hover {
    background: #333;
    color: #FFF;
    -webkit-transition: all .2s;
    transition: all .2s
}

#alimtalk .list-wrap .action .productBtn {
    background: #666;
    color: #FFF
}

#alimtalk .list-wrap .action .blockBtn {
    background: #666;
    color: #FFF
}

#alimtalk .list-wrap .null p {
    font-size: 16px;
    margin-top: 44px;
    text-align: center;
    line-height: 26px;
    color: #666
}

#alimtalk .bg {
    background: #000;
    opacity: 0.75;
    position: fixed;
    ;top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000
}

#alimtalk .important {
    background: #FFF;
    padding: 12px;
    border: 1px solid #EEE
}

#alimtalk .important p {
    width: 100%;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 0
}

#alimtalk .important a {
    color: #448AFF
}

#alimtalk #submit_btn a {
    display: block;
    background: #333;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 44px;
    border-radius: 4px;
    margin-top: 30px
}

.agency-info {
    padding: 20px;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 8px
}

.agency-info .profile_img {
    text-align: center;
    padding: 15px 0
}

.agency-info .nickname {
    font-size: 18px;
    text-align: center
}

.agency-info .detail {
    padding-top: 20px;
    border-top: 1px solid #EEE;
    margin-top: 15px
}

.agency-info .detail .works {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.agency-info .detail .works p {
    height: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.agency-info .detail .works p label {
    color: #333;
    font-size: 14px;
    font-weight: 600
}

.agency-info .detail .works p label .cash_charge {
    color: #448AFF;
    display: inline-block;
    margin-left: 4px
}

.agency-info .detail .works p span {
    font-size: 16px
}

.agency-info .detail .works p span a:hover {
    text-decoration: underline;
    color: #000;
    font-weight: bold
}

.agency-info .detail .works p span i {
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    background: url(/images/p1957_icon_set.png)
}

.agency-info .detail .works p span em {
    font-style: normal;
    font-size: 14px
}

.agency-info .detail .recent_review label {
    display: block;
    margin-bottom: 5px;
    color: #878787
}

.agency-info .detail .recent_review span {
    display: block
}

.agency-info .detail .review_btn {
    padding: 5px;
    margin-top: 20px;
    border: 1px solid #e0e0e0;
    color: #878787;
    text-align: center;
    cursor: pointer
}

.agency-info.unlogin p {
    text-align: center
}

.agency-info.unlogin .title {
    display: block;
    margin-bottom: 5px;
    font-size: 18px
}

.agency-info.unlogin .txt {
    display: block;
    font-size: 15px;
    color: #A8A8A8
}

.bd1957_write_btn a {
    display: block;
    color: #FFF;
    background: #448AFF;
    line-height: 48px;
    text-align: center;
    margin-bottom: 20px;
    font-size: 16px;
    border-radius: 8px;
    font-weight: bold
}

.fav_filtered {
    text-align: right;
    padding-bottom: 12px;
    font-size: 13.5px;
    letter-spacing: 0
}

.fav_filtered i, .fav_filtered strong {
    color: #448AFF
}

#set-fav-trigger {
    color: #999;
    margin-left: 6px;
    font-size: 14px;
    cursor: pointer
}

#set-fav {
    display: none;
    border: 1px solid #bbb;
    background: #FAFAFA;
    margin-bottom: 24px
}

#set-fav.fav_wrap_Y {
    display: none
}

#set-fav .head {
    text-align: center;
    padding-top: 26px;
    letter-spacing: 0
}

#set-fav .head strong {
    font-size: 17px;
    font-weight: normal
}

#set-fav .head p {
    font-size: 13px;
    margin: 4px 0 24px;
    color: #999
}

#set-fav .selector {
    width: 688px;
    padding: 0 30px
}

#set-fav .selector p {
    display: inline-block;
    position: relative;
    margin: 0 6px 6px 0
}

#set-fav .selector p input {
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 12px
}

#set-fav .selector p label {
    cursor: pointer;
    display: block;
    width: 160px;
    height: 42px;
    border: 1px solid #EEE;
    line-height: 42px;
    text-indent: 36px;
    font-size: 13px;
    background: #FFF;
    border-radius: 3px;
    letter-spacing: 0
}

#set-fav .selector p label:hover {
    border-color: #CCC
}

#set-fav .selector p label.on, #set-fav .selector p input:checked + label {
    border-color: #2E76FF;
    color: #2E76FF
}

#set-fav .submit {
    margin-bottom: 20px;
    text-align: right;
    padding: 8px 0
}

#set-fav .submit a {
    display: inline-block;
    width: 62px;
    height: 32px;
    margin-right: 32px;
    text-align: center;
    font-size: 13px;
    line-height: 32px;
    cursor: pointer;
    color: #FFF;
    border-radius: 2px
}

#set-fav .submit .btn-submit {
    background: #333;
    margin-right: 6px
}

#set-fav .submit .btn-cancel {
    background: #BEBEBE
}

#BD7728-wrap .creatives_list {
    margin-top: 20px
}

#BD7728-wrap th {
    background: #F6F6F6;
    color: #333;
    font-size: 13px;
    height: 50px;
    border-top: 1px solid #EEE
}

#BD7728-wrap .table-mbb td {
    padding: 14px 0;
    font-size: 13px
}

#BD7728-wrap .table-mbb tr:first-child td {
    border-top: 0
}

#BD7728-wrap .ctrl {
    padding-right: 6px !important
}

#BD7728-wrap .ctrl a {
    display: inline-block;
    border: 1px solid #BBB;
    text-align: center;
    width: 35px;
    line-height: 26px;
    font-size: 12px;
    margin-left: -1px;
    background: #FFF;
    color: #666;
    letter-spacing: -1px;
    margin-top: 0
}

#BD7728-wrap .ctrl a.btn_confirm {
    margin-right: 6px;
    color: #FFF;
    background: #333;
    border-color: #333
}

#BD7728-wrap .ctrl a.btn_confirm:hover {
    color: #FFF
}

#BD7728-wrap .ctrl a.btn_confirm, #BD7728-wrap .ctrl a.btn_payment {
    width: 55px
}

#BD7728-wrap .ctrl a:hover {
    position: relative;
    border-color: #333;
    color: #333
}

#BD7728-wrap .ctrl label {
    width: 80px
}

#BD7728-wrap .data-null {
    padding: 120px 0;
    background: #F6F6F6;
    border: 1px solid #EEE;
    margin-top: 20px
}

#BD7728-wrap .data-null p {
    text-align: center;
    font-size: 17px;
    color: #666
}

#BD7728-wrap ._subject {
    display: inline-block;
    font-size: 15px;
    color: #000;
    letter-spacing: -0.3px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: top;
    max-width: 450px;
    font-weight: 500
}

#BD7728-wrap ._subject:hover {
    text-decoration: underline
}

#BD7728-wrap .data {
    margin-top: 6px;
    color: #666;
    line-height: 20px;
    font-size: 12px
}

#BD7728-wrap .data span {
    display: inline-block
}

#BD7728-wrap .data span i {
    font-family: 'Lato', serif;
    font-style: normal
}

#BD7728-wrap .data span::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 8px;
    background: #CCC;
    margin: 0 10px
}

#BD7728-wrap .data span.adstate {
    font-weight: 500;
    border-radius: 30px;
    padding: 0 8px 2px;
    margin-right: 10px
}

#BD7728-wrap .data span.adstate::after {
    content: none
}

#BD7728-wrap .data span.live {
    background: #406FDF;
    color: #FFF;
    margin-bottom: 8px
}

#BD7728-wrap .data span.end {
    background: #BBB;
    color: #FFF;
    margin-bottom: 8px
}

#BD7728-wrap .data span.stop {
    background: #333;
    color: #FFF;
    margin-bottom: 8px
}

#BD7728-wrap .data label {
    color: #333;
    display: inline-block;
    margin-right: 20px
}

#BD7728-wrap .data a {
    color: #333
}

#BD7728-wrap .data a:hover {
    text-decoration: underline
}

#BD7728-wrap .data em {
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-size: 12px
}

#BD7728-wrap .data em label {
    font-family: 'Noto Sans KR', sans-serif;
    ;color: #666;
    margin-right: 6px
}

#BD7728-wrap .state span {
    color: #AAA;
    font-size: 13.5px;
    display: block;
    text-indent: 5px
}

#BD7728-wrap .state span i {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 6px;
    background: #AAA
}

#BD7728-wrap .state span.state_Y {
    color: #000
}

#BD7728-wrap .state span.state_Y i {
    background: #000
}

#BD7728-wrap .state span.state_O, #BD7728-wrap .state span.state_P {
    color: #5DC03B
}

#BD7728-wrap .state span.state_O i, #BD7728-wrap .state span.state_P i {
    background: #5DC03B
}

#BD7728-wrap .state span.state_R {
    color: #FF4949
}

#BD7728-wrap .state span.state_R i {
    background: #FF4949
}

#BD7728-wrap .description p {
    margin-top: 6px;
    color: #666;
    line-height: 20px;
    font-size: 12px
}

#BD7728-wrap .description p.reject {
    color: #FF4949
}

#BD7728-wrap .period p {
    line-height: 24px
}

#BD7728-wrap .period p label {
    font-weight: bold;
    display: inline-block;
    margin-right: 8px;
    color: #999
}

#BD7728-wrap #MobileWriteBtn {
    width: 100px;
    border: 0;
    background: #406FDF;
    color: #FFF;
    border-radius: 4px;
    font-weight: 500
}

#BD7728-wrap #MobileWriteBtn i {
    font-size: 10px;
    position: relative;
    top: -1px
}

#BD7728-wrap .notice {
    margin-top: 25px;
    background: #f9f9f9;
    padding: 15px
}

#BD7728-wrap .notice h3 {
    font-size: 15px;
    padding: 45px 0 15px;
    font-weight: 500
}

#BD7728-wrap .notice p {
    font-size: 13px;
    line-height: 180%;
    color: #666
}

#BD7728-wrap .notice img {
    width: 100%
}

#service-steps {
    background: #F9F9F9;
    padding: 30px;
    margin: 20px 0;
    border-radius: 8px
}

#service-steps strong {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -0.5px;
    color: #000
}

#service-steps .process {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0;
    gap: 20px
}

#service-steps .process > div {
    width: 100%;
    aspect-ratio: 120 / 100;
    border-radius: 12px;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 2px 4px 8px rgba(0,0,0,0.1);
    font-size: 18px;
    color: #888;
    font-weight: 600;
    letter-spacing: -.5px
}

#service-steps p {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #666
}

#service_payment {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000
}

#service_payment .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    z-index: 1001
}

#service_payment .wrap {
    position: relative;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    z-index: 1002
}

#service_payment .innerWrap {
    padding: 50px;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -275px;
    width: 450px;
    background: #FFF;
    z-index: 1003;
    border-radius: 15px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.33)
}

#service_payment .btn-close-pop {
    font-size: 24px;
    color: #999;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 24px;
    height: 24px;
    text-align: center
}

#service_payment .tit h5 {
    font-size: 32px;
    font-weight: bold;
    color: #000;
    margin-bottom: 15px
}

#service_payment .tit p {
    font-size: 13px;
    margin-bottom: 20px
}

#service_payment .article ul li {
    font-size: 15px
}

#service_payment .article ul li label {
    display: block;
    margin-top: 15px;
    font-size: 14px;
    color: #888;
    margin-bottom: 4px
}

#service_payment .article ul li select {
    display: block;
    width: 100%
}

#service_payment .form_submit a {
    display: block;
    text-align: center;
    color: #FFF;
    background: #000;
    line-height: 40px;
    border-radius: 4px;
    font-size: 15px;
    margin: 20px 0;
    font-weight: 500
}

#service_payment .notice {
    padding: 30px 0;
    font-size: 13px
}

#service_payment .notice strong {
    display: block;
    margin-bottom: 10px
}

#service_payment .notice ul li {
    list-style: disc;
    margin-left: 20px;
    margin-bottom: 4px
}

#service_payment #pay_type2 {
    visibility: hidden
}

#service_payment h5.line_none {
    font-size: 14px;
    color: #888;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 500
}

#pay_form h5 {
    font-size: 19px;
    color: #000;
    display: block;
    margin-bottom: 10px;
    font-weight: 500
}

#pay_form .pay_wrap {
    padding: 4px 0
}

#pay_form #AB_goods_display_price {
    font-weight: bold;
    background: none;
    border: 0;
    display: inline-block;
    height: 38px;
    width: auto;
    padding: 0
}

#pay_form .pay_wrap .sl_price div, #pay_form .pay_wrap .sl_cash div {
    margin-bottom: 0
}

#pay_form .pay_wrap .paybox .sl_term strong, #pay_form .pay_wrap .paybox .sl_price strong, #pay_form .pay_wrap .paybox .sl_subject strong, #pay_form .pay_wrap .paybox .sl_cash strong, #pay_form .pay_wrap .paybox .sl_method strong {
    font-size: 14px;
    color: #888;
    display: block;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 500
}

#pay_form .pay_wrap .paybox .sl_method div, #pay_form .pay_wrap .paymethod {
    height: auto
}

#pay_form .paybox .sl_term div input, #pay_form .paybox .paymethod div input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    opacity: 0
}

#pay_form .paybox .sl_term div label, #pay_form .paybox .paymethod div label {
    float: left;
    border: 1px solid #EEE;
    text-align: center;
    line-height: 38px;
    margin-left: -1px;
    font-size: 14px;
    color: #666;
    cursor: pointer;
    background: #FFF;
    box-sizing: border-box;
    width: 33%
}

#pay_form .paybox .sl_term div input:checked + label, #pay_form .paybox .paymethod div input:checked + label {
    color: #000;
    border: 1px solid #000;
    position: relative
}

#pay_form .paybox .sl_price div {
    background: #FFF;
    height: 38px;
    font-size: 13px;
    line-height: 44px
}

#pay_form .paybox .sl_price div input#AB_goods_display_price {
    font-size: 16px;
    width: 90px;
    position: relative;
    top: -5px;
    font-weight: bold;
    height: 40px;
    border: 1px solid #555;
    text-align: right;
    padding: 0 20px;
    border-radius: 3px;
    margin-right: 10px
}

#pay_form .paybox .sl_subject div {
    background: #FFF;
    font-size: 15px;
    line-height: 38px;
    margin-top: -5px
}

#pay_form .paybox .sl_subject div p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    font-weight: 500
}

#pay_form .pay_wrap .paymethod div label {
    margin-right: 0
}

#pay_form .pay_wrap .paymethod div label::after {
    clear: both;
    display: block;
    content: ""
}

#pay_form .pay_wrap .paymethod div input:first-child {
    margin-left: 6px
}

#pay_form .buyer_info input {
    width: 100%;
    box-sizing: border-box;
    margin-top: 8px;
    height: 40px;
    border-radius: 4px;
    text-indent: 12px;
    font-size: 14px;
    border-color: #EEE;
    background: #FFF
}

#pay_form #submit_btn a {
    background: #000;
    color: #FFF;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    line-height: 40px;
    border-radius: 4px;
    display: block;
    margin-top: 20px
}

#pay_form .paybox .cpm_info {
    background: #f5f5f5;
    padding: 20px
}

#pay_form .paybox .cpm_info ul li {
    list-style: disc;
    position: relative;
    padding-left: 100px;
    margin-left: 20px;
    line-height: 40px
}

#pay_form .paybox .cpm_info ul li span {
    position: absolute;
    left: 0;
    font-size: 13px;
    color: #333
}

#pay_form .paybox .cpm_info ul li p {
    text-align: right;
    font-size: 14px;
    color: #454545;
    font-weight: 500
}

#pay_form .paybox .cpm_info ul li p s {
    color: #BBB
}

#pay_form .paybox .cpm_info.select {
    background: none;
    padding: 0;
    margin: 15px 0 25px
}

#pay_form .paybox .cpm_info.select select {
    width: 100%;
    height: 40px;
    border-color: #555;
    font-size: 15px
}

#pay_form .paybox .cpm_info.select ul {
    padding-left: 10px
}

#pay_form .paybox .cpm_info.select ul li {
    list-style: disc;
    line-height: normal;
    padding: 0;
    font-size: 13px;
    color: #999;
    margin-top: 5px
}

#pay_form .paybox .cpm_info.select ul li i {
    font-style: normal;
    color: #454545;
    font-weight: 500
}

#pay_form .paybox .sl_cash input[name=BDU_cash] {
    height: 40px;
    border: 1px solid #555;
    font-size: 16px;
    text-align: right;
    padding: 0 20px;
    width: 150px;
    border-radius: 3px;
    margin-right: 10px
}

#pay_form .paybox .sl_cash div p {
    font-size: 13px
}

#pay_form .paybox .paymethod_cash input {
    visibility: hidden;
    position: absolute
}

#pay_form .paybox .paymethod_cash label {
    display: inline-block;
    border: 1px solid #333;
    text-align: center;
    line-height: 38px;
    margin-left: -1px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    background: #FFF;
    box-sizing: border-box;
    width: 33.33%
}

#BD7728-wrap-view .article_state {
    padding: 12px 24px;
    margin-top: 20px;
    letter-spacing: -0.3px;
    line-height: 20px
}

#BD7728-wrap-view .article_state strong {
    font-size: 15px
}

#BD7728-wrap-view .waiting {
    background: #F6F6F6;
    color: #666
}

#BD7728-wrap-view .ask {
    background: #F6F6F6;
    color: #FF4949
}

#BD7728-wrap-view .confirm {
    background: #448AFF;
    color: #FFF
}

#BD7728-wrap-view .reject {
    background: #FCE8E6;
    color: #FF4949
}

#BD7728-wrap-view .reject p {
    margin-top: 15px;
    font-size: 14px;
    color: #333
}

#datalab #MobileWriteBtn {
    width: 100px;
    border: 0;
    background: #406FDF;
    color: #FFF;
    border-radius: 4px;
    font-weight: 500
}

#datalab .title {
    position: relative;
    clear: both;
    margin-top: 20px;
    padding: 18px 20px 18px 40px;
    border: 1px solid #EEE
}

#datalab .title i.fa-chevron-left {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    line-height: 62px;
    text-align: center;
    font-size: 24px;
    color: #999
}

#datalab .title h1 {
    font-size: 17px;
    color: #000;
    display: inline-block;
    font-weight: 500;
    margin-left: 10px
}

#datalab .title div {
    float: right;
    line-height: 25px
}

#datalab .title span {
    color: #AAA;
    font-size: 13.5px;
    display: inline-block;
    text-indent: 5px;
    position: relative;
    top: -1px
}

#datalab .title span i {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 6px;
    background: #AAA
}

#datalab .title span.state_Y {
    color: #000
}

#datalab .title span.state_Y i {
    background: #000
}

#datalab .title span.state_O, #datalab .title span.state_P {
    color: #5DC03B
}

#datalab .title span.state_O i, #datalab .title span.state_P i {
    background: #5DC03B
}

#datalab .title span.state_R {
    color: #FF4949
}

#datalab .title span.state_R i {
    background: #FF4949
}

#datalab .total_data {
    overflow: hidden;
    border: 1px solid #EEE;
    margin: 10px 0
}

#datalab .total_data > div {
    border-left: 1px solid #EEE;
    width: 131px;
    float: left;
    padding: 25px;
    height: 60px
}

#datalab .total_data > div:first-child {
    border: 0;
    width: 132px
}

#datalab .total_data span {
    display: block;
    font-size: 14px;
    color: #555;
    margin-bottom: 8px
}

#datalab .total_data span i {
    color: #CCC;
    margin-left: 4px;
    font-size: 12px
}

#datalab .total_data p {
    font-size: 28px;
    font-weight: bold;
    color: #000
}

#datalab .report_graph {
    background: #F9F9F9;
    height: 300px;
    margin-bottom: 12px;
    border: 1px solid #EEE
}

#datalab .report tr:hover td {
    background: #FAFAFA
}

#datalab .report th {
    background: #F0F0F0;
    font-size: 13px;
    font-weight: 600;
    height: 46px;
    text-align: center;
    border: 1px solid #DDD;
    border-left: 0
}

#datalab .report th:first-child {
    border-left: 1px solid #DDD
}

#datalab .report td {
    position: relative;
    border: 1px solid #E0E0E0;
    border-width: 0 1px 1px 0;
    font-size: 14px;
    letter-spacing: 0;
    background: #FFF
}

#datalab .report tr td:first-child {
    border-left: 1px solid #DDD
}

#datalab .report td div {
    color: #999;
    font-size: 12px
}

#datalab .report td.edit img {
    cursor: pointer
}

#datalab .report td.edit a {
    display: inline-block;
    cursor: pointer;
    background: #EEE;
    border: 1px solid #CCC;
    font-size: 12px;
    padding: 2px 5px;
    letter-spacing: -1px;
    color: #666
}

#datalab .report td.edit .request:hover {
    border-color: #A0A0A0;
    color: #000
}

#datalab .report td .state_L {
    color: #448AFF
}

#datalab .report td .btn_edit {
    display: inline-block;
    margin-left: 10px;
    background: #EEE;
    border: 1px solid #CCC;
    font-size: 12px;
    padding: 2px 5px;
    letter-spacing: -1px;
    color: #666
}

#datalab .report td .btn_edit:hover {
    border-color: #A0A0A0;
    color: #000
}

#datalab .report td .subject_text {
    color: #000;
    font-size: 14.5px
}

#datalab .report td .subject_text:hover {
    text-decoration: underline
}

#datalab .report td .subject_text .view_graph {
    position: relative;
    top: 3px;
    left: 3px;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 5px;
    background: url('/images/p6717_icon_assessment_gray.png') no-repeat
}

#datalab .report td .subject_text:hover .view_graph {
    background: url('/images/p6717_icon_assessment.png') no-repeat
}

#datalab .report td .account_number {
    font-size: 12px;
    color: #787878;
    padding-top: 5px
}

#datalab .report td .state_O {
    color: #999
}

#datalab .report td .state_X {
    color: #448AFF
}

#datalab .report .func_edit {
    display: none;
    position: absolute;
    top: 25px;
    right: 12px
}

#datalab .report tr:hover .func_edit {
    display: block
}

#datalab .report .nodata p {
    font-size: 23px;
    text-align: center;
    color: #999;
    margin: 70px 0 30px 0
}

#datalab .report.each {
    margin-bottom: 15px
}

#datalab .report.each td {
    border-bottom: 0
}

#datalab .report.each td .subject_text:hover {
    text-decoration: none
}

.write-done {
    text-align: center;
    padding: 50px 0
}

.write-done strong {
    display: block;
    margin: 40px 0 20px;
    color: #000;
    font-size: 32px
}

.write-done p {
    font-size: 20px
}

.write-done .recommend {
    background: #F2F4F6;
    border-radius: 16px;
    margin: 40px 0;
    padding: 40px 20px
}

.write-done .recommend p {
    font-size: 18px;
    margin-bottom: 24px;
    font-weight: 600
}

.write-done .recommend ul {
    display: flex;
    gap: 20px;
    justify-content: center
}

.write-done .recommend ul li {
    background: #FFF;
    border-radius: 16px;
    overflow: hidden;
    width: 100%;
    max-width: 50%
}

.write-done .recommend ul li a {
    display: block
}

.write-done .recommend ul li img {
    width: 100%;
    height: auto
}

.write-done .recommend ul li span {
    font-size: 15px;
    color: #808a9d
}

.write-done .recommend div {
    text-align: left;
    padding: 24px 20px;
    line-height: 200%
}

.write-done .recommend div p {
    margin: 0
}

.write-done .button a {
    width: 300px;
    line-height: 52px;
    font-size: 16px;
    margin: 50px auto;
    display: block;
    font-weight: 500;
    background: #333;
    color: #FFF;
    text-align: center;
    box-shadow: 0 0 6px rgba(0,0,0,0.15);
    border-radius: 6px
}

#BD1957-write {
    background: #FFF;
    border-radius: 8px;
    padding: 20px
}

#BD1957-write .authentication_pop > div {
    display: block;
    background: #FFF;
    z-index: 10000;
    width: 520px;
    border-radius: 12px;
    padding: 30px 24px;
    box-sizing: border-box;
    overflow: hidden
}

#BD1957-write .authentication_pop strong {
    display: block;
    margin-bottom: 20px;
    color: #000;
    font-size: 21px;
    letter-spacing: -0.5px;
    font-weight: bold
}

#BD1957-write .authentication_pop strong + p {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 20px;
    font-weight: 500
}

#BD1957-write .authentication_pop label {
    display: block;
    font-size: 14px;
    color: #333;
    margin-bottom: 8px;
    font-weight: bold
}

#BD1957-write .authentication_pop label i {
    font-style: normal;
    color: #FF4949;
    margin-left: 4px
}

#BD1957-write .getEmailForm {
    margin-bottom: 16px;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
    color: #000;
    position: relative;
    display: flex
}

#BD1957-write .getEmailForm input[name=email] {
    border: 0;
    margin: 0 !important;
    background: #FFF
}

#BD1957-write .getEmailForm i {
    display: block;
    line-height: 42px;
    font-style: normal;
    font-size: 15px;
    font-weight: 500;
    padding: 0 12px;
    min-width: 140px;
    width: fit-content;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 220px
}

#BD1957-write .authentication_pop .notice-email-auth {
    margin-top: 12px
}

#BD1957-write .authentication_pop .notice-email-auth, #BD1957-write .authentication_pop .notice-auth-code {
    font-size: 14px;
    color: #555;
    display: block;
    margin-bottom: 30px;
    line-height: 20px
}

#BD1957-write .authentication_pop .email_auth_wrap input[name=email] {
    font-size: 16px;
    height: 44px;
    padding: 0 12px;
    border-radius: 4px;
    color: #000;
    background: #FFF;
    font-weight: bold;
    border-color: #D0D0D0;
    margin: 0
}

#BD1957-write .authentication_pop .email_auth_wrap input[name=email]::placeholder {
    font-weight: normal;
    font-size: 14px
}

#BD1957-write .authentication_pop #rstMsg {
    border-radius: 20px;
    background: #feecec;
    color: #c41212;
    width: fit-content;
    line-height: 22px;
    padding: 0 8px;
    font-weight: 500;
    margin-top: 6px
}

#BD1957-write .authentication_pop input[name=auth_code] {
    height: 52px;
    background: #FFF;
    font-size: 19px;
    font-weight: bold;
    color: #000;
    margin: 8px 0 !important;
    outline: 2px solid var(--event-point);
    border-color: var(--event-point)
}

#BD1957-write .authentication_pop input[name=auth_code]:focus {
    outline: 3px solid var(--event-point)
}

#BD1957-write .authentication_pop input[name=auth_code]::placeholder {
    font-size: 15px
}

#BD1957-write .authentication_pop .wrong_email_wrap {
    float: right
}

#BD1957-write .authentication_pop .wrong_email_btn {
    font-size: 14px;
    color: #999;
    letter-spacing: -0.5px;
    line-height: 18px;
    float: right
}

#BD1957-write .authentication_pop .wrong_email_btn:hover {
    text-decoration: underline
}

#BD1957-write .modal-animation .info_all .item:after {
    display: block;
    content: "";
    clear: both
}

#BD1957-write .authentication_pop .add_more a {
    color: #777;
    margin-top: 12px
}

#BD1957-write .authentication_pop .btn_cancel {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 36px;
    height: 36px;
    color: #666;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: all 0.2s
}

#BD1957-write .authentication_pop .btn_cancel:hover {
    background: #F0F0F0
}

#BD1957-write .authentication_pop .email_btns {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    gap: 20px
}

#BD1957-write .authentication_pop .email_btns input {
    height: 48px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    background: #f5f5f5;
    width: 100%
}

#BD1957-write .authentication_pop .email_btns input[name="auth_btn"] {
    background: #333;
    color: #FFF;
    border: 0
}

#BD1957-write .authentication_pop .email_btns input[name="auth_btn"]:hover {
    background: #000
}

#BD1957-write .authentication_pop .email_btns input[name=email_auth_send_btn] {
    height: 48px;
    border-radius: 8px;
    cursor: pointer;
    background: #333;
    color: #FFF;
    border: 0;
    width: 100%;
    font-size: 16px;
    transition: all 0.2s;
    font-weight: 600
}

#BD1957-write .authentication_pop .email_btns input[name=email_auth_send_btn]:hover {
    background-color: #000
}

#BD1957-write .WF-body .wrap {
    position: absolute;
    top: 50%;
    margin-top: -290px;
    left: 50%;
    margin-left: -260px;
    z-index: 10000;
    background: #FFF;
    width: 520px;
    height: 580px;
    border-radius: 12px;
    padding: 30px;
    box-sizing: border-box;
    overflow: hidden
}

#BD1957-write .WF-body .wrap strong {
    display: block;
    margin-bottom: 20px;
    color: #000;
    font-size: 18px;
    letter-spacing: -1px
}

#BD1957-write .WF-body .wrap .item {
    position: relative
}

#BD1957-write .WF-body .wrap .item em {
    position: absolute;
    top: 35px;
    left: 177px
}

#BD1957-write .WF-body .wrap label {
    display: block;
    font-size: 14px;
    color: #666;
    margin-bottom: 6px
}

#BD1957-write .WF-body .wrap label i {
    font-style: normal;
    color: #FF4949
}

#BD1957-write .WF-body .wrap input {
    background-color: #fff;
    font-size: 15px;
    height: 42px;
    border: 1px solid #E0E0E0;
    padding: 0 12px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
    margin-bottom: 16px;
    color: #000
}

#BD1957-write .WF-body .wrap input[type=text] {
    font-weight: 500
}

#BD1957-write .WF-body .wrap .company input[type=text] {
    width: 340px;
    font-size: 15px;
    height: 42px;
    border: 1px solid #E0E0E0;
    padding: 0 12px;
    box-sizing: border-box;
    border-radius: 4px;
    margin-bottom: 8px;
    color: #000;
    background: #fff
}

#BD1957-write .WF-body .wrap .hideCompnayName {
    float: right;
    height: 42px;
    line-height: 42px
}

#BD1957-write .WF-body .wrap input[type=checkbox] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #E0E0E0;
    margin: 0;
    position: relative;
    top: -1px
}

#BD1957-write .WF-body .wrap input[type=checkbox] + label {
    display: inline-block;
    padding-left: 4px;
    cursor: pointer
}

#BD1957-write .WF-body .wrap textarea {
    width: 100%;
    box-sizing: border-box;
    resize: none;
    border-radius: 4px;
    border: 1px solid #E0E0E0;
    padding: 12px;
    font-size: 15px;
    line-height: 150%;
    color: #000;
    min-height: 96px
}

#BD1957-write .WF-body .wrap input[type=submit] {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 54px;
    border-radius: 12px;
    margin: 30px;
    cursor: pointer;
    background: #333;
    color: #FFF;
    border: 0;
    width: calc(100% - 60px);
    font-size: 17px
}

#BD1957-write .WF-body .wrap input[name=etc_3] {
    width: 100px;
    margin-right: 8px
}

#BD1957-write .WF-body .wrap select[name=etc_4] {
    font-size: 15px;
    height: 42px;
    width: 60px;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    border-radius: 4px;
    vertical-align: top;
    background: #FFF;
    text-align: center
}

#BD1957-write .WF-body .wrap input[name=etc_5] {
    width: 100px;
    background: #fff;
    margin-right: 8px;
    margin-left: 16px
}

#BD1957-write .WF-body .wrap select[name=etc_6] {
    color: #000;
    font-size: 15px;
    height: 42px;
    width: 60px;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    border-radius: 4px;
    vertical-align: top;
    background: #FFF;
    text-align: center
}

#BD1957-write .WF-body .wrap .btn_cancel {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 0px !important;
    width: 36px;
    height: 36px;
    margin: 0;
    color: #666;
    background: none !important;
    font-size: 18px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 50% !important
}

#BD1957-write .WF-body .wrap .empty {
    border-color: #ff4949
}

.bages_label {
    padding-top: 24px;
    display: flex;
    gap: 8px;
    align-items: center
}

.bages_label p {
    font-size: 13px;
    background: var(--color-50);
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-weight: 600;
    line-height: 20px;
    color: var(--color-500)
}

#contact-container .head {
    margin-bottom: 12px !important;
    justify-content: space-between
}

#contact-container .head strong {
    font-size: 16px;
    font-weight: bold;
    color: #000
}

#contact-container .head .title {
    display: flex;
    gap: 20px;
    align-items: center
}

#contact-container .head .my_cash {
    font-size: 13px
}

#contact-container .head .my_cash a {
    font-weight: bold;
    color: var(--event-point);
    padding: 4px 6px;
    transition: all 0.2s;
    border-radius: 20px
}

#contact-container .head .my_cash a:hover {
    text-decoration: underline
}

#contact-container .head .my_cash span {
    font-weight: bold
}

#contact-container .head .badges {
    display: flex;
    gap: 4px;
    align-items: center
}

#contact-container .head .badges span {
    cursor: help
}

#contact-container .contact-items {
    background: #FFF;
    border-radius: 6px;
    padding: 12px 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

#contact-container .contact-items > div {
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 32px;
    color: #000
}

#contact-container .contact-items span {
    font-size: 13px;
    font-weight: bold;
    color: #999;
    width: 60px
}

#contact-container .fav-contact {
    background: #FFF;
    border-radius: 6px;
    line-height: 22px;
    padding: 8px 20px;
    font-size: 13px;
    font-weight: 500;
    color: #555
}

#contact-container .fav-contact span {
    color: var(--event-point);
    font-weight: bold
}

#BD1957-view #contact-container .user_info_contact .btn_cash, #BD1957-view .user_info_contact {
    text-align: center
}

#BD1957-view #contact-container .user_info_contact .btn_cash, #BD1957-view .user_info_contact span {
    background: #000;
    color: #FFF;
    border-radius: 12px;
    font-size: 16px;
    font-weight: bold
}


@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard-dynamic-subset.css");html,body {
    width: 100%;
    height: 100%;
    -webkit-text-size-adjust: none
}

html {
    overflow-y: auto
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, legend {
    margin : 0;
    padding : 0
}

h1,h2,h3,h4,h5,h6 {
    font-size : 100%
}

ol, ul, li {
    list-style : none
}

a {
    text-decoration: none;
    outline: none;
    color: #454545
}

*:focus {
    outline: none
}

address, caption, cite, code, dfn, th, var {
    font-style : normal;
    font-weight : normal
}

fieldset, img, input {
    border : 0;
    vertical-align: middle
}

caption {
    height: 0;
    width: 0;
    line-height: 0;
    visibility: hidden;
    overflow: hidden;
    position: absolute
}

legend {
    display: none
}

body, h1, h2, h3, h4, h5, h6, th, td, input, select, textarea {
    color: #454545;
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
    font-size: 12px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

strong {
    font-weight: 600
}

.AB-cr {
    zoom:1}

.AB-cr:after {
    content: "";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0
}

iframe[name='google_conversion_frame'] {
    height: 0!important;
    width: 0!important;
    line-height: 0!important;
    font-size: 0!important;
    margin-top: -13px;
    float: left
}

.hid {
    display: block;
    overflow: hidden;
    font-size: 0px;
    line-height: 0;
    text-indent: -9999px
}

iframe [name='google_conversion_frame'] {
    height: 0!important;
    width: 0!important;
    line-height: 0!important;
    font-size: 0!important;
    margin-top: -13px;
    float: left
}

.ABA-content-box {
    margin-right: 0
}

.bbs_wrap {
    text-align: center;
    margin-left: 25px
}

.bbs_body {
    width: 100%;
    font-size: 15px;
    line-height: 200%;
    text-align: justify
}

.bbs_cont {
    padding: 0 10px 0 15px;
    float: left
}

.bbs_blind {
    display: none
}

.AB_PG_keyword_linker {
    text-decoration: none;
    color: #344fb7
}

.opacity_10 {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
    filter: alpha(opacity=10);
    -moz-opacity: .1;
    -khtml-opacity: .1;
    opacity: .1
}

.opacity_15 {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15);
    filter: alpha(opacity=15);
    -moz-opacity: .15;
    -khtml-opacity: .15;
    opacity: .15
}

.opacity_25 {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    filter: alpha(opacity=25);
    -moz-opacity: .25;
    -khtml-opacity: .25;
    opacity: .25
}

.opacity_35 {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    filter: alpha(opacity=35);
    -moz-opacity: .35;
    -khtml-opacity: .35;
    opacity: .35
}

.opacity_50 {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5
}

.opacity_65 {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
    filter: alpha(opacity=65);
    -moz-opacity: .65;
    -khtml-opacity: .65;
    opacity: .65
}

.opacity_75 {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    -khtml-opacity: .75;
    opacity: .75
}

.popup-align {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.popup-animation {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.3s;
    animation-name: zoom;
    animation-duration: 0.3s
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0.7)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0.7)
    }

    to {
        transform: scale(1)
    }
}

.modal-animation {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1000;
    transform: translate(-50%, -50%) scale(1.0);
    transform-origin: center;
    -webkit-animation-name: animation;
    -webkit-animation-duration: 0.3s;
    animation-name: animation;
    animation-duration: 0.3s
}

@-webkit-keyframes animation {
    from {
        -webkit-transform: translate(-50%, -50%) scale(0.7);
        transform: translate(-50%, -50%) scale(0.7)
    }

    to {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
}

@keyframes animation {
    from {
        transform: translate(-50%, -50%) scale(0.7)
    }

    to {
        transform: translate(-50%, -50%) scale(1)
    }
}

:root {
    --event-point : rgb(68,41,243);
    --event-black : #000;
    --event-today : #660ff7;
    --color-50 : #f1edf8;
    --color-100 : #d9cbf4;
    --color-200 : #b495ec;
    --color-300 : #9468e6;
    --color-400 : #7739ea;
    --color-500 : #5707eb;
    --color-600 : #4e07d2;
    --color-700 : #4106b0;
    --color-800 : #34058a;
    --color-900 : #23045d;
    --grey-color-50 : #f8f7fa;
    --grey-color-100 : #f3f2f6;
    --grey-color-200 : #e6e4eb;
    --grey-color-300 : #d4d0db;
    --grey-color-400 : #b6b0c2;
    --grey-color-500 : #928aa1;
    --grey-color-600 : #746b85;
    --grey-color-700 : #574e69;
    --grey-color-800 : #3a324a;
    --grey-color-900 : #1f1a29;
    --confirm : #5AC22E
}

.text-ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ellipsis-1 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ellipsis-2 {
    display: -webkit-box !important;
    display: -moz-box;
    display: box !important;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.ellipsis-3 {
    display: -webkit-box !important;
    display: -moz-box;
    display: box !important;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.ellipsis-4 {
    display: -webkit-box !important;
    display: -moz-box;
    display: box !important;
    -webkit-line-clamp: 4;
    -moz-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.btn-ui-confirm {
    color: #007347;
    background: RGBA(90, 194, 46, 0.2);
    font-weight: 500;
    display: flex;
    height: 22px;
    align-items: center;
    padding: 0 8px;
    border-radius: 20px;
    gap: 4px;
    width: fit-content
}

.btn-ui-confirm i {
    background: #007347;
    width: 6px;
    height: 6px;
    display: block;
    border-radius: 100px
}

.btn-ui-cancel {
    color: #c41212;
    background: #feecec;
    font-weight: 500;
    display: flex;
    height: 22px;
    align-items: center;
    padding: 0 8px;
    border-radius: 20px;
    gap: 4px;
    width: fit-content
}

.btn-ui-cancel i {
    background: #ff4949;
    width: 6px;
    height: 6px;
    display: block;
    border-radius: 100px
}

.btn-ui-done {
    color: #4a4a4a;
    background: #ededef;
    font-weight: 500;
    display: flex;
    height: 22px;
    align-items: center;
    padding: 0 8px;
    border-radius: 20px;
    gap: 4px;
    width: fit-content
}

.btn-ui-done i {
    background: #4a4a4a;
    width: 6px;
    height: 6px;
    display: block;
    border-radius: 100px
}

.pdt12 {
    padding-top: 12px
}

.ABA-out-box {
    margin-top: 20px;
    line-height: 19px
}

.ABA-waring {
    border: 1px solid #cfcfcf;
    padding: 19px 15px
}

.ABA-waring ul {
    margin: 20px 0
}

.AB-out-lst .AB-fnc02 {
    color: #ff9000;
    font-weight: 600
}

.ABA-out-input {
    background: #f6f6f6;
    border: 1px solid #cfcfcf;
    padding: 11px 10px;
    margin-top: 22px
}

.AB-sj01 {
    width: 101px;
    font-weight: 600;
    padding-left: 10px
}

.AB-blank {
    background: url("bg_dot.gif") 0 0 repeat-y
}

.AB-util-menu {
    position: absolute;
    right: 3px;
    top: 20px
}

.AB-util-menu ul li.first {
    background: none
}

.AB-util-menu ul li {
    float: left;
    background: url("line02.gif") 0 3px no-repeat;
    padding: 0 7px 0 6px
}

.AB-util-menu a {
    font-size: 11px;
    font-family: 돋움체;
    letter-spacing: -1px
}

.ABA-search-wrap {
    position: absolute;
    right: 0;
    bottom: 6px;
    overflow: hidden;
    zoom:1;text-align: right
}

.AB-tsch {
    display: inline
}

p.AB-sologon {
    font-size: 11px;
    color: #717171;
    line-height: 16px;
    display: inline;
    padding: 2px 10px 0 0
}

p.AB-sologon span {
    color: #ff1021
}

.AB-sch-inputtype01 {
    border: 1px solid #d8d8d8;
    width: 407px;
    height: 24px;
    line-height: 24px;
    padding-left: 5px;
    font-size: 15px
}

.AB-tsch-box {
    padding-right: 44px;
    position: relative;
    zoom:1}

.AB-tsch-box .AB-sch-inputtype03 {
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 23px;
    _top: 2px
}

.AB-sch-inputtype02 {
    border: 1px solid #aaa !important;
    width: 100%;
    height: 21px !important;
    border-right: none !important;
    margin-right: -4px;
    vertical-align: middle;
    line-height: 21px
}

.ABA-bbs-btn {
    margin: 6px 0 5px
}

.ABA-bbs-btn p {
    background: url("bg_round_box01.gif") 0 0 no-repeat;
    width: 100%;
    line-height: 26px;
    font-size: 11px;
    margin-bottom: 4px
}

.ABA-bbs-btn p a {
    color: #4a4a4a;
    display: block;
    margin-left: 40px;
    ;background: url("bg_round_box01.gif") right -27px no-repeat;
    height: 27px
}

.ABA-subcontent {
    position: relative;
    ;_width: 763px
}

.ABA-subcontent h4 {
    background: url("icon_allow03.gif") 0 5px no-repeat;
    padding: 5px 0 5px 18px;
    font-size: 13px;
    color: #000
}

.AB-wrightbtn-pos {
    position: absolute;
    right: 0;
    top: 0;
    height: 35px
}

.AB-text-clause .bx {
    line-height: 23px;
    padding: 17px 21px
}

.AB-text-clause .bx h2 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin: 8px 0
}

.AB-text-clause .bx h3 {
    padding: 15px 0 15px 4px;
    background: none;
    font-size: 15px;
    font-weight: 600
}

.box_sizing {
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    box-sizing: border-box!important
}

.bdR3 {
    -webkit-border-radius: 3px!important;
    -moz-border-radius: 3px!important;
    border-radius: 3px!important
}

.bdR5 {
    -webkit-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    border-radius: 5px!important
}

.bd_R1 {
    -webkit-border-radius: 1px!important;
    -moz-border-radius: 1px!important;
    border-radius: 1px!important
}

.bd_R2 {
    -webkit-border-radius: 2px!important;
    -moz-border-radius: 2px!important;
    border-radius: 2px!important
}

.bd_R3 {
    -webkit-border-radius: 3px!important;
    -moz-border-radius: 3px!important;
    border-radius: 3px!important
}

.bd_R5 {
    -webkit-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    border-radius: 5px!important
}

.bd_R7 {
    -webkit-border-radius: 7px!important;
    -moz-border-radius: 7px!important;
    border-radius: 7px!important
}

.bd_R10 {
    -webkit-border-radius: 10px!important;
    -moz-border-radius: 10px!important;
    border-radius: 10px!important
}

.bd_R30 {
    -webkit-border-radius: 30px!important;
    -moz-border-radius: 30px!important;
    border-radius: 30px!important
}

.bd_R50 {
    -webkit-border-radius: 50%!important;
    -moz-border-radius: 50%!important;
    border-radius: 50%!important
}

.nlevel {
    height: 16px;
    width: 22px;
    display: inline-block;
    background-image: url('https://cdn.ibos.kr/template/BUILDER_community/program/images/level03.gif');
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 3px
}

.nlevel_98 {
    background-position: 0 0
}

.nlevel_97 {
    background-position: -22px 0
}

.nlevel_96 {
    background-position: -44px 0
}

.nlevel_95 {
    background-position: 0 -19px
}

.nlevel_94 {
    background-position: -22px -19px
}

.nlevel_93 {
    background-position: -44px -19px
}

.nlevel_92 {
    background-position: 0 -37px
}

.nlevel_91 {
    background-position: -22px -37px
}

.nlevel_90 {
    background-position: -44px -37px
}

.nlevel_89 {
    background-position: 0 -54px
}

.nlevel_88 {
    background-position: -22px -54px
}

.nlevel_87 {
    background-position: -44px -54px
}

.nlevel_86 {
    background-position: 0 -74px
}

.nlevel_85 {
    background-position: -22px -74px
}

.nlevel_84 {
    background-position: -44px -74px
}

.nlevel_83 {
    background-position: 0 -96px
}

.nlevel_82 {
    background-position: -22px -96px
}

.nlevel_81 {
    background-position: -44px -96px
}

.nlevel_80 {
    background-position: 0 -118px
}

.nlevel_79 {
    background-position: -22px -118px
}

.nlevel_78 {
    background-position: -44px -118px
}

.nlevel_77 {
    background-position: 0 -140px
}

.nlevel_76 {
    background-position: -22px -140px
}

.nlevel_75 {
    background-position: -44px -140px
}

.nlevel_74 {
    background-position: 0 -162px
}

.nlevel_73 {
    background-position: -22px -162px
}

.nlevel_72 {
    background-position: -44px -162px
}

.nlevel_71 {
    background-position: 0 -184px
}

.nlevel_70 {
    background-position: -22px -184px
}

.nlevel_69 {
    background-position: -44px -184px
}

.nlevel.nlevel_01, .nlevel.nlevel_00 {
    height: 16px;
    width: 22px;
    display: inline-block;
    background: url('https://cdn.ibos.kr/images/level_Admin.png') no-repeat;
    vertical-align: middle ;
    margin-right: 3px;
    background-position: 0
}

.plusBadge {
    color: #7115f4;
    font-size: 12px;
    position: relative;
    top: -2px
}

.plusBadge.cmt {
    font-size: 14px;
    margin-left: 4px
}

.ABA-footer {
    margin: 15px auto 0
}

.AB-fmenu-wrap {
    overflow: hidden;
    zoom:1;padding: 9px 0
}

.AB-foot-tit {
    float: left;
    width: 190px;
    text-align: center
}

.AB-fmenu li {
    float: left;
    padding: 0 15px;
    border-left: 1px solid #d2d2d2
}

.AB-fmenu li a {
    color: #454545;
    font-size: 12px
}

.AB-foot-logo {
    width: 190px;
    text-align: center;
    padding-top: 15px
}

.AB-adress {
    padding-top: 17px
}

.AB-adress li {
    color: #454545;
    font-size: 11px;
    line-height: 17px
}

.AB-idpw-input li strong {
    font-weight: 600
}

.AB-sndline-d {
    border-top: 1px solid #b2b2b2;
    border-bottom: 2px solid #353535
}

.layout_col .tit {
    position: relative
}

.layout_col .tit h5 {
    display: block;
    font-size: 15px;
    letter-spacing: -1px;
    color: #454545;
    padding-bottom: 12px;
    font-weight: 500
}

.layout_col .tit .more {
    position: absolute;
    top: 3px;
    right: 0;
    color: #A5A5A5
}

.layout_col .tit .more:hover {
    text-decoration: underline
}

.layout_col .today_issue {
    position: relative;
    padding: 30px 20px;
    background: #FFF
}

.layout_col .today_issue .cell a {
    font-size: 13px;
    line-height: 30px;
    color: #1c1c1c;
    letter-spacing: -1px
}

.layout_col .today_issue .cell a:hover span {
    text-decoration: underline
}

.layout_col .today_issue .cell em {
    display: inline-block;
    padding-right: 5px;
    font-style: normal;
    font-weight: 600;
    color: #959595;
    width: 15px;
    text-align: center;
    font-size: 14px
}

.layout_col .today_issue .cell .num_1 em, .layout_col .today_issue .cell .num_2 em, .layout_col .today_issue .cell .num_3 em {
    color: #FF4949
}

.layout_col .today_issue .slide_wrap {
    overflow: hidden;
    height: 150px
}

.layout_col .today_issue .bx-pager.bx-default-pager {
    position: absolute;
    top: 33px;
    right: 20px
}

.layout_col .today_issue .bx-pager.bx-default-pager .bx-pager-item {
    display: inline-block
}

.layout_col .today_issue .bx-pager.bx-default-pager .bx-pager-item a {
    display: block;
    color: #A5A5A5;
    padding: 0 3px;
    font-weight: 600
}

.layout_col .today_issue .bx-pager.bx-default-pager .bx-pager-item a.active {
    color: #993399;
    text-decoration: underline
}

.layout_col .sec_column {
    position: relative;
    background: #F5F5F5;
    height: 230px
}

.layout_col .sec_column .sec_column_slide {
    overflow: hidden;
    height: 210px
}

.layout_col .sec_column .slide {
    background: #F5F5F5;
    border-top: 1px solid #EEE;
    z-index: unset !important
}

.layout_col .sec_column a {
    display: block;
    color: #1c1c1c
}

.layout_col .sec_column a:hover p {
    text-decoration: underline
}

.layout_col .sec_column span {
    color: #448AFF;
    font-size: 14px
}

.layout_col .sec_column p {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500
}

.layout_col .sec_column .cont {
    padding: 10px 20px 0 20px;
    border-top: 1px solid #EAEAEA;
    letter-spacing: -0.5px
}

.layout_col .sec_column .bx-pager {
    text-align: center;
    padding: 10px 0;
    background: #F5F5F5
}

.layout_col .sec_column .bx-pager-item {
    display: inline-block
}

.layout_col .sec_column .bx-pager-item a {
    display: inline-block;
    background: #DDD;
    text-indent: -9999px;
    display: block;
    width: 7px;
    height: 7px;
    margin: 0px 5px;
    outline: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.layout_col .sec_column .bx-pager-item a:hover, .layout_col .sec_column .bx-pager-item a.active {
    background: #FF4949
}

.layout_col .sec_column .bx-controls-direction a {
    position: absolute;
    top: 60px;
    z-index: 1;
    background: #666
}

.layout_col .sec_column .bx-controls-direction .bx-prev {
    left: 0px;
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url('https://cdn.ibos.kr/images/main_icon.png') 0 -190px no-repeat;
    vertical-align: middle;
    text-indent: -999em
}

.layout_col .sec_column .bx-controls-direction .bx-next {
    right: 0px;
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url('https://cdn.ibos.kr/images/main_icon.png') -20px -190px no-repeat;
    vertical-align: middle;
    text-indent: -999em
}

.layout_col .most_popular {
    position: relative;
    padding: 20px 15px;
    border: 1px solid #EEE;
    background: #FFF;
    border-radius: 6px;
    margin-bottom: 12px
}

.layout_col .most_popular .cell a {
    font-size: 14px;
    line-height: 30px;
    color: #454545;
    display: flex;
    align-items: center
}

.layout_col .most_popular .cell a img {
    margin-right: 7px
}

.layout_col .most_popular .cell em {
    display: inline-block;
    padding-right: 5px;
    font-style: normal;
    font-weight: 600;
    color: #959595;
    width: 15px;
    text-align: center;
    font-size: 13px;
    letter-spacing: -1px;
    vertical-align: top
}

.layout_col .most_popular .cell em.tblabel {
    display: inline-block;
    background: #F9F9F9;
    border: 1px solid #EAEAEA;
    margin-right: 4px;
    font-size: 11px;
    padding: 1px 0;
    color: #666 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 32px;
    vertical-align: top;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 16px;
    text-align: center;
    position: relative;
    top: 4px
}

.layout_col .most_popular .cell a span {
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 45px);
    line-height: 32px;
    font-size: 15px;
    font-weight: 500
}

.layout_col .most_popular .cell a:hover span {
    text-decoration: underline;
    font-weight: 600;
    color: #333
}

.layout_col .most_popular .cell a label {
    font-size: 12px;
    color: var(--color-600);
    font-weight: bold;
    margin-left: 6px;
    letter-spacing: -0.5px
}

.layout_col .most_popular .cell .icon-poll {
    color: var(--event-point);
    margin-left: 6px
}

.layout_col .most_popular .cell .num_1 em, .layout_col .most_popular .cell .num_2 em, .layout_col .most_popular .cell .num_3 em {
    color: #FF4949
}

.layout_col .most_popular .cell .num_5 {
    margin-bottom: 15px
}



.most_popular .tab-wrap span:hover {
    cursor: pointer
}

.most_popular .tab-wrap span.active {
    /*color: #FFF;
    background: var(--color-600)*/
}

.most_popular .tab-container > div {
   /* display: none*/
}

.most_popular .tab-container > div:first-child {
    display: block
}

#layout-container {
    /*padding-top: 20px;*/
    background: #F2F4F6
}

#layout-container .outer-container {
    padding: 30px;
    background: #FFF;
    border-radius: 8px;
    margin-bottom: 20px
}

#layout-container .ABA-container-box-730 {
    width: 770px
}

#layout-container #bom_articles_lst {
    margin-top: 30px
}

.tab-menu ul {
    display: flex;
    margin-bottom: 20px;
    gap: 0 8px
}

.tab-menu ul li {
    font-size: 15px;
    letter-spacing: -0.5px;
    background: #FAFAFA;
    line-height: 38px;
    padding: 0 16px;
    color: #FFF;
    border-radius: 30px;
    cursor: pointer;
    box-sizing: border-box;
    color: #666
}

.tab-menu ul li:first-child {
    background: #448AFF;
    color: #FFF;
    font-weight: bold
}

.ly_column {
    background: #FFF;
    border: 1px solid #EEE;
    border-radius: 6px;
    padding: 12px 16px 24px 16px;
    margin-bottom: 12px
}

.ly_column .tit {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #000;
    padding: 12px 0 24px;
    display: flex;
    justify-content: space-between
}

.ly_column .tit a {
    font-weight: normal;
    font-size: 14px
}

.ly_column .cell-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

.ly_column .cell {
    position: relative;
    border-top: 1px solid #EEE;
    padding-top: 12px;
    width: 100%
}

.ly_column .cell:first-child {
    border: 0;
    padding: 0
}

.ly_column .cell a {
    display: flex;
    gap: 16px;
    justify-content: space-between
}

.ly_column .cell a:hover span {
    text-decoration: underline
}

.ly_column .cell span {
    font-size: 16px;
    color: #000;
    display: block;
    margin-bottom: 4px;
    word-break: keep-all;
    line-height: 22px
}

.ly_column .cell p {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    word-break: keep-all
}

.ly_column .cell .name {
    color: #888
}

.ly_column .thumb_wrap {
    width: 100px;
    height: 68px;
    overflow: hidden;
    border-radius: 6px;
    min-width: 100px;
    position: relative
}

.ly_column .thumb_wrap img {
    width: 100%
}

.ly_column .thumb_wrap em {
    font-style: normal;
    position: absolute;
    right: 3px;
    bottom: 3px;
    padding: 0 6px;
    background: rgba(0,0,0,.2);
    color: #FFF;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    border-radius: 10px
}

.ly_column .thumb_img {
    object-fit: cover
}

.ly_square {
    background: #FFF;
    border: 1px solid #EEE;
    border-radius: 6px;
    padding: 12px 16px 24px 16px;
    margin-bottom: 12px
}

.ly_square .tit {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #000;
    padding: 12px 0 24px;
    display: flex;
    justify-content: space-between
}

.ly_square .tit a {
    font-weight: normal;
    font-size: 14px
}

.ly_square .container, .ly_square .column_wrap {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: space-between;
    display: none
}

.ly_square .container::before {
    content: none
}

.ly_square .container:first-child {
    display: flex
}

.ly_square .container.active, .ly_square .column_wrap.active {
    display: flex !important
}

.ly_square .cell {
    display: flex;
    flex-basis: calc(50% - 5px);
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    border-radius: 4px;
    overflow: hidden
}

.ly_square .cell a {
    display: block
}

.ly_square .cell img {
    object-fit: cover;
    width: 100%;
    height: 100px;
    min-width: 156px
}

.ly_square .cell p {
    margin: 12px;
    font-size: 15px;
    line-height: 22px;
    color: #000;
    letter-spacing: -0.5px;
    word-break: break-all
}

.ly_square .refresh {
    width: 100%;
    text-align: center
}

.ly_square .refresh p {
    border: 1px solid #EBEBEB;
    border-radius: 30px;
    display: inline-block;
    color: #333;
    padding: 0px 20px;
    font-size: 14px;
    margin-top: 12px;
    box-sizing: border-box;
    line-height: 38px;
    cursor: pointer
}

.ly_square .refresh p i {
    margin-right: 5px
}

.ly_square .refresh p:hover {
    background: #F2F4F6;
    transition: all 0.2s
}

.ly_square .pager {
    width: 100%;
    text-align: center;
    margin-top: 16px
}

.ly_square .pager p {
    font-size: 15px;
    display: flex;
    gap: 4px;
    justify-content: center
}

.ly_square .pager p span {
    font-weight: 500;
    display: inline-block;
    width: 12px;
    text-align: center
}

.ly_square .pager p #current_page {
    font-weight: bold;
    color: #448AFF
}

.ly_square .pager p label {
    display: inline-block;
    font-style: normal;
    color: #DDD;
    margin: 0 6px
}

.ly_square .pager .fa-angle-right, .ly_square .pager .fa-angle-left {
    width: 20px;
    text-align: center;
    font-size: 20px;
    margin: 0 12px;
    cursor: pointer
}

.layout_col .new_articles {
    padding: 20px;
    border: 1px solid #EEE;
    background: #FFF;
    border-radius: 6px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.layout_col .new_articles .cell a {
    position: relative;
    font-size: 14px;
    line-height: 30px;
    color: #1c1c1c;
    text-indent: 5px;
    padding-left: 7px
}

.layout_col .new_articles .cell a:hover span {
    text-decoration: underline
}

.layout_col .new_articles .cell em {
    position: absolute;
    left: 0;
    top: 12px;
    display: block;
    width: 5px;
    height: 5px;
    text-indent: -999em;
    background: #E55757;
    border-radius: 50%
}

.layout_col .new_articles .cell img {
    margin-right: 7px
}

.layout_col .new_comments {
    padding: 20px;
    border: 1px solid #EEE;
    border-top: 0;
    background: #FFF;
    border-radius: 6px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: 12px
}

.layout_col .new_comments .cell a {
    position: relative;
    font-size: 14px;
    line-height: 30px;
    color: #1c1c1c;
    text-indent: 5px;
    padding-left: 7px
}

.layout_col .new_comments .cell a:hover span {
    text-decoration: underline
}

.layout_col .new_comments .cell em {
    position: absolute;
    left: 0;
    top: 12px;
    display: block;
    width: 5px;
    height: 5px;
    text-indent: -999em;
    background: #E55757;
    border-radius: 50%
}

.layout_col .agency_review {
    padding: 30px 20px;
    border-top: 1px solid #EEE
}

.layout_col .agency_review .cell {
    padding-bottom: 8px
}

.layout_col .agency_review .cell a {
    overflow: hidden;
    display: block;
    clear: both;
    font-size: 14px;
    line-height: 22px;
    color: #1c1c1c;
    text-indent: 5px;
    letter-spacing: -1px
}

.layout_col .agency_review .cell a:hover strong {
    text-decoration: underline
}

.layout_col .agency_review .cell p {
    color: #787878
}

.layout_col .agency_review .thumbnail {
    float: left;
    margin-right: 10px
}

#subTabArticle .menu .nav {
    overflow: hidden;
    border: 1px solid #d5d5d5;
    border-bottom: 0;
    height: 33px;
    line-height: 33px
}

#subTabArticle .menu .nav li {
    float: left;
    width: 83px
}

#subTabArticle .menu .nav li span {
    display: block;
    font-size: 13px;
    text-align: center;
    font-weight: 600;
    background-color: #f0f0f0;
    border: 1px solid #e0e0e0;
    border-top: 0;
    border-right: 0;
    line-height: 32px;
    color: #888
}

#subTabArticle .menu .nav li._boss_tab_0 span {
    border-left: 0
}

#subTabArticle .menu .nav li._boss_tab_2 {
    width: 82px
}

#subTabArticle .menu .nav li.tabs_active span {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    color: #1c1c1c
}

#subTabArticle .tab_container {
    border: 1px solid #d5d5d5;
    border-top: 0px;
    letter-spacing: -0.5px;
    margin-bottom: 5px
}

#subTabArticle .tab_container > div {
    padding: 12px 10px
}

#subTabArticle .tab_container > div a {
    line-height: 28px;
    font-size: 13px;
    padding-left: 10px
}

#subTabArticle .tab_container > div a:hover {
    text-decoration: underline;
    color: #1c1c1c
}

#subTabArticle .tab_container > div a:hover span {
    text-decoration: underline;
    color: #1c1c1c
}

#subTabArticle a {
    background: url('https://cdn.ibos.kr/images/new_dot.gif') no-repeat;
    padding-left: 15px;
    background-position: 0px 12px
}

#subTabArticle ._boss_tab_2 a {
    background: none;
    padding: 0 !important
}

#subTabArticle ._boss_tab_2 a > span {
    background: url("/https://cdn.ibos.kr/images/popular_num.gif") no-repeat;
    padding-left: 15px
}

#subTabArticle ._boss_tab_2 .num_1 > span {
    background-position: 0 0 !important
}

#subTabArticle ._boss_tab_2 .num_2 > span {
    background-position: 0 -16px !important
}

#subTabArticle ._boss_tab_2 .num_3 > span {
    background-position: 0 -32px !important
}

#subTabArticle ._boss_tab_2 .num_4 > span {
    background-position: 0 -48px !important
}

#subTabArticle ._boss_tab_2 .num_5 > span {
    background-position: 0 -64px !important
}

#subTabArticle ._boss_tab_2 .num_6 > span {
    background-position: 0 -80px !important
}

#subTabArticle ._boss_tab_2 .num_7 > span {
    background-position: 0 -96px !important
}

#BDPopularArticle {
    border: 1px solid #D5D5D5;
    margin-bottom: 10px
}

#BDPopularArticle div a {
    line-height: 20px;
    font-size: 13px;
    display: block;
    border-top: 1px dotted #eee;
    height: 65px
}

#BDPopularArticle div a:hover .AB-LF-common {
    text-decoration: underline;
    color: #1c1c1c
}

#BDPopularArticle div a.img_in_0 {
    height: 41px
}

#BDPopularArticle div a.img_in_0 span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

#BDPopularArticle > div > div:first-child a {
    border-top: 0
}

#BDPopularArticle div a span {
    padding: 12px 10px;
    display: block
}

#BDPopularArticle .Thumbnail {
    float: right;
    margin: 9px 10px;
    clear: both
}

#BDPopularArticle .Thumbnail img {
    border: 1px solid #D5D5D5
}

#BDPopularArticle .title {
    background: #F7F7F7;
    padding: 10px;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: -0.5px;
    color: #666;
    border-bottom: 1px solid #e0e0e0
}

#ly_sub_banner a {
    display: block;
    margin-bottom: 5px
}

#LNB_List {
    border: 1px solid #B3B3B3;
    margin-bottom: 10px;
    background-color: #fff;
    width: 248px;
    overflow: hidden
}

#LNB_List li {
    float: left;
    width: 124px;
    background: none
}

#LNB_List li a {
    padding-left: 10px;
    font-size: 12px;
    height: 36px;
    line-height: 36px;
    display: block;
    letter-spacing: -0.5px
}

#LNB_List li a:hover {
    background: #993399;
    color: #fff
}

#LNB_List li.submenu {
    width: 248px;
    background: #FAFAFA;
    height: 36px;
    line-height: 36px
}

#LNB_List li.submenu span {
    display: block;
    text-align: center;
    font-weight: 600;
    border-top: 1px solid #e6e6e6
}

#LNB_List li.submenu.first span {
    border-top: 0
}

#LNB_List li.lnb_active a {
    color: #fff;
    background: #993399
}

#LNB_List .submenu {
    width: 248px;
    background: #FAFAFA;
    line-height: 32px
}

#LNB_List .submenu span {
    display: block;
    text-align: center;
    font-weight: 600;
    border-top: 1px solid #e6e6e6;
    font-size: 13px;
    cursor: pointer
}

#LNB_List .submenu.online span {
    border-top: 0
}

#LNB_List > div > ul {
    display: none;
    overflow: hidden;
    background: url('https://cdn.ibos.kr/images/list_border_solid_t_36.gif') #fff repeat-y
}

#MSG_chat {
    z-index: 99
}

.msg_popup {
    display: none
}

.msg_popup .fixed {
    position: fixed;
    bottom: 12px;
    right: 30px;
    z-index: 9999;
    box-shadow: 0px 0px 5px #ccc
}

.msg_popup .fixed.memb {
    bottom: 144px
}

.msg_popup .fixed .mem_msg {
    display: block
}

.msg_popup .fixed .mem_msg:hover p {
    color: #1c1c1c
}

.msg_popup .fixed .mem_msg .cell {
    border: 2px solid #639
}

.msg_popup .cell {
    overflow: hidden;
    position: relative;
    width: 295px;
    border: 2px solid #ccc;
    background-color: #fff
}

.msg_popup .cell a {
    display: block
}

.msg_popup .cell a:hover {
    color: inherit
}

.msg_popup .title {
    background-color: #f9f9f9;
    line-height: 35px;
    padding-left: 20px;
    font-size: 15px;
    color: #666
}

.msg_popup .profile {
    overflow: hidden;
    float: left;
    width: 50px;
    height: 50px;
    margin: 15px
}

.msg_popup .comment {
    overflow: hidden;
    float: left;
    width: 200px;
    margin: 10px 15px 10px 0;
    line-height: 18px;
    font-size: 13px
}

.msg_popup .comment .txt {
    font-size: 12px
}

.msg_popup .close {
    position: absolute;
    top: 7px;
    right: 7px;
    width: 12px;
    height: 14px;
    padding: 3px;
    text-align: center;
    cursor: pointer
}

.iboss_popup_sync > div {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000
}

.iboss_popup_sync #popup_join {
    display: none
}

.iboss_popup_sync .popup_bg {
    width: 100%;
    height: 100%;
    background-color: #000;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5
}

.iboss_popup_sync .popup_close {
    position: absolute;
    top: 15px;
    right: 20px;
    cursor: pointer
}

.iboss_popup_sync .popup_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1001;
    height: 471px;
    margin-top: -302px;
    margin-left: -203px;
    padding: 65px 40px 55px;
    text-align: center;
    background: #FFF;
    border-radius: 10px
}

.iboss_popup_sync .popup_wrap h3 {
    font-size: 22px;
    font-weight: 200;
    line-height: 30px;
    color: #333;
    letter-spacing: -0.5px
}

.iboss_popup_sync .popup_wrap .img {
    margin: 50px 0 20px
}

.iboss_popup_sync .popup_wrap .txt {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: #333;
    letter-spacing: -0.5px
}

.iboss_popup_sync .popup_btn {
    margin-top: 35px
}

.iboss_popup_sync .popup_btn a {
    display: inline-block;
    zoom:1;width: 150px;
    height: 50px;
    line-height: 50px;
    margin: 0 5px;
    font-size: 16px;
    font-weight: 700
}

.iboss_popup_sync .popup_btn .btn_login {
    color: #fff;
    background: #639
}

.iboss_popup_sync .popup_btn .btn_join {
    color: #fff;
    background: #333
}

.iboss_popup_sync .popup_link {
    margin-top: 10px
}

.fl_bom_wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    width: 100%
}

.fl_bom_wrap .fl_bom {
    padding: 13px 0;
    background: #eee
}

.fl_bom_wrap .fl_bom_txt, .fl_bom_wrap .fl_bom_click {
    width: 1024px;
    margin: 0 auto;
    text-align: right
}

.fl_bom_wrap .fl_bom_click {
    position: relative
}

.fl_bom_wrap .fl_bom_click > div {
    position: absolute;
    bottom: -13px;
    left: 0
}

.fl_bom_wrap .fl_bom_click a {
    display: inline-block;
    zoom:1}

.fl_bom_wrap .fl_bom_click .link_btn {
    margin-bottom: 23px;
    vertical-align: bottom
}

.fl_bom_wrap .fl_bom_txt img {
    padding: 0 30px 0 40px;
    vertical-align: top
}

.fl_bom_wrap .fl_bom_txt a {
    display: inline-block;
    zoom:1;width: 125px;
    height: 40px;
    line-height: 40px;
    margin: 0 6px;
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

.fl_bom_wrap .fl_bom_txt p {
    color: #333;
    font-size: 21px;
    float: left;
    line-height: 40px
}

.fl_bom_wrap .fl_bom_txt p span {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -2px;
    margin-right: 6px;
    color: #ff4949
}

.fl_bom_wrap .fl_bom_txt .btn_login {
    color: #fff;
    background: #ccc
}

.fl_bom_wrap .fl_bom_txt .btn_join {
    color: #fff;
    background: #333
}

.iboss_popup_syun .btn_login:hover span,.fl_bom .btn_login:hover span {
    border-bottom: 1px solid #fff
}

.iboss_popup_syun .btn_join:hover span,.fl_bom .btn_join:hover span {
    border-bottom: 1px solid #639
}

.iboss_popup_sync a:hover,.fl_bom a:hover {
    text-decoration: none
}

.fl_bom_pat_wrap {
    display: none;
    margin-top: 50px;
    height: 1px
}

.ui-dialog {
    z-index: 99999!important
}

.ui-widget-overlay {
    z-index: 99998!important;
    background: #ccc url(images/ui-bg_flat_0_aaaaaa_40x100.png) 500% 500% repeat-x!important
}

.ui-autocomplete {
    padding: 0!important
}

.ABA-gnb .ui-effects-wrapper {
    position: absolute!important
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,.ui-helper-clearfix:after {
    content: "";
    display: table
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    zoom:1}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-autocomplete-loading {
    background: #fff url(images/ui-anim_basic_16x16.gif) right center no-repeat
}

.ui-state-disabled {
    cursor: default!important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    zoom:1}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-noicons {
    padding-left: .7em
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
    zoom:1}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

* html .ui-autocomplete {
    width: 1px
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    cursor: pointer;
    text-align: center;
    zoom:1;overflow: visible
}

.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: 1.4
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon {
    position: absolute
}

.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary {
    left: .5em
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em
}

button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
    width: 49%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker-cover {
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    width: 300px;
    overflow: hidden
}

.ui-dialog .ui-dialog-titlebar {
    padding: .3em .4em .5em .2em;
    margin-bottom: .9em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .2em 16px .1em 0;
    font-size: 16px;
    letter-spacing: -.1em
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .4em;
    top: 50%;
    width: 19px;
    height: 19px;
    margin: -12px 0 0;
    padding: 1px
}

.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 0
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 0 .2em .5em;
    background: none;
    overflow: auto;
    zoom:1}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0;
    background-image: none;
    margin: .5em 0 0;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none
}

.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom:1;width: 100%
}

.ui-menu .ui-menu-divider {
    margin: 5px -2px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    zoom:1;font-weight: 400
}

.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: 400;
    margin: -1px
}

.ui-menu .ui-state-disabled {
    font-weight: 400;
    margin: .4em 0 .2em;
    line-height: 1.5
}

.ui-menu .ui-state-disabled a {
    cursor: default
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item a {
    position: relative;
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em
}

.ui-menu .ui-menu-icon {
    position: static;
    float: right
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block
}

.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: none;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none
}

.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-tabs {
    position: relative;
    padding: .2em;
    zoom:1}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    cursor: text
}

.ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa
}

* html .ui-tooltip {
    background-image: none
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-family: "돋움",Verdana,Arial,sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
    font-family: "돋움",dotum;
    font-size: 12px
}

.ui-widget-content {
    border: 1px solid #7e7e7e;
    background: #fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    padding: 1em 1.2em 1.8em;
    color: #222
}

.ui-widget-content a {
    color: #222
}

.ui-widget-header {
    border-bottom: 1px solid #7e7e7e;
    color: #222;
    font-weight: 700
}

.ui-widget-header a {
    color: #222
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #555
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {
    color: #555;
    text-decoration: none
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {
    border: 1px solid #999;
    background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #212121
}

.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited {
    color: #212121;
    text-decoration: none
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {
    border: 1px solid #aaa;
    background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #212121
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
    color: #212121;
    text-decoration: none
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    color: #cd0a0a
}

.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
    color: #cd0a0a
}

.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
    color: #cd0a0a
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_888888_256x240.png)
}

.ui-state-hover .ui-icon,.ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png)
}

.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png)
}

.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_2e83ff_256x240.png)
}

.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cd0a0a_256x240.png)
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background: url(images/btn_exit.gif) 0 0 no-repeat!important
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px
}

.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.ui-corner-all {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    -khtml-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    -khtml-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -khtml-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    -khtml-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}

.ui-widget-overlay {
    background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.ui-accordion-header.ui-state-active {
    background: #ff6f1a;
    color: #fff;
    font-weight: 700
}

.ui-accordion-header.ui-state-active .ui-icon {
    background: none
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    left: 85%!important
}

.ui-accordion .ui-accordion-icons {
    padding-left: 1.4em!important
}

.ui-accordion-header.ui-state-active,.ui-accordion-content.ui-accordion-content-active {
    border-color: #d3d3d3!important
}

.ui-accordion .ui-accordion-content {
    padding: .7em 1em!important
}

.ui-accordion.ui-widget {
    font-size: 1em
}

.ui-accordion .accordion_name {
    color: #7a7a7a;
    line-height: 1.4
}

.ui-accordion .accordion_phone {
    color: #e95a04;
    font-family: Verdana,Arial,sans-serif
}

#contextMenu #menu.ui-widget-content {
    background: #f6f6f6;
    background: linear-gradient(to bottom,#fff 0%,#f6f6f6 100%);
    border: 1px solid #ccc
}

#contextMenu #menu .ui-widget-content {
    background: #f6f6f6;
    background: linear-gradient(to bottom,#fff 0%,#f6f6f6 100%);
    border: 1px solid #ccc
}

#contextMenu .ui-widget-content a {
    color: #6a6a6a;
    font-size: 12px;
    font-family: gulim
}

#contextMenu .ui-state-focus,#contextMenu .ui-state-active {
    background: #ccdae4;
    background: linear-gradient(to bottom,#f1f5f8 0%,#d6e4ef 100%);
    border: 1px solid #d2d7dd
}

#contextMenu .ui-widget-content .ui-state-focus,#contextMenu .ui-widget-content .ui-state-active {
    color: #292929
}

#contextMenu .ui-menu .ui-menu-item a {
    padding: 4px .6em
}

#contextMenu #menu .copy a,#contextMenu #menu .cut a,#contextMenu #menu .paste a,#contextMenu #menu .delete a {
    color: #545454;
    font-weight: 700
}

#contextMenu #menu .paste .ui-menu a,#contextMenu #menu .delete .ui-menu a,#contextMenu #menu .table .ui-menu a,#contextMenu #menu #contents .ui-menu a {
    color: #6a6a6a;
    font-weight: 400
}

#contextMenu #menu #contents a {
    color: #DF5959;
    font-weight: 700
}

#MainHeader input,#AB_cmt_btn_submit_COMMENT_,#Ly_LoginForm input, #chg_nickname .body input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

#BoardNavi::after {
    display: block;
    clear: both;
    content: ""
}

.board-header {
    display: flex;
    padding-bottom: 12px;
    flex-direction: column
}

#breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    letter-spacing: -0.5px;
    color: #454545;
    font-weight: bold;
    position: relative
}

.board-title.type-VIEW #breadcrumb {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

#breadcrumb > li:first-child {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0
}

#breadcrumb.vf {
    position: absolute;
    top: 0;
    left: 0;
    float: none
}

#breadcrumb.type-VIEW {
    font-size: 14px
}

#breadcrumb a {
    color: inherit
}

#breadcrumb span a {
    font-size: 14px;
    color: #999
}

#breadcrumb.vf {
    position: absolute;
    top: 0;
    left: 0;
    float: none
}

#breadcrumb .BD_litter {
    position: relative;
    top: -1px;
    margin-left: 5px;
    cursor: pointer
}

p.sub-tit {
    display: inline-block;
    padding-left: 15px;
    color: #999
}

p.sub-tit em {
    display: inline-block;
    width: 1px;
    height: 10px;
    background: #EEE;
    margin-right: 10px
}

p.sub-tit span {
    color: #999
}

p.sub-tit i {
    margin-right: 10px
}

#bd_litter_detail {
    display: none;
    position: absolute;
    top: 30px;
    left: 15px;
    border: 3px solid #A0D6EC;
    padding: 10px 20px;
    background: #FFF;
    z-index: 99;
    width: 260px
}

#bd_litter_detail p {
    font-size: 15px;
    text-align: center;
    color: #0A63BC;
    padding-bottom: 10px;
    background: none;
    height: auto
}

#bd_litter_detail span {
    display: block;
    color: #0A63BC;
    font-size: 13px;
    line-height: 22px;
    background: url('https://cdn.ibos.kr/images/new_dot.gif') left center no-repeat;
    padding: 0 0 0 8px
}

#bd_litter_detail th p {
    text-align: right;
    padding: 0 15px 0 0;
    font-size: 13px;
    font-weight: 600;
    background: none;
    height: auto
}

.Article-subject {
    border-bottom: 1px solid #E0E0E0;
    position: relative;
    clear: both
}

.Article-subject .subject {
    padding-bottom: 5px
}

.Article-subject .subject a.cnt_cmt:hover > span.num {
    text-decoration: underline
}

.Article-subject .wrarp_title {
    min-height: 50px;
    word-break: break-all
}

.Article-subject .wrap_title h1 {
    font-size: 28px;
    word-spacing: 0px;
    line-height: 1.35;
    letter-spacing: -1px;
    word-break: break-all;
    font-weight: 600;
    color: #000
}

.Article-subject .ABA-tit-box {
    position: relative;
    padding: 20px 0px 10px 0px;
    clear: both;
    color: #999;
    overflow: visible
}

.Article-subject .ABA-tit-box .article-comment span, .Article-subject .ABA-tit-box .like span {
    font-weight: 700;
    letter-spacing: -1.5px
}

.Article-subject .ABA-tit-box .like, .Article-subject .ABA-tit-box .like + em {
    display: none
}

.Article-subject .ABA-tit-box .article-comment {
    cursor: pointer
}

.Article-subject .ABA-tit-box .article-comment:hover {
    text-decoration: underline
}

.Article-subject .ABA-tit-box .article-comment span {
    color: #639
}

.Article-subject .ABA-tit-box .like span {
    color: #FF4949
}

.ABA-article-contents {
    font-size: 17px;
    line-height: 180%;
    text-align: justify;
    word-break: break-all;
    word-wrap: break-word;
    padding: 60px 0;
    color: #000
}

.ABA-article-contents p {
    text-align: left
}

.ABA-article-contents b {
    font-weight: bold
}

.ABA-article-contents strong {
    font-weight: bold
}

.ABA-article-contents p.caption {
    font-size: 10pt;
    color: #999;
    text-align: center
}



.ABA-article-contents figcaption, .ABA-article-contents .caption {
    text-align: center;
    font-size: 10pt;
    color: #777;
    padding: 10px 0;
    line-height: 140%
}

.ABA-article-contents figcaption span, .ABA-article-contents .caption span {
    text-align: center;
    font-size: 10pt !important;
    color: #777 !important;
    padding: 5px 0
}

.ABA-article-contents table, .ABA-article-contents table p {
    font-size: 11pt;
    line-height: 180%
}

.ABA-article-contents .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border-spacing: 0;
    border-collapse: collapse
}

.ABA-article-contents .table > thead > tr > th, .ABA-article-contents .table > tbody > tr > th, .ABA-article-contents .table > tfoot > tr > th, .ABA-article-contents .table > thead > tr > td, .ABA-article-contents .table > tbody > tr > td, .ABA-article-contents .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.ABA-article-contents .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.ABA-article-contents .table-bordered > thead > tr > th, .ABA-article-contents .table-bordered > tbody > tr > th, .ABA-article-contents .table-bordered > tfoot > tr > th, .ABA-article-contents .table-bordered > thead > tr > td, .ABA-article-contents .table-bordered > tbody > tr > td, .ABA-article-contents .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd
}

.ABA-article-contents .table-bordered > thead > tr > th, .ABA-article-contents .table-bordered > thead > tr > td {
    border-bottom-width: 2px
}

.ABA-article-contents .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.ABA-article-contents .table-hover > tbody > tr:hover {
    background-color: #f5f5f5
}

.ABA-article-contents table.table-bordered {
    border: 1px solid #DDD
}

.ABA-article-contents table.table-bordered tr td {
    padding: 10px;
    line-height: 1.428;
    vertical-align: top;
    border-top: 1px solid #DDD
}

.ABA-article-contents table.table-bordered tr td p {
    font-size: 11pt;
    line-height: 180%
}

.ABA-article-contents .table tr td img {
    width: 100%
}

.ABA-article-contents ul {
    padding-left: 20px;
    margin: 5px 0
}

.ABA-article-contents ul li {
    list-style: disc;
    border: 0 !important;
    display: list-item;
    margin-bottom: 4px;
    font-size: 17px;
    color: #000;
    line-height: 200%
}

.ABA-article-contents ul, .ABA-article-contents ol {
    padding-left: 20px;
    margin: 5px 0;
    display: block;
    list-style-type: disc
}

.ABA-article-contents ol li {
    list-style: decimal;
    border: 0 !important;
    display: list-item;
    margin-bottom: 4px;
    font-size: 17px;
    color: #000;
    line-height: 200%
}

.ABA-article-contents img {
    max-width: 100%;
    height: auto;
    cursor: pointer
}

.ABA-article-contents img.imgSize25 {
    width: 25% !important
}

.ABA-article-contents img.imgSize50 {
    width: 50% !important
}

.ABA-article-contents img.imgSize75 {
    width: 75% !important
}

.ABA-article-contents img.imgSize90 {
    width: 90% !important
}

.ABA-article-contents img.imgSize100 {
    width: 100% !important
}

.ABA-article-contents img.note-float-right::after {
    display: block;
    clear: both;
    content: ''
}

.ABA-article-contents img.note-float-center {
    display: block;
    margin: 0 auto
}

.ABA-article-contents figure {
    width: 100% !important;
    margin: 0 auto;
    text-align: center
}

.ABA-article-contents blockquote {
    padding: 0px 16px;
    margin: 0 0 0px;
    font-size: 17px;
    border-left: 5px solid #eee
}

.ABA-article-contents blockquote p {
    font-size: 17px;
    line-height: 180%;
    margin: 0;
    font-weight: normal
}

.ABA-article-contents blockquote p:last-child, .ABA-article-contents blockquote ul:last-child, .ABA-article-contents blockquote ol:last-child {
    margin-bottom: 0
}

.ABA-article-contents blockquote footer, .ABA-article-contents blockquote small, .ABA-article-contents blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777
}

.ABA-article-contents blockquote footer:before, .ABA-article-contents blockquote small:before, .ABA-article-contents blockquote .small:before {
    content: '\2014 \00A0'
}

.ABA-article-contents pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 15px;
    line-height: 24px;
    color: #333;
    word-break: break-word;
    word-wrap: break-word;
    white-space: normal;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: inherit
}

.ABA-article-contents pre b, .ABA-article-contents pre strong {
    color: #1C1C1C
}

.share_in_contents {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5
}

.share_in_contents ul li img {
    width: 26px;
    height: 26px
}

.Report-btn {
    clear: both;
    padding: 15px 10px;
    text-align: right;
    position: relative
}

.article_reported {
    color: #b5b5b5 !important
}

.article_reported a {
    display: inline-block;
    text-indent: 0;
    font-size: 11px;
    border: 1px solid #b5b5b5;
    padding: 1px 2px;
    color: #aaa
}

.article_reported_content {
    font-size: 18px !important;
    text-align: center !important;
    display: block !important;
    color: #e55757 !important;
    font-weight: 600;
    letter-spacing: -0.5px !important
}

.bd_vf_bn {
    padding: 25px 0
}

.bd_vf_bn a {
    display: block;
    text-align: center
}

.recommend_articles {
    overflow: hidden;
    padding: 25px 0 60px 0
}

.recommend_articles .title {
    position: relative
}

.recommend_articles .title strong {
    font-size: 16px;
    font-weight: bold
}

.recommend_articles .title span {
    color: #FF4949
}

.recommend_articles .title .refresh {
    position: absolute;
    top: 5px;
    right: 0;
    width: 66px;
    height: 16px;
    cursor: pointer;
    margin-left: 10px;
    background: url('https://cdn.ibos.kr/images/board_repeat_btn.png') no-repeat;
    text-indent: -999em
}

.recommend_articles .wrap {
    overflow: hidden;
    width: 747px;
    height: 450px
}

.recommend_articles .wrap .cell:after {
    content: '';
    display: block;
    clear: both
}

.recommend_articles .wrap .cell a {
    display: block;
    float: left;
    width: 231px;
    margin: 10px 11px 10px 0;
    background: #fcfcfc;
    border: 1px solid #f0f0f0;
    word-break: break-all
}

.recommend_articles .wrap .cell a:hover .subject span {
    text-decoration: underline
}

.recommend_articles .wrap .cell a .img_wrap {
    height: 122px;
    overflow: hidden
}

.recommend_articles .wrap img.thumbnail {
    width: 231px;
    display: block
}

.recommend_articles .wrap .subject {
    margin: 12px 10px;
    height: 60px
}

.recommend_articles .wrap .subject p {
    padding-top: 5px;
    color: #AAA;
    letter-spacing: 0
}

.recommend_articles .wrap .subject span {
    display: block;
    font-size: 14px;
    line-height: 19px;
    height: 38px;
    letter-spacing: 0;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000
}

.recommend_articles .bx-controls {
    position: absolute;
    left: 50%;
    margin-left: -33px;
    margin-top: 10px;
    width: 100px
}

.recommend_articles .bx-pager {
    text-align: center
}

.recommend_articles .bx-pager .bx-pager-item {
    display: inline-block
}

.recommend_articles .bx-pager .bx-pager-item a {
    display: block;
    font-size: 12px;
    padding: 0 5px;
    color: #CCC;
    font-weight: 500
}

.recommend_articles .bx-pager .bx-pager-item a.active {
    color: #000
}

.recommend_articles .bx-controls-direction a {
    padding: 0 5px;
    color: #666
}

.recommend_articles .bx-prev {
    position: absolute;
    left: 0;
    top: 4px
}

.recommend_articles .bx-next {
    position: absolute;
    right: 0;
    top: 4px
}

.related-articles {
    padding: 24px 20px;
    border: 1px solid #E0E0E0;
    background: #FFF;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    flex-direction: column;
    border-radius: 8px
}

.related-articles .title strong {
    font-size: 16px;
    font-weight: 600
}

.related-articles .wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 16px
}

.related-articles .wrap a {
    display: block;
    font-size: 15px;
    width: 100%
}

.related-articles .wrap a:hover {
    text-decoration: underline;
    color: var(--color-400)
}

.related-articles .wrap a::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--color-400);
    position: relative;
    top: -2px;
    left: 4px;
    margin-right: 12px
}

.ArticleBtn {
    overflow: hidden;
    padding: 5px 0
}

.ArticleBtn a {
    float: right;
    display: block;
    min-width: 52px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    margin-left: 5px;
    font-weight: 600;
    color: #666;
    background-image: url('https://cdn.ibos.kr/images/btn_bg_off.png') !important;
    padding: 0 3px
}

.ArticleBtn a:hover {
    background-image: url('https://cdn.ibos.kr/images/btn_bg_on.png') !important
}

.ArticleBtn a.btn_write {
    color: #993399
}

.ArticleBtn span {
    color: #e55757;
    padding-right: 2px
}

.ArticleBtn span a {
    margin-right: 5px
}

.ArticleBtn span a.btn_write {
    margin-right: 5px;
    width: 50px;
    background: #663399;
    color: #fff;
    border-color: #663399
}

.ArticleBtn select {
    float: right;
    padding: 4px;
    font-size: 13px
}

.article_fnc a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 80px;
    text-align: center;
    font-weight: 600;
    border: 1px solid #E0E0E0;
    margin-right: 7px;
    font-size: 13px;
    background: #FFF
}

.article_fnc a:hover {
    background: #F0F0F0;
    color: #000;
    -webkit-transition: all .2s;
    transition: all .2s
}

.article_fnc a:focus {
    border: 1px solid #1E88E5
}


.article_fnc #btn_rpt:hover {
    color: #FFF !important
}

.n-article-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    position: relative
}


.table-mbb {
    table-layout: fixed
}

.table-mbb tr.is_notice_A {
    background: #F9F9F9
}

.table-mbb tr.is_notice_:hover {
    background: #F9F9F9
}

.table-mbb tr._tA {
    background: #F9F9F9
}

.comb_list .table-mbb tr._tA {
    background: none
}

.table-mbb tr:first-child td {
    border-top: 1px solid #F0F0F0
}

.table-mbb tr:last-child td {
    border: 0
}

.table-mbb td {
    position: relative;
    border-bottom: 1px solid #F0F0F0;
    font-size: 12px;
    height: 44px;
    box-sizing: border-box
}

.table-mbb td h6 {
    color: #aaa;
    font-size: 11px;
    margin-bottom: 7px;
    font-weight: 400;
    text-indent: 7px
}

.table-mbb td .contents_view_litter {
    border: 1px solid #68a8d1;
    color: #68a8d1;
    padding: 2px 3px;
    margin-left: 10px;
    font-size: 11px;
    font-family: Tahoma, serif;
    letter-spacing: 0
}

.table-mbb td .contents_view_litter img {
    position: relative;
    top: -1px;
    padding-right: 3px
}

.table-mbb td .writer-container {
    display: flex;
    align-items: center;
    gap: 2px
}

.table-mbb td .mb_writer {
    max-width: 110px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 4px 2px;
    letter-spacing: -0.5px;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 500
}

.table-mbb td .mb_writer:active {
    outline: 1px solid #0096FF
}

.table-mbb td .fa-image-polaroid {
    font-size: 15px;
    color: #AAA;
    margin-left: 6px
}

.table-mbb td .icon-poll {
    font-size: 15px;
    color: var(--event-point);
    margin-left: 6px
}

.table-mbb span.notice_tag {
    color: #663399;
    font-weight: 600
}

.table-mbb span.is_main_tag {
    background: #336699 !important;
    color: #fff;
    padding: 2px 5px;
    font-size: 11px;
    letter-spacing: -1px;
    font-family: "돋움", "Dotum"
}

.table-mbb span.label_bn {
    color: #FF9933!important;
    padding: 1px 5px;
    font-size: 12px;
    font-weight: 600
}

.table-mbb .articleSubject {
    display: flex;
    align-items: center;
    padding-right: 16px
}

.table-mbb .SerialNum {
    color: #666
}

.table-mbb .DateTime {
    width: 50px;
    text-align: center;
    cursor: default;
    letter-spacing: -0.4px
}

.table-mbb .DateTime strong {
    font-weight: 500;
    color: var(--color-600)
}

.table-mbb .LikeCount {
    width: 30px;
    text-align: center
}

.table-mbb .LikeCount span {
    color: #FF4949;
    font-weight: 600;
    display: block;
    border-right: 1px solid #EAEAEA
}

.table-mbb .LikeCount span.like_0 {
    font-weight: normal;
    color: #D5D5D5
}

.table-mbb .ViewCount {
    width: 40px;
    color: #666;
    text-align: center
}

.table-mbb .voteCount {
    width: 32px;
    color: #666;
    text-align: center
}

.table-mbb .voteCount span {
    color: var(--color-600);
    font-weight: bold
}

.table-mbb .tblabel_link {
    display: inline-block
}

.table-mbb .tblabel_link .tblabel {
    cursor: pointer
}

.table-mbb .tblabel {
    display: inline-block;
    background: #F9F9F9;
    border: 1px solid #EAEAEA;
    margin: 0 2px 0 5px;
    padding: 1px 0;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 45px;
    vertical-align: middle;
    text-align: center;
    cursor: default;
    height: 18px;
    line-height: 18px;
    flex: none
}

.mb_subject {
    display: inline-block;
    font-size: 16px;
    text-indent: 7px;
    color: #333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: top;
    letter-spacing: -0.4px;
    font-weight: 500
}

.mb_subject:visited {
    color: #888
}

.mb_subject:hover {
    text-decoration: underline
}

.mb_subject strong {
    font-weight: 500;
    color: #111
}

.mb_subject a:visited .AB-LF-common {
    color: #888
}

.is_notice_A .mb_subject a:visited .AB-LF-common {
    color: initial
}

.mb_subject.nav_subject:visited {
    color: #333
}

.mb_subject .AB-LF-common {
    display: flex;
    align-items: center
}

.mb_subject.news {
    max-width: 440px
}

.tdvel-1,.tdvel-2,.tdvel-3,.tdvel-4 {
    padding: 7px 0
}

.tdvel-2 p {
    display: inline
}

.table-mbb.top-bd-0 tr:first-child td {
    border-top: 0
}

.best_icon {
    font-size: 10px;
    font-family: arial;
    color: #FFF;
    border: 1px solid #E55757;
    padding: 1px 2px;
    background-color: #E55757;
    letter-spacing: 0
}

.table-mbb .attached_file {
    margin-left: 4px;
    font-size: 13px;
    line-height: 21px;
    position: relative;
    top: 1px
}

.table-mbb a.category {
    color: #448AFF;
    font-size: 12px
}

.table-mbb a.category:hover {
    text-decoration: underline
}

.tb_notice {
    background: #FFF;
    position: relative;
    z-index: 9
}

.tb_notice .label_notice {
    color: #333 !important
}

.bd_notice {
    background: #f2f4f6;
    display: flex;
    height: 44px;
    align-items: center;
    padding: 0 20px;
    border-radius: 8px;
    margin-bottom: 12px
}

.bd_notice label {
    font-size: 14px;
    font-weight: bold;
    color: #333
}

.bd_notice a {
    font-size: 16px;
    text-indent: 7px;
    color: #333;
    letter-spacing: -0.4px;
    font-weight: 500
}

.bd_notice a:hover {
    text-decoration: underline
}

.sbjTop {
    color: #e76506 !important
}

.ABA-list-paging {
    /*display: block;*/
    margin: 20px 0;
    padding-top: 15px
}

.ABA-list-paging,.ABA-list-paging a {
    font-family: Tahoma, serif;
    font-weight: 700;
    font-size: 12px;
    color: #666;
    text-decoration: none
}

.ABA-list-paging a:hover {
    background: #f0f0f0
}

.LF_page_link {
    padding: 5px 10px;
    border: 1px solid #ddd;
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 5px
}



.LF_page_link_first_page_img {
    width: 26px;
    margin-top: -3px
}

.LF_page_link_prev_block_img {
    width: 26px;
    margin-top: -3px
}

.LF_page_link_prev_page_img {
    width: 26px;
    margin-top: -3px;
    margin-right: 3px
}

.LF_page_link_next_page_img {
    width: 26px;
    margin-top: -3px
}

.LF_page_link_next_block{margin-top:-2px;}
.LF_page_link_next_block_img {
    width: 26px;
    margin-top: -3px
}

.LF_page_link_last_page_img {
    width: 26px;
    margin-top: -3px
}

.board_search {
    font-size: 13px
}

.mb_searchbox {
    text-align: center
}

.mb_searchbox_1 {
    padding: 0px 10px;
    border: 1px solid #DDD;
    position: relative;
    top: 3px;
    margin-right: 3px;
    height: 40px;
    line-height: 40px
}

.mb_searchbox_2 {
    padding: 0 10px;
    border: 1px solid #DDD;
    font-size: 15px;
    width: 200px !important;
    height: 38px;
    line-height: 38px
}

.mb_searchbox_3 {
    height: 40px;
    line-height: 40px;
    border: 1px solid #DDD;
    width: 60px;
    background: #F0F0F0;
    text-align: center;
    color: #1c1c1c;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600
}

.view_box {
    border-bottom: 1px solid #E0E0E0;
    position: relative
}

.view_box h1 {
    font-size: 28px;
    font-weight: 600;
    word-spacing: -2px;
    line-height: 1.35
}

.view_box .wrap {
    overflow: hidden
}

.view_box .ABA-tit-box {
    padding: 10px 0 10px 12px;
    clear: both;
    color: #999
}

.view_box .wrap_title {
    min-height: 50px;
    word-break: break-all
}

.view_box .subject {
    clear: both;
    padding: 20px 0 5px 10px;
    overflow: hidden
}

.cnt_cmt_article {
    font-size: 15px;
    padding-bottom: 20px;
    font-weight: bold
}

.cnt_cmt_article span {
    color: #639;
    font-weight: 700;
    letter-spacing: -1.5px
}

.company_apply {
    margin-top: 20px;
    height: 175px
}

.company_apply .wrap {
    text-align: center;
    height: 150px;
    border: 5px solid #f2f2f2;
    width: 179px;
    float: left;
    border-right: 0
}

.company_apply .logo {
    height: 55px;
    padding-top: 15px
}

.company_apply .content {
    height: 65px;
    padding-top: 15px;
    background-color: #fbfbfb
}

.company_apply .content strong {
    font-size: 14px;
    line-height: 180%
}

.company_apply .content span {
    line-height: 160%
}

.company_apply_wf input,select {
    padding: 5px;
    font-size: 14px
}

.company_apply_lf .mb_subject {
    font-size: 18px;
    font-weight: 700
}

.company_apply_vf {
    border: 1px solid #ccc;
    padding: 35px;
    border-top: 0
}

.company_apply_vf h5 {
    padding: 10px 0
}

.company_apply_vf .company_name {
    font-size: 22px;
    padding: 10px 0;
    font-weight: 700
}

.company_apply_vf .content_left {
    float: left;
    height: 120px;
    width: 180px
}

.company_apply_vf .content_left p {
    width: 85%;
    text-align: center;
    height: 80px
}

.company_apply_vf .content_right {
    float: left;
    height: 120px;
    width: 440px
}

.company_apply_vf .content_right i {
    padding: 5px 0;
    font-size: 14px
}

.company_apply_back {
    background: url(/images/company_apply_back_img.png) no-repeat
}

.company_apply_contact {
    border: 1px solid #ccc;
    border-top: 0;
    padding: 25px 35px;
    background-color: #fcfcfc
}

.company_apply_contact .inner {
    font-size: 14px;
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ccc
}

.company_apply_contact .inner a {
    font-weight: 700
}

.company_apply_contact .inner span {
    padding-right: 20px
}

#BDWriteForm {
    position: relative
}

#BDWriteForm .outline {
    border: 1px solid #E0E0E0
}

#BDWriteForm .bd_wf_tit h3 {
    font-size: 21px;
    letter-spacing: -1px;
    color: #000;
    text-align: center;
    line-height: 70px;
    font-weight: 500
}

#BDWriteForm .write_notice {
    position: absolute;
    top: 22px;
    right: 0;
    border: 1px solid #E0E0E0;
    background: #F9F9F9;
    color: #7F7F7F;
    height: 18px;
    line-height: 18px;
    padding: 0 5px;
    letter-spacing: -1px;
    cursor: pointer
}

#BDWriteForm .write_notice img {
    position: relative;
    top: -1px
}

#BDWriteForm .write_notice:hover {
    border-color: #999;
    color: #333
}

#BDWriteForm .write_notice .notice_pop {
    display: none;
    position: absolute;
    top: -1px;
    right: -1px;
    z-index: 1000;
    width: 368px;
    border: 1px solid #C0C0C0;
    background: #FFF;
    padding: 25px 15px;
    color: initial;
    font-size: 13px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2)
}

#BDWriteForm .write_notice .notice_pop strong {
    display: block;
    color: #999;
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-size: 15px
}

#BDWriteForm .write_notice .notice_pop p {
    font-weight: 600;
    padding-left: 15px;
    font-size: 14px;
    line-height: 20px;
    color: #222
}

#BDWriteForm .write_notice .notice_pop ul {
    padding: 15px 0;
    padding-left: 45px
}

#BDWriteForm .write_notice .notice_pop ul li {
    list-style: disc;
    line-height: 22px
}

#BDWriteForm li input {
    padding: 12px;
    font-size: 14px;
    width: 540px;
    border: 0
}

#BDWriteForm li input#fb_board_tit {
    font-weight: 500
}

#BDWriteForm .input_file {
    width: 30%;
    padding: 7px 10px 6px 20px
}

#BDWriteForm .file_6 {
    margin-right: 10px
}

#BDWriteForm li select {
    padding: 7px 0;
    height: 48px;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    text-indent: 8px
}

#BDWriteForm li label, #BDWriteForm .input_item .input_tit, #BDWriteForm .icon > label {
    float: left;
    display: block;
    width: 120px;
    padding-left: 30px;
    line-height: 42px;
    font-size: 13px
}

#BDWriteForm li .item label {
    display: inline;
    float: none;
    padding: 0px 5px 0px 2px;
    cursor: pointer
}

#BDWriteForm li input[type=radio] {
    width: 13px;
    height: 13px
}

#BDWriteForm li label span {
    color: #e55757
}

#BDWriteForm .write_wrap {
    clear: both
}

#BDWriteForm .write_wrap strong {
    font-size: 13pt;
    font-weight: normal
}

#BDWriteForm .write_wrap li, #BDWriteForm .input_item {
    border-top: 1px solid #EEE;
    padding: 7px 0
}

#BDWriteForm .write_wrap li > div {
    overflow: hidden
}

#BDWriteForm .write_wrap li > div .designer_button {
    width: 20px
}

#BDWriteForm .write_wrap li label img {
    margin-right: -7px;
    position: relative;
    top: -1px
}

#BDWriteForm .write_wrap li.subject input {
    width: 668px;
    height: auto;
    word-spacing: 0px;
    letter-spacing: -1px;
    word-break: break-all;
    border: 0;
    font-size: 28px;
    font-weight: 600;
    padding: 15px 12px
}

#BDWriteForm .write_wrap li.subject input:-moz-placeholder {
    color: #BBB !important
}

#BDWriteForm .write_wrap li.subject input::-moz-placeholder {
    color: #BBB !important
}

#BDWriteForm .write_wrap li.subject input:-ms-input-placeholder {
    color: #BBB !important
}

#BDWriteForm .write_wrap li.subject input::-webkit-input-placeholder {
    color: #BBB !important
}

#BDWriteForm .write_wrap li.subject input::placeholder {
    color: #BBB !important
}

#BDWriteForm .write_wrap .file_link li:last-child {
    border-bottom: 1px solid #EEE
}

#BDWriteForm .write_wrap .file_link li.m_img {
    margin-top: 15px;
    padding-top: 20px;
    border-top: 1px dashed #DADADA
}

#BDWriteForm .write_wrap .file_link li label {
    padding: 0;
    text-indent: 30px;
    width: 150px;
    color: #666
}

#BDWriteForm .write_wrap .file_link li label.line2 {
    position: relative;
    top: 3px;
    min-height: 42px;
    line-height: normal
}

#BDWriteForm .write_wrap .file_link li label.line2 em {
    display: block;
    font-style: normal;
    font-size: 10px;
    color: #AAA;
    letter-spacing: 0
}

#BDWriteForm .write_wrap .file_link li input {
    font-size: 13px;
    border: 0;
    width: 540px;
    margin: 0;
    padding: 12px
}

#BDWriteForm .write_wrap .file_link li input.article_exp_date {
    width: 100px
}

#BDWriteForm .write_wrap .file_link li input.input_file {
    cursor: pointer;
    height: 22px;
    padding: 10px 12px
}

#BDWriteForm .write_wrap .file_link li iframe {
    float: right;
    width: 570px;
    padding-top: 0 !important
}

#BDWriteForm .input_item {
    line-height: 34px;
    font-size: 14px
}

#BDWriteForm .input_item:after {
    display: block;
    content: "";
    clear: both
}

#BDWriteForm .icon {
    line-height: 20px;
    position: relative;
    clear: both;
    overflow: hidden;
    border-top: 1px solid #D5D5D5;
    padding: 7px 0
}

#BDWriteForm .icon > span {
    display: block;
    float: left;
    margin-right: 3px;
    cursor: pointer;
    width: 75px;
    height: 25px;
    border: 1px solid #EDEDED
}

#BDWriteForm .icon > span em {
    display: none
}

#BDWriteForm .icon_photo {
    background: url(/images/editor_btn.png) no-repeat
}

#BDWriteForm .icon_video {
    background: url(/images/editor_btn.png);
    background-position: 0px -26px
}

#BDWriteForm .icon_video.chked {
    background: url(/images/editor_btn.png);
    background-position: -75px -26px;
    border: 1px solid #336699
}

#BDWriteForm .icon_file {
    background: url(/images/editor_btn.png);
    background-position: 0px -52px;
    width: 54px
}

#BDWriteForm .icon_file.chked {
    background: url(/images/editor_btn.png);
    background-position: -75px -52px;
    border: 1px solid #336699
}

#BDWriteForm .icon_link {
    background: url(/images/editor_btn.png);
    background-position: 0px -78px;
    width: 63px
}

#BDWriteForm .icon_link.chked {
    background: url(/images/editor_btn.png);
    background-position: -75px -78px;
    width: 63px;
    border: 1px solid #336699
}

#BDWriteForm .chked:hover {
    background-color: #fefefe
}

#BDWriteForm .icon > span:hover {
    border: 1px solid #d5d5d5;
    background-color: #fcfcfc;
    border-bottom: 1px solid #c5c5c5
}

#BDWriteForm .icon > li {
    display: none;
    clear: both
}

#BDWriteForm .PrivateBtn {
    position: absolute;
    right: 20px;
    top: 110px
}

#BDWriteForm .close {
    cursor: pointer;
    float: right;
    width: 24px;
    position: absolute;
    top: 5px;
    right: 5px;
    border: 1px solid #F9F9F9
}

#BDWriteForm .close:hover {
    border: 1px solid #b5b5b5;
    background: #fdfdfd
}

#BDWriteForm .videocast_submit, #BDWriteForm .done {
    font-weight: 600;
    text-align: center;
    float: none;
    clear: both;
    width: 100px;
    margin: 0 auto;
    background: #336699;
    color: #fff;
    margin-top: 15px;
    font-size: 10pt;
    padding: 3px;
    padding: 10px 0;
    cursor: pointer
}

#BDWriteForm .done:hover {
    background: #5C8DBF
}

#BDWriteForm .file_box ul {
    padding-bottom: 10px
}

#BDWriteForm .file_box .input_file {
    float: left;
    width: 335px !important;
    margin: 0;
    padding: 7px 5px !important;
    font-size: 9pt;
    margin-bottom: 5px;
    border: 1px solid #b5b5b5
}

#BDWriteForm .file_box h5 {
    font-size: 16pt;
    padding-bottom: 20px;
    font-weight: normal
}

#BDWriteForm .link_box {
    display: none
}

#BDWriteForm .file_box {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000
}

#BDWriteForm .desc {
    border-top: 1px dotted #e0e0e0;
    padding-top: 10px
}

#BDWriteForm .desc p {
    font-size: 10pt;
    letter-spacing: -0.5px;
    padding-bottom: 15px;
    line-height: 160%
}

#BDWriteForm .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.35;
    -ms-filter: alpha(opacity=35);
    filter: alpha(opacity=35)
}

#BDWriteForm .tagShowbox input {
    height: 28px
}

#BDWriteForm .tagShowbox input.inactive {
    background: #F5F5F5;
    cursor: not-allowed;
    width: 0 !important
}

#BDWriteForm .tagShowbox input[name=tag__TSBOX] {
    border: 0 !important;
    background: none;
    max-width: 200px;
    padding: 0 0 0 2px !important
}

.tagShowbox .showbox_div {
    vertical-align: top
}

.tagShowbox .showbox_div p {
    position: relative;
    display: inline-block;
    padding: 4px 18px 4px 8px;
    background: #F9F9F9;
    color: #666;
    margin: 6px 4px 0 0;
    cursor: default
}

.tagShowbox .showbox_div p.recommend {
    background: #448AFF;
    color: #fff;
    vertical-align: top;
    line-height: 28px;
    margin: 10px 2px;
    padding: 0 18px 0 4px
}

.tagShowbox .showbox_div p:hover {
    background: #999;
    color: #FFF;
    transition: all 0.2s
}

.tagShowbox .showbox_div p span {
    word-break: break-all
}

.tagShowbox .showbox_div .tag_close {
    position: absolute;
    right: 1px;
    top: 4px;
    font-size: 11px;
    cursor: pointer;
    padding: 4px
}

.tagShowbox div[class$="showbox_div"] {
    display: flex !important;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap
}

.tagShowbox div[class$="showbox_div"] p {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 4px 0 8px;
    background: #F2F4F6;
    color: #555;
    cursor: default;
    height: 28px
}

.tagShowbox div[class$="showbox_div"] p:last-child {
    margin-right: 12px
}

.tagShowbox div[class$="showbox_div"] p span {
    word-break: break-all;
    font-size: 13px !important;
    font-weight: 600;
    color: #555;
    letter-spacing: -0.5px;
    width: fit-content !important;
    height: fit-content !important
}

.tagShowbox div[class$="showbox_div"] .tag_close {
    font-size: 11px;
    cursor: pointer;
    padding: 4px;
    color: #AAA
}

#currentSelected {
    display: flex;
    align-items: center;
    padding: 0 30px;
    font-size: 16px;
    border-bottom: 1px solid #F6F6F6;
    background: #FFF;
    cursor: pointer;
    height: 52px;
    box-sizing: border-box;
    gap: 20px
}

#currentSelected span {
    font-weight: 500;
    color: #666;
    font-size: 16px
}

#currentSelected i {
    color: #999
}

#currentSelected.active span {
    color: var(--event-point)
}

#currentSelected span.on {
    color: #000
}

#topicSelect {
    display: none;
    position: relative
}

#topicSelect .contents {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 16px 0px;
    background: #FFF;
    font-size: 15px;
    padding: 8px;
    line-height: 24px;
    border-radius: 0.375rem;
    border: 1px solid #dee2e6;
    box-sizing: border-box;
    gap: 4px;
    display: flex;
    position: absolute;
    top: -8px;
    left: 30px;
    z-index: 999
}

#topicSelect span {
    height: 36px;
    padding: 0.5rem 1rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border-radius: 0.375rem;
    cursor: pointer;
    margin: 2px 0;
    white-space: nowrap
}

#topicSelect span:hover {
    background: #F6F6F6;
    transition: all 0.1s
}

#topicSelect span:active {
    background: rgba(68,41,243,0.85);
    color: #FFF
}

#topicSelect span.selected {
    background: var(--event-point);
    color: #FFF
}

#topicSelect strong {
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 0.5rem 0 0 1rem;
    color: #999;
    display: block
}

#BDWriteForm li select[name=rel_topic_2] {
    visibility: hidden;
    visibility: hidden;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    text-indent: 0;
    margin: 0;
    border: 0;
    font-size: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

#BDWriteForm.writeForm .write_wrap > ul {
    border-top: 2px solid #333;
    padding-top: 20px
}

#BDWriteForm.writeForm .write_wrap > ul li {
    border: 0;
    position: relative
}

#BDWriteForm.writeForm .write_wrap > ul li label {
    font-size: 14px;
    position: absolute;
    top: 7px;
    left: 0;
    line-height: 48px
}

#BDWriteForm.writeForm .write_wrap > ul li div.item {
    margin-left: 150px
}

#BDWriteForm.writeForm .write_wrap > ul li div.item input[type=text] {
    width: 100%;
    padding: 0 12px;
    font-size: 14px;
    text-indent: 0;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    height: 48px;
    border-radius: 5px
}

#BDWriteForm.writeForm .write_wrap > ul li .item.select input {
    width: auto
}

#BDWriteForm.writeForm .write_wrap > ul li .item.select label {
    position: static;
    width: auto;
    display: inline-block
}

#BDWriteForm.writeForm .wf_editor {
    background: #FFF;
    min-height: 470px;
    position: relative
}

#BDWriteForm.writeForm .wf_editor .panel-heading.note-toolbar {
    border-top: 0;
    padding: 0;
    z-index: 10;
    border-bottom: 1px solid #F0F0F0
}

#BDWriteForm.writeForm .write_wrap .file_link {
    padding: 14px 0
}

#BDWriteForm.writeForm .write_wrap .file_link input {
    background: #FFF;
    width: 100%;
    padding: 0 12px;
    font-size: 14px;
    text-indent: 0;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    height: 48px !important;
    border-radius: 5px
}

#BDWriteForm.writeForm .write_wrap .file_link li:last-child {
    border: 0
}

#BDWriteForm.writeForm .write_wrap .file_link input {
    background: #FFF;
    width: 100%;
    padding: 0 12px;
    font-size: 14px;
    text-indent: 0;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    height: 48px !important;
    border-radius: 5px
}

#BDWriteForm.writeForm .write_wrap .file_link li:last-child {
    border: 0
}

#BDWriteForm {
    background-color: #FFF;
    border-radius: 8px;
    margin-bottom: 20px
}

#BDWriteForm .board-title {
    padding: 30px 30px 20px 30px;
    border-bottom: 1px solid #F6F6F6
}

#BDWriteForm .board-title h3 {
    color: #000;
    font-size: 19px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: -0.5px
}

#BDWriteForm .item-subject {
    padding: 20px 30px;
    border-bottom:1px solid #F6F6F6;
}


#BDWriteForm .item-tools {
    display: flex;
    padding: 16px 30px 16px 16px;
    align-items: center;
    gap: 8px;
    border-top: 1px solid #F0F0F0;
    background: #FBFBFB
}

#BDWriteForm .item-tools p {
    display: flex;
    flex-direction: column;
    gap: 6px;
    cursor: pointer;
    width: 44px;
    height: 44px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    padding: 4px;
    transition: all 0.2s
}

#BDWriteForm .item-tools p:hover {
    background: #F0F0F0;
    color: #000
}

#BDWriteForm .item-tools i {
    font-size: 24px;
    color: #666
}

#BDWriteForm .item-tools span {
    display: block;
    color: #666;
    font-size: 11px;
    font-weight: 500;
    text-align: center
}

#BDWriteForm .item-options > div {
    padding: 20px;
    border-bottom: 1px solid #F0F0F0;
    display: flex;
    gap: 24px;
    align-items: center
}

#BDWriteForm .item-options > div span {
    font-size: 18px;
    text-align: center;
    width: 24px;
    height: 18px;
}

#BDWriteForm .item-options > div input {
    font-size: 15px;
    line-height: 20px;
    color: #333;
    font-weight: 500;
    width: 100%
}

#BDWriteForm .item-options > div input::placeholder {
    color: #999
}

#BDWriteForm .item-options > div input.input_file {
    margin: 0;
    padding: 0;
    width: 100%
}

#BDWriteForm .item-input {
    display: flex;
    align-items: center;
    padding: 0 30px;
    font-size: 16px;
    background: #FFF;
    height: 52px;
    box-sizing: border-box;
    gap: 20px
}

#BDWriteForm .item-input input {
    font-size: 16px;
    color: #000
}

#BDWriteForm .item-tag .tagShowbox {
    padding: 0;
    border: 0;
    display: flex;
    align-items: center
}

#BDWriteForm .border-top {
    border-top: 1px solid #F6F6F6
}

#BDWriteForm .border-bottom {
    border-bottom: 1px solid #F6F6F6
}

.bd_df_wrap {
    border: 1px solid #EEE;
    background: #FFF
}

.bd_df_wrap h3 {
    text-align: center;
    font-size: 18px;
    line-height: 50px;
    border-bottom: 1px solid #EEE
}

.bd_df_wrap .subject {
    background: #F9F9F9;
    font-size: 16px;
    line-height: 60px;
    border-radius: 3px;
    margin-bottom: 16px
}

.bd_df_wrap .inner_wrap {
    text-align: center;
    padding: 36px 48px
}

.bd_df_wrap .inner_wrap i {
    font-size: 60px;
    color: #EEE
}

.bd_df_wrap .inner_wrap strong {
    display: block;
    font-size: 18px;
    margin: 24px 0 16px 0
}

.bd_df_wrap .inner_wrap p {
    color: #999;
    font-size: 13px;
    line-height: 22px
}

.bd_df_wrap .submit {
    text-align: center;
    margin-bottom: 36px
}

.bd_df_wrap .submit input, .bd_df_wrap .submit a {
    display: inline-block;
    text-align: center;
    width: 130px;
    font-size: 15px;
    vertical-align: top;
    transition: all .2s ease-in-out
}

.bd_df_wrap .submit input {
    background: #333;
    color: #FFF;
    margin-right: 8px;
    line-height: 50px;
    cursor: pointer
}

.bd_df_wrap .submit input:hover {
    background: #000
}

.bd_df_wrap .submit a {
    border: 1px solid #E0E0E0;
    color: #666;
    line-height: 48px
}

.bd_df_wrap .submit a:hover {
    background: #EEE
}

.wf_submit_btn {
    text-align: center;
    padding: 30px 0 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px
}

.wf_submit_btn .confirm, .wf_submit_btn input {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    background: #333;
    color: #fff;
    width: 150px;
    height: 44px;
    text-align: center;
    cursor: pointer;
    vertical-align: top;
    border-radius: 4px
}

.wf_submit_btn .confirm:hover, .wf_submit_btn input:hover {
    background: #111;
    transition: all .2s ease-in-out
}

.wf_submit_btn a {
    display: inline-block;
    width: 80px;
    height: 38px;
    line-height: 38px;
    background: #F0F0F0;
    border: 1px solid #BEBEBE;
    text-align: center;
    font-size: 14px;
    color: #888;
    margin-left: 7px;
    font-weight: 500;
    box-shadow: 0 0 6px rgba(0,0,0,0.15)
}

.wf_submit_btn a:hover {
    background: #D5D5D5;
    transition: all .2s ease-in-out;
    color: #333
}

#video_link {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000
}

#video_link .wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    left: 35%\9;
    background: #f9f9f9;
    border: 1px solid #777;
    padding: 25px;
    width: 400px;
    height: auto;
    margin-top: -140px;
    margin-left: -225px;
    margin-left: 0\9
}

#video_link .wrap p {
    font-size: 10pt;
    padding: 10px 0;
    color: #888
}

#video_link .wrap p.videocast_submit {
    color: #fff
}

#video_link .wrap p.videocast_submit:hover {
    background: #5C8DBF
}

#video_link .wrap h3 {
    font-size: 16pt
}

#video_link .wrap input {
    width: 360px
}

#file_popup {
    position: absolute;
    top: 50%;
    left: 0;
    left: 35%\9 !important;
    right: 0;
    background: #f9f9f9;
    border: 1px solid #777;
    padding: 25px;
    width: 350px;
    height: auto;
    margin-top: -140px;
    margin-left: auto;
    margin-right: auto
}

#file_popup input {
    width: 315px !important
}

#file_popup .designer_button {
    width: 25px !important
}

#file_popup > ul li div > input {
    width: 200px !important;
    font-size: 9pt;
    padding: 5px;
    border: 1px solid #f0f0f0
}

#litter_contents ul li {
    display: none;
    border-bottom: 1px solid #D5D5D5;
    padding: 7px 0
}

#litter_contents ul li.litter_selector {
    display: block
}

#litter_contents ul li label {
    float: left;
    display: block;
    width: 85px;
    padding-left: 15px;
    line-height: 34px;
    font-size: 14px
}

#litter_contents ul li .selector_wrap {
    line-height: 34px
}

#litter_contents ul li .selector_wrap p {
    position: relative;
    display: inline-block;
    width: 90px;
    margin-right: 5px;
    line-height: 26px;
    text-align: center;
    color: #939;
    border: 1px solid #e0e0e0;
    font-size: 12px;
    cursor: pointer
}

#litter_contents ul li .selector_wrap p.active {
    background: url('https://cdn.ibos.kr/images/litter_writer_icon.png') #939 no-repeat;
    background-position: 4px center;
    border-color: #939;
    color: #fff
}

#litter_contents ul li .selector_wrap p span {
    display: none;
    position: absolute;
    top: -53px;
    left: -25px;
    width: 120px;
    background-color: #000;
    z-index: 999;
    line-height: 18px;
    padding: 5px 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75
}

#litter_contents ul li .selector_wrap p.active span {
    display: block
}

#litter_contents ul li em {
    display: inline-block;
    line-height: 34px;
    vertical-align: middle;
    font-size: 14px;
    font-style: normal;
    padding: 0 5px
}

#litter_contents ul li i {
    display: inline-block;
    line-height: 34px;
    vertical-align: middle;
    font-style: normal
}

#litter_contents ul li .read_description, #litter_contents ul li .down_description {
    font-size: 14px;
    border-top: 1px solid #d5d5d5;
    padding: 12px 15px 0 15px;
    margin-top: 7px
}

#litter_contents ul li .read_description p, #litter_contents ul li .down_description p {
    padding-bottom: 7px;
    line-height: 20px;
    padding-left: 15px;
    letter-spacing: 0;
    color: #545454;
    background: url('https://cdn.ibos.kr/images/new_dot.gif') no-repeat;
    background-position: 3px 9px
}

#litter_contents ul li .read_description p span, #litter_contents ul li .down_description p span {
    color: #639;
    font-weight: 600
}

#litter_contents ul li .read_description strong, #litter_contents ul li .down_description strong {
    font-size: 15px;
    display: block;
    color: #e55757;
    padding-bottom: 7px
}

#litter_contents input {
    font-size: 15px;
    padding: 7px 10px;
    border: 1px solid #ededed
}

#litter_contents input.AB-text {
    width: 70px;
    text-align: right;
    color: #e55757;
    font-size: 15px;
    font-weight: 600
}

.AB-opt-admin {
    border: 1px solid #d5d5d5;
    background: #f9f9f9;
    margin-top: 10px
}

.AB-opt-admin > h5 {
    font-size: 12pt;
    letter-spacing: -0.5px;
    padding: 10px 15px;
    border-bottom: 1px dotted #d5d5d5
}

.AB-opt-admin ul {
    padding: 10px 0
}

.AB-opt-admin li {
    padding: 2px 15px;
    font-size: 9pt;
    clear: both;
    overflow: hidden;
    line-height: 30px;
    font-weight: 600
}

.AB-opt-admin li > input {
    float: left;
    padding: 5px 7px;
    font-size: 10pt;
    width: 120px !important;
    margin-right: 15px;
    letter-spacing: -0.5px;
    background: #fff
}

.AB-opt-admin li > input[type=checkbox] {
    width: auto !important;
    margin: 0
}

.AB-opt-admin li > label {
    float: left;
    width: 70px
}

.AB-opt-admin li > span input {
    margin-right: 3px
}

.AB-opt-admin li > span label {
    margin-right: 15px
}

.AB-opt-admin li.meta label {
    width: 125px
}

.AB-opt-admin li.meta input {
    width: 507px !important
}

#cmt_wf {
    margin: 20px 0;
    position: relative
}

.cmt_wf_wrap {
    border: 1px solid #E0E0E0;
    background: #FFF;
    border-radius: 8px;
    padding: 20px;
    padding-bottom: 0;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

.cmt_wf_wrap.focus {
    box-shadow: 1px 1px 4px rgba(0,0,0,0.12);
    transition: all .2s ease-in-out
}

.cmt_wf_wrap.margin_top_25 {
    margin-top: 25px
}

.cmt_wf_wrap .cmt_input > p {
    padding-bottom: 7px
}

.cmt_wf_wrap .cmt_input > p > span {
    position: relative;
    top: -2px
}

.cmt_wf_wrap .cmt_input > p > strong {
    font-size: 14px
}

.cmt_wf_wrap .cmt_input .AB-cmt-wrap > a {
    display: block;
    overflow: hidden
}

.cmt_wf_wrap .cmt_input .AB-cmt-wrap img {
    float: left;
    margin-right: 10px;
    border: 1px solid #e5e5e5
}

.cmt_wf_wrap .cmt_input .AB-cmt-wrap input {
    height: 76px !important;
    width: 100px !important
}

.cmt_wf_wrap .cmt_input .AB-cmt-wrap textarea {
    resize: none !important;
    background: #FFF;
    width: 100%;
    min-height: 60px !important;
    font-size: 16px;
    line-height: 24px;
    border: 0;
    word-break: break-all;
    letter-spacing: 0;
    box-sizing: border-box;
    color: #333;
    padding: 0
}

.cmt_wf_wrap .comment-profile-image {
    height: fit-content
}

.cmt_wf_wrap .comment-profile-image img {
    width: 40px;
    height: 40px
}

.cmt_wf_wrap .comment-inner-wrap {
    width: calc(100% - 56px);
    display: flex;
    flex-direction: column;
    gap: 8px
}

.cmt_wf_wrap .comment-inner-wrap .comment-writer-name {
    font-size: 16px;
    font-weight: bold;
    color: #333
}



form[id^="TCBOARD_comment_REPLY_"] #cmt_wf {
    margin: 0
}

form[id^="TCBOARD_comment_REPLY_"] .AB_cmt_reply_depth_1 {
    background: #FFF;
    padding: 10px 20px
}

form[id^="TCBOARD_comment_REPLY_"] .AB_cmt_reply_depth_2, form[id^="TCBOARD_comment_REPLY_"] .AB_cmt_reply_depth_3, form[id^="TCBOARD_comment_REPLY_"] .AB_cmt_reply_depth_4, form[id^="TCBOARD_comment_REPLY_"] .AB_cmt_reply_depth_5, form[id^="TCBOARD_comment_REPLY_"] .AB_cmt_reply_depth_6, form[id^="TCBOARD_comment_REPLY_"] .AB_cmt_reply_depth_7 {
    background: #FCFCFC;
    padding: 10px 20px;
    border-top: 1px dotted #DDD
}

form[id^="TCBOARD_comment_MODIFY"] div[class^="AB_cmt_reply_depth_"] {
    padding-left: 0
}

.AB-cmt-view .prof_cover {
    position: relative;
    margin-right: 12px
}

.AB-cmt-view .prof_cover.s_user {
    border: 2px solid #663399;
    padding: 2px
}

.AB-cmt-view .prof_cover img {
    width: 28px;
    height: 28px
}

.AB-cmt-view .cmt_contents {
    flex: 1 1 0%
}

.AB-cmt-view .reply_wf {
    display: flex;
    gap: 16px;
    padding-top: 6px
}

.AB-cmt-view .reply_wf a, .AB-cmt-view .reply_wf p {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.5px;
    color: #888
}

.AB-cmt-view .reply_wf a {
    display: inline-block
}

.AB-cmt-view .reply_wf a:hover {
    transition: all .2s ease-in-out
}

.AB-cmt-view .reply_wf .ReplyButton:hover {
    text-decoration: underline;
    color: #666
}

.AB-cmt-view .reply_wf .LikeThisCmt:hover em {
    color: #FF4949 !important;
    font-weight: bold !important
}

.AB-cmt-view .reply_wf .LikeThisCmt em {
    color: #FF4949;
    font-weight: bold;
    font-size: 12px
}

.AB-cmt-view .reply_wf .LikeThisCmt span {
    margin-left: 6px;
    color: #FF4949
}

.AB-cmt-view .reply_wf .LikeThisCmt.like_0 em {
    color: #888;
    font-weight: 300
}

.AB-cmt-view .reply_wf .LikeThisCmt.like_0 span {
    color: #888;
    font-weight: 600
}

.AB-cmt-view .reply_wf .btn_best {
    display: inline-block;
    font-size: 12px;
    padding: 3px 7px;
    font-family: "돋움", Dotum;
    color: #787878;
    letter-spacing: -1px;
    border: 1px solid #E0E0E0;
    margin-left: 5px;
    background: #FFF
}

.AB-cmt-view .reply_wf .btn_best_done {
    float: right;
    font-size: 11px;
    padding: 2px 3px;
    font-family: Dotum;
    border: 1px solid #e55757;
    color: #fff;
    border-radius: 2px;
    cursor: default !important;
    background-color: #e55757
}

.AB-cmt .comment-emoji {
    max-width: 120px;
    max-height: 120px
}

#cmt_wf .cmt_wf_wrap > p {
    display: inline-block
}

#cmt_wf #cmt_sms {
    position: absolute;
    top: 25px;
    right: 15px;
    padding: 2px 6px;
    border: 1px solid #E0E0E0;
    background: #F5F5F5
}

#cmt_wf #cmt_sms label {
    cursor: pointer;
    display: inline-block;
    padding-left: 3px
}

#cmt_wf #cmt_sms input {
    cursor: pointer
}


#refresh-cmt {
    text-align: center
}

#refresh-cmt span {
    font-size: 13px;
    padding-top: 12px;
    text-align: center;
    display: inline-block;
    cursor: pointer
}

#refresh-cmt span:active {
    position: relative;
    top: 1px
}

#refresh-cmt span:hover {
    text-decoration: underline
}

#refresh-cmt i {
    margin-right: 5px
}

#edu_review_admin {
    padding-top: 20px
}

#edu_review_admin::after {
    content: '';
    display: block;
    clear: both
}

#random-cmt {
    text-align: right;
    float: right
}

#random-cmt span {
    display: inline-block;
    width: 128px;
    height: 28px;
    border-radius: 3px;
    border: 1px solid #7f7f7f;
    text-align: center;
    line-height: 28px;
    background: #fff;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 4px 0px
}

#random-cmt span:hover {
    background: #eee
}

#review_coupon,#adtnlData {
    float: left;
    padding: 5px 0
}

#review_coupon input {
    border : 1px solid #aaa;
    width: 160px;
    height: 24px;
    margin-top: -3px;
    text-align: right;
    padding: 0 10px;
    box-sizing: border-box
}

#review_coupon input::placeholder {
    color: #aaa;
    font-size: 10px
}

#review_coupon .coupon_submit,#review_coupon .coupon_cancel {
    display: inline-block;
    border: 1px solid #7f7f7f;
    padding: 3px 5px;
    margin-left: 5px;
    background: #fff;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 4px 0px
}

#review_coupon .coupon_submit:hover,#review_coupon .coupon_cancel:hover {
    background: #eee
}

#adtnlData {
    margin-left: 15px;
    height: 26px;
    line-height: 26px
}

#adtnlData p {
    font-size: 14px;
    cursor: pointer
}

#adtnlData p.chk {
    color: #00B050
}

.Layout-outer {
    background: #F5F5F5;
    padding: 20px 0
}

.Layout-outer #Layout-wrap {
    position: relative;
    width: 1280px
}

.Layout-outer #Layout-wrap .box-shadow {
    padding: 20px
}

#Layout-wrap {
    /*width: 1200px;*/
    margin: 0 auto;
    padding-bottom: 100px
}

#Layout-wrap:after {
    display: block;
    content: "";
    clear: both
}

#Layout-wrap .ABA-container-box-730 {
    width: 820px
}

.box-shadow {
    background: #FFF;
    box-shadow: 0 0 8px rgba(0,0,0,0.05)
}

.pd20 {
    padding: 20px
}

#BnSub {
    margin-bottom: 12px
}

#BnSub a {
    display: block;
    width: 360px;
    height: 240px;
    text-align: center
}

#BnSub a img {
    width: auto;
    height: 240px;
    max-width: 360px;
    object-fit: cover;
    /*border-radius: 8px*/
}

#Layout-sub .write-btn-sub a {
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    text-align: center;
    border: 1px solid #D7D7D7;
    background: #FAFAFA;
    margin-bottom: 10px;
    font-weight: 600;
    letter-spacing: -1px
}

.AsideHead {
    position: relative
}

.AsideHead .more {
    position: absolute;
    top: 0;
    right: 0
}

.AsideHead .more a {
    padding: 2px 4px !important;
    border: 1px solid #EBEBEB;
    font-size: 11px;
    letter-spacing: -1px;
    color: #777;
    background: #fff
}

.art_dot {
    background: url('https://cdn.ibos.kr/images/150714_dot_img.gif') no-repeat;
    text-indent: 10px;
    background-position: 0px 10px;
    padding: 3px 0
}

#w100p {
    width: 100%;
    margin: 0 auto
}

#w100p .w80p {
    width: 80%;
    min-width: 1050px;
    margin: 0 auto
}

.w1050px {
    width: 1050px;
    margin: 0 auto
}

#i_bd {
    overflow: hidden;
    width: 730px
}

#i_bd a:hover {
    text-decoration: underline
}

#i_bd > div {
    float: left;
    width: 358px;
    border: 1px solid #d7d7d7;
    padding-bottom: 10px;
    margin: 0 5px 5px 0
}

#i_bd .billboard > div {
    float: left
}

#i_bd .billboard:after {
    content: '';
    display: block;
    clear: both
}

#i_bd .billboard {
    overflow: hidden;
    clear: both;
    width: 723px;
    ;padding: 0
}

#i_bd .intro {
    border-right: 1px solid #d7d7d7
}

#i_bd .bd-best {
    width: 444px
}

#i_bd .bd-best .bd-title {
    width: 100%;
    background-color: #F7F7F7
}

#i_bd .bd-best .bd-title span {
    font-weight: 600;
    font-size: 13px;
    color: #939
}

#i_bd .bd-best .AB-LF-common {
    padding-left: 12px;
    width: 320px
}

#i_bd .bd-title {
    position: relative;
    padding: 10px 20px;
    border-bottom: 1px solid #f7f7f7;
    margin-bottom: 10px
}

#i_bd .bd-title a {
    font-weight: 600;
    font-size: 14px;
    color: #939
}

#i_bd .w_btn {
    position: absolute;
    right: 10px;
    top: 8px
}

#i_bd .cell {
    padding: 0 20px;
    position: relative
}

#i_bd .cell a {
    display: block;
    line-height: 26px;
    font-size: 13px
}

#i_bd .AB-LF-common {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    width: 180px
}

#i_bd .date {
    position: absolute;
    top: 0;
    right: 10px;
    width: 35px;
    text-align: center;
    font-size: 12px
}

#i_bd .cnt_comment {
    position: absolute;
    top: 0;
    right: 55px;
    color: #e55757;
    font-size: 11px;
    font-weight: 600
}

#i_bd .num {
    position: absolute;
    top: 0;
    left: 17px;
    font-weight: 600;
    font-size: 11px;
    font-family: "Tahoma";
    color: #e55757
}

#i_bd .n4, #i_bd .n5 {
    color: #369
}

#i_bd .interDiv {
    display: none;
    width: 693px;
    background-color: #EDEAEF;
    border-color: #E2E2E2
}

#i_bd .new_btn {
    float: left;
    position: relative;
    top: 0;
    padding-right: 5px
}

#i_bd .cell a strong + span.AB-LF-common {
    font-weight: 600
}

#i_bd .bd-img {
    overflow: hidden;
    width: 723px
}

#i_bd .bd-img .cell {
    float: left;
    width: 148px;
    padding: 0 27px 0 0
}

#i_bd .bd-img .div_1, #i_bd .bd-img .div_5 {
    padding-left: 20px
}

#i_bd .bd-img .text-ellipsis {
    width: 132px;
    text-align: center;
    padding: 2px 7px
}

#i_bd .cal {
    padding: 0;
    overflow: hidden;
    border-top: 0
}

#i_bd .cal a {
    display: block
}

#i_bd .cal a:hover {
    color: #454545
}

#i_bd .cal .DayofWeek {
    border-top: 1px solid #454545;
    height: 39px;
    background: #F7F7F7
}

#i_bd .cal .DayofWeek li {
    float: left;
    text-align: center;
    line-height: 39px;
    width: 50px;
    border-right: 1px solid #eee
}

#i_bd .cal .UA-cal-box {
    border: 0;
    margin-left: -1px
}

#i_bd .cal .UA-day-box {
    width: 50px;
    height: 39px
}

#i_bd .cal .UA-day-box .UA-today {
    height: 39px
}

#i_bd .cal .UA-this-month + li {
    position: relative;
    top: -15px;
    z-index: -1;
    height: 39px;
    background-size: 65% !important
}

#i_bd .SM_bn {
    width: 723px;
    margin: 0;
    margin-bottom: 5px;
    padding: 10px 0;
    background-color: #f5f5f5;
    text-align: center
}

#i_bd .SM_bn > div {
    margin: 0 auto
}

#i_bd .bd-img.border .cell a {
    border: 1px solid #e5e5e5
}

#i_bd .bd-img.border .cell a img {
    width: 146px
}

#i_bd .bd-img.border .height {
    height: 48px;
    line-height: 18px
}

#i_bd .bd-img.border .AB-LF-common {
    width: 136px;
    white-space: normal;
    text-overflow: inherit;
    padding: 5px;
    font-weight: 600
}

#i_bd .bn_img {
    border: 0;
    padding: 0
}

#i_bd .litter-mall {
    width: 723px
}

#i_bd .litter_mall2 .wrap {
    width: auto;
    padding: 10px 20px
}

#i_bd .litter_mall2 .item {
    width: 200px;
    margin: 8px 13px
}

#i_bd .litter_mall2 .item a {
    height: 272px
}

#i_bd .litter_mall2 .item:hover a {
    border-color: #e0e0e0;
    text-decoration: none
}

#i_bd .litter_mall2 .item a > img {
    width: 100%;
    height: auto
}

#i_bd .litter_mall2 .item .ItemLabel {
    right: 1px
}

#i_bd #AgencyAds {
    width: 723px
}

#AgencyAds .wrap {
    overflow: hidden;
    padding: 10px 20px
}

#AgencyAds .in_div {
    float: left;
    width: 152px;
    height: 95px;
    border: 1px solid #eee;
    margin: 0 21px 10px 0
}

#AgencyAds .num_4, #AgencyAds .num_8 {
    margin-right: 0
}

#AgencyAds .num_5, #AgencyAds .num_6, #AgencyAds .num_7, #AgencyAds .num_8 {
    margin-bottom: 0
}

#AgencyAds .in_div a {
    display: block;
    overflow: hidden
}

#AgencyAds .in_div a:hover .info span {
    text-decoration: underline
}

#AgencyAds .in_div p {
    text-align: center;
    vertical-align: middle;
    height: 35px;
    padding: 5px 0
}

#AgencyAds .in_div p img {
    max-height: 35px;
    width: auto
}

#AgencyAds .info {
    height: 33px;
    border-top: 1px solid #eee;
    padding: 8px;
    background-color: #fbfbfb
}

#AgencyAds .info .AB-LF-common {
    width: 100%
}

#AgencyAds .info p {
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#AgencyAds .info span {
    text-align: center;
    display: block;
    color: #666;
    font-weight: 600
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    outline: none
}

.litter_mall h3 {
    color: #333;
    font-weight: 600;
    font-size: 16px;
    padding: 8px 0px 3px 12px
}

.litter_mall_sort {
    position: relative;
    text-align: right;
    border-bottom: 1px solid #d4d4d4;
    padding: 20px 0;
    font-size: 13px
}

.litter_mall_sort > a {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #e5e5e5
}

.litter_mall_sort > a:first-child {
    border-left: 0
}

.litter_mall_sort > a b {
    color: #e55757
}

.litter_mall_sort .CompanySelect {
    display: none;
    position: absolute;
    top: 50px;
    right: -1px;
    text-align: center;
    z-index: 10
}

.litter_mall_sort .CompanySelect ul {
    width: 300px
}

.litter_mall_sort .CompanySelect li {
    width: 148px;
    float: left;
    height: 36px;
    line-height: 36px;
    background: #fff;
    border: 1px solid #d5d5d5;
    border-top: 0
}

.litter_mall_sort .CompanySelect li.num_1, .litter_mall_sort .CompanySelect li.num_3, .litter_mall_sort .CompanySelect li.num_5, .litter_mall_sort .CompanySelect li.num_7, .litter_mall_sort .CompanySelect li.num_9, .litter_mall_sort .CompanySelect li.num_11 {
    border-right: 0
}

.litter_mall_sort .CompanySelect li.num_1, .litter_mall_sort .CompanySelect li.num_2 {
    border-top: 1px solid #d5d5d5
}

.litter_mall_sort .CompanySelect li a {
    display: block
}

.litter_mall_sort .CompanySelect li a:hover {
    font-weight: 600;
    background: #fcfcfc
}

.litter_mall2 .wrap {
    overflow: hidden;
    width: 730px;
    padding-top: 20px
}

.litter_mall2 .item {
    float: left;
    width: 223px;
    margin: 0 20px 15px 0
}

.litter_mall2 .item > a {
    display: block;
    border: 1px solid #e0e0e0
}

.litter_mall2 .item > a:hover {
    border: 1px solid #e55757
}

.litter_mall2 .item > a > .litterimg_cover {
    width: 198px;
    height: 180px;
    overflow: hidden
}

.litter_mall2 .item > a > .litterimg_cover > img {
    width: 100%
}

.litter_mall2 .item .ItemLabel {
    position: absolute;
    right: 0;
    top: 131px;
    width: 50px;
    height: 50px;
    background: #ff9933;
    color: #fff;
    text-align: center;
    line-height: 50px;
    opacity: 0.75;
    font-size: 16px;
    letter-spacing: -1px;
    font-weight: 600
}

.litter_mall2 .item .ItemLabel.trade {
    background: #663399
}

.litter_mall2 .item .info {
    padding: 10px 10px 0px 10px;
    height: 50px
}

.litter_mall2 .item .info .title {
    font-size: 13pt;
    letter-spacing: -1px
}

.litter_mall2 .item .co {
    text-align: right;
    padding: 8px 10px
}

.litter_mall2 .item .co p {
    float: left
}

.litter_mall2 .item .co img {
    margin-right: 10px
}

.litter_mall2 .item .btn {
    padding: 5px 10px;
    overflow: hidden
}

.litter_mall2 .item .btn p {
    float: left;
    width: 120px
}

.litter_mall2 .item .btn p em {
    font-style: normal;
    color: #CC4343;
    font-size: 11pt;
    font-weight: 600
}

.litter_mall2 .item .btn p span {
    font-size: 11pt;
    font-weight: 600;
    color: #CC4343;
    padding-left: 7px
}

.litter_mall2 .item .btn p.num {
    text-align: right;
    font-size: 11pt;
    font-weight: 600;
    color: #666;
    width: 80px
}

.litter_mall2 .item .btn p.litter {
    width: 85px;
    padding: 0
}

.litter_mall2 .item .btn p.num2 {
    text-align: right;
    font-size: 11pt;
    font-weight: 600;
    color: #666;
    width: 115px
}

.lt_mall h3 {
    font-size: 14pt;
    font-weight: 600;
    letter-spacing: -0.5px;
    color: #555
}

.lt_mall p {
    font-size: 10pt;
    line-height: 160%;
    padding: 15px 0
}

.lt_mall p span {
    color: #e55757;
    font-weight: 600
}

.lt_mall div > span {
    font-size: 13pt;
    color: #666;
    letter-spacing: -1px
}

.lt_mall div > span strong {
    color: #e55757;
    padding: 0 3px
}

.lt_mall > div {
    border-bottom: 1px dotted #e0e0e0;
    padding: 45px 0 25px 10px
}

.lt_mall .hd1 {
    background: url(/images/150401_main_03.png) no-repeat;
    background-position: right center
}

.lt_mall .desc p {
    padding: 0
}

.lt_mall .desc p > span {
    color: #ff9933
}

.lt_mall .desc p > span:first-child {
    color: #993399
}

.lt_mall .desc > em {
    font-style: normal;
    font-size: 11pt
}

.lt_mall .desc > em a {
    font-size: 8pt;
    background: #CC4343;
    color: #fff;
    margin-left: 10px;
    padding: 2px 3px
}

#lt_apply_fm .apply_btn {
    text-align: center
}

#lt_apply_fm .apply_btn .lack {
    border: 1px solid #d5d5d5;
    width: 45%;
    margin: 0 auto;
    padding: 20px 0;
    font-size: 20px;
    letter-spacing: -0.5px;
    line-height: 180%;
    background: #f9f9f9
}

#lt_apply_fm .apply_btn .lack strong {
    font-size: 15px;
    color: #e55757
}

#lt_apply_fm .apply_btn .soldout {
    border: 1px solid #d5d5d5;
    width: 45%;
    margin: 0 auto;
    padding: 20px 0;
    font-size: 20px;
    letter-spacing: -0.5px;
    line-height: 180%;
    background: #f9f9f9;
    color: #e55757
}

#lt_apply_fm .event {
    color: #e55757;
    text-align: center;
    padding-bottom: 30px;
    font-size: 17px;
    font-weight: 600
}

#lt_apply_fm .event p {
    padding-top: 10px
}

#lt_apply_fm {
    background: #F6F6f6;
    border-radius: 20px;
    margin-bottom: 50px;
    padding: 20px 0
}

#lt_apply_fm #apply_btn_info {
    width: 200px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 30px
}

#membershipOnly {
    padding: 30px 0;
    margin-bottom: 40px
}

#membershipOnly h5 {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin-bottom: 16px
}

#membershipOnly #apply_btn_info, #membershipOnly #apply_btn_done, #membershipOnly .forNonMembership {
    display: block;
    margin: 0 auto;
    background: linear-gradient(90deg, rgba(129,57,225,1) 40%, rgba(68,41,243,1) 100%);
    width: 200px;
    line-height: 60px;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    border-radius: 30px
}

#membershipOnly #apply_btn_finish {
    display: block;
    margin: 0 auto;
    background: #999;
    width: 200px;
    line-height: 60px;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    border-radius: 30px
}

#membershipOnly .lists_cal {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 12px;
    margin-bottom: 40px;
    background: #F6F6f6;
    border-radius: 20px;
    padding: 30px
}

#membershipOnly .lists_cal div {
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 2px solid #CCC;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    position: relative
}

#membershipOnly .lists_cal div span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 32px;
    text-align: center;
    color: #555;
    font-weight: 600;
    font-size: 14px;
    background: #E0E0E0
}

#membershipOnly .lists_cal div p {
    font-size: 18px;
    font-weight: normal;
    color: #999;
    margin-top: 24px
}

#membershipOnly .lists_cal div.done {
    color: var(--event-point);
    border-color: var(--event-point)
}

#membershipOnly .lists_cal div.done span {
    background: var(--event-point);
    color: #FFF
}

#membershipOnly .lists_cal div.done p {
    color: var(--event-point);
    font-weight: bold;
    font-size: 20px
}

#membershipOnly .lists_cal div.in_progress {
    color: var(--event-black);
    border-color: var(--event-black)
}

#membershipOnly .lists_cal div.in_progress span {
    background: var(--event-black);
    color: #FFF
}

#membershipOnly .lists_cal div.in_progress p {
    color: var(--event-black);
    font-weight: bold;
    font-size: 20px
}

#membershipOnly .lists_cal div#today {
    color: var(--event-today);
    border-color: var(--event-today)
}

#membershipOnly .lists_cal div#today span {
    background: var(--event-today);
    color: #FFF
}

#membershipOnly .lists_cal div#today p {
    color: var(--event-today)
}

#membershipOnly .event-info ul {
    margin: 40px 0 0 20px
}

#membershipOnly .event-info ul p {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 8px
}

#membershipOnly .event-info ul li {
    list-style: disc;
    font-size: 15px;
    font-weight: 300;
    color: #666;
    margin: 8px 0 8px 16px
}

#mk_comp .wrap {
    overflow: hidden
}

#mk_comp .wrap .cell {
    float: left;
    width: 25%;
    text-align: center;
    font-weight: 600;
    font-size: 13px
}

#mk_comp .wrap .cell .img {
    height: 75px;
    white-space: nowrap;
    text-align: center;
    margin: 1em 0
}

#mk_comp .wrap .cell .img img {
    vertical-align: middle;
    max-width: 110px;
    height: auto;
    max-height: 80px;
    max-height: 80px\9
}

#mk_comp .wrap .cell .img .resize {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

#mk_comp .wrap .cell .desc {
    padding-top: 12px;
    height: 35px;
    overflow: hidden
}

#mk_comp .wrap .cell .desc a {
    padding: 0 10px;
    color: #999;
    font-weight: normal;
    font-size: 13px;
    line-height: 150%
}

#mk_comp .ABC-head {
    border-bottom: 2px solid #636870
}

.view_box {
    border-bottom: 1px solid #c0c0c0;
    border-top: 2px solid #666;
    position: relative
}

.view_box .wrap {
    overflow: hidden
}

.view_box .ABA-tit-box {
    padding: 10px 0 10px 12px;
    clear: both;
    color: #999
}

.view_box .wrap_title {
    min-height: 50px;
    width: 520px;
    word-break: break-all
}

.view_box .subject {
    clear: both;
    padding: 16px 0 5px 0;
    overflow: hidden
}

.view_box .subject h1 {
    font-size: 24px;
    font-weight: 600;
    padding-left: 10px;
    letter-spacing: -1px
}

.view_box .w_info .user_tit li {
    float: left
}

.view_box .w_info .user_tit .first {
    font-size: 14px;
    padding: 2px 4px
}

.view_box .w_info .user_tit .first:hover {
    background: none;
    cursor: pointer
}

.view_box .w_info .user_tit .first a {
    display: inline;
    padding: 15px 7px
}

.view_box .w_info .user_tit .img {
    border: 0;
    box-shadow: none;
    margin: 0 0 0 8px;
    padding: 2px 4px
}

.view_box .w_info .user_tit .img:hover {
    background: none
}

.view_box .w_info .user_tit li {
    border: 1px solid #ddd;
    margin: 7px 3px 0 3px;
    font-size: 12px;
    letter-spacing: -0.5px;
    box-shadow: 1px 1px 1px #eee
}

.view_box .w_info .user_tit li:hover {
    background: #f7f7f7
}

.view_box .w_info .user_tit li:hover a {
    color: #333
}

.view_box .w_info .user_tit li a {
    display: block;
    padding: 2px 4px
}

.view_box .w_info .user_tit li i {
    margin-right: 5px
}

.view_box .w_info .user_tit img {
    width: 30px;
    height: 30px;
    border: 1px solid #e0e0e0
}

.view_box .w_info .user_tit .none, .view_box .w_info .user_tit .first {
    border: 0;
    font-size: 14px;
    box-shadow: none
}

.view_box .w_info .user_tit .none a:hover {
    color: #1c1c1c
}

.view_box .w_info .user_tit .none i {
    margin: 0;
    font-size: 14px;
    color: #1c1c1c
}

.view_box .w_info .user_tit .none:hover {
    background: none
}

.view_box .w_info .user_tit .first #v_introduce {
    position: absolute;
    border: 1px solid #e1e1e1;
    background: #fdfdfd;
    width: 480px;
    left: 55px;
    display: none;
    z-index: 100;
    padding: 20px;
    box-shadow: 2px 2px 2px #eee;
    cursor: auto;
    margin-top: 10px;
    line-height: 150%
}

.view_box .w_info .user_tit .first #v_introduce a {
    padding: 0
}

.view_box .w_info .user_tit .first #v_introduce a:hover {
    text-decoration: underline;
    color: blue
}

.view_box .cont_ad {
    width: 250px;
    float: right;
    background: #fdfdfd;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.view_box .cont_ad .ad_btn {
    position: absolute;
    right: 3px;
    top: 3px
}

.view_box .cont_ad .ad_btn a {
    border: 1px solid #e0e0e0;
    background: #fff;
    padding: 1px 3px;
    font-size: 10px
}

.view_box .cont_ad .ABC-body-04 {
    padding-top: 10px
}

.view_box .cont_ad .ABC-body-04 table tbody tr td:hover {
    background: none
}

.view_box .w_info .user_tit .first:hover > #v_introduce {
    display: block
}

.VF_outlink, .VF_ntcbox {
    position: relative;
    background: #FCFCFC;
    height: 30px;
    margin: 7px 0;
    border: 1px solid #F7F7F7
}

.VF_outlink a, .VF_ntcbox a {
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0;
    padding-right: 10px;
    line-height: 30px
}

.VF_outlink label, .VF_ntcbox label {
    display: inline-block;
    margin: 0 12px;
    font-weight: 600;
    letter-spacing: -1px;
    width: 16px;
    text-align: center
}

.VF_outlink a {
    color: #545454;
    max-width: 650px;
    font-weight: 500
}

.VF_outlink a:hover {
    text-decoration: underline
}

.VF_outlink em {
    font-style: normal;
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
    font-weight: 600
}

.trend.VF_outlink {
    display: inline-block;
    margin: 0;
    margin-top: 30px;
    height: 35px;
    padding: 0 20px 0 9px;
    background: #f6f6f6;
    border-radius: 5px!important
}

.trend.VF_outlink::before {
    clear: both;
    content: '';
    display: block
}

.trend.VF_outlink, .trend.VF_outlink a {
    font-size: 12.5px;
    color: #505050;
    line-height: 35px;
    font-weight: normal
}

.trend.VF_outlink a:hover span {
    text-decoration: underline
}

.trend.VF_outlink em {
    font-size: 12px;
    line-height: 36px;
    font-weight: 500
}

.trend.VF_outlink span {
    display: inline-block;
    max-width: 300px;
    vertical-align: top;
    font-size: 14px
}

.trend.VF_outlink label {
    color: #999;
    margin: 0 8px;
    width: auto;
    font-size: 12px;
    font-weight: 500;
    line-height: 26px
}

.trend.VF_outlink label:before {
    margin-right: 6px
}

.VF_ntcbox a {
    display: block;
    margin-right: 53px
}

.VF_ntcbox a:hover span {
    text-decoration: underline;
    color: #333;
    font-weight: 500
}

.VF_ntcbox label.label_bn {
    color: #FF9933
}

.VF_ntcbox .ntcbox_info {
    position: absolute;
    top: 8px;
    right: 0;
    padding: 0;
    margin: 0 10px;
    color: #C0C0C0;
    line-height: 13px
}

.VF_ntcbox .ntcbox_info:hover span {
    font-weight: 600;
    text-decoration: none;
    color: #999
}

.view_box2 {
    overflow: hidden;
    padding: 5px 0;
    border-bottom: 1px solid #f7f7f7
}

.view_box2 li {
    height: 25px;
    line-height: 25px;
    float: left
}

.view_box2 li label {
    font-size: 13px;
    font-weight: 600;
    color: #666;
    width: 50px;
    float: left;
    display: block;
    padding-left: 12px
}

.view_box2 li a {
    display: block;
    word-break: break-all;
    width: 620px
}

.view_box2 li.point_download div {
    float: left
}

.view_box2 .link {
    float: none
}

.point_download_desc {
    padding: 10px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #e5e5e5;
    margin: 10px auto;
    width: 400px
}

.point_download_desc p {
    line-height: 24px
}

.point_download_desc strong {
    font-weight: 600;
    color: #e55757
}

.point_download_desc .my_ltr {
    position: relative;
    padding-top: 7px
}

.point_download_desc .my_ltr a {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #e55757;
    color: #FFF;
    padding: 0 6px;
    font-family: "나눔고딕", NanumGothic;
    font-size: 12px;
    letter-spacing: -1px
}

.point_download_desc .my_ltr span {
    color: #e55757
}

.lf_box {
    overflow: hidden;
    margin-bottom: 10px;
    border-top: 2px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}

.lf_box .cont_ad {
    width: 250px;
    float: right;
    background: #fcfcfc;
    height: 153px;
    position: relative
}

.lf_box .cont_ad .ad_btn {
    position: absolute;
    right: 7px;
    top: 3px
}

.lf_box .cont_ad .ad_btn a {
    border: 1px solid #e0e0e0;
    background: #fff;
    padding: 1px 3px;
    font-size: 10px
}

.lf_box .cont_ad .ABC-body-04 {
    padding-top: 15px
}

.lf_box .cont_ad .ABC-body-04 table tbody tr td:hover {
    background: none
}

.lf_box .rec_article {
    float: left;
    width: 525px
}

.lf_box .rec_article .wrap {
    padding-left: 12px
}

.lf_box .rec_article .wrap .cell {
    padding: 3px 0;
    font-size: 13px
}

.lf_box .bd_title {
    font-size: 16px;
    font-weight: 600;
    color: #666;
    padding: 8px 5px
}

.ABA-view-btn {
    padding: 10px 0 0 0
}

.ABA-view-btn .AB-fr span .btn_board, .ABA-view-btn .AB-fr span .btn_write {
    color: #fff;
    background: #bbb;
    padding: 4px 13px;
    font-size: 14px;
    font-weight: 600
}

.ABA-view-btn .AB-fr span .btn_write {
    background: #952f97
}

.ABA-view-btn .view_btn_sns {
    float: left !important
}

.ABA-view-btn .view_btn_sns label {
    float: left;
    line-height: 30px;
    font-weight: 600;
    padding-right: 20px;
    color: #999;
    padding-left: 12px
}

.AB-btn-thema .btn_board, .AB-btn-thema .btn_write {
    color: #fff;
    background: #bbb;
    padding: 4px 13px;
    font-size: 14px;
    font-weight: 600
}

.AB-btn-thema .btn_write {
    background: #952f97
}

.AB-btn-thema a:hover {
    color: #fff
}

#DeviceClassifications {
    line-height: 28px;
    font-size: 12px;
    color: #707070;
    margin-top: 50px
}

#DeviceClassifications img {
    margin-right: 5px;
    width: 16px;
    height: 16px
}

.my_litter {
    position: relative
}

.my_litter .header {
    background: #f2f2f2;
    border: 1px solid #d4d4d4;
    border-bottom: 0;
    width: 100%;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.my_litter .header p {
    padding: 25px 20px;
    font-size: 22px
}

.my_litter .btn {
    position: absolute;
    top: 13px;
    right: 15px;
    width: 150px;
    height: 50px
}

.my_litter .btn a {
    font-size: 20px;
    display: block;
    height: 100%;
    background: #4c585f;
    text-align: center;
    line-height: 50px;
    color: #fff;
    border-radius: 5px
}

.my_litter .btn a:hover {
    background: #98B0BF
}

.my_litter .info {
    width: 100%;
    height: 150px;
    border: 1px solid #d4d4d4;
    margin-bottom: 10px
}

.my_litter .info .usable {
    float: left;
    width: 45%;
    text-align: center;
    background-position: 75px 15px;
    height: 150px
}

.my_litter .info .usable p {
    text-align: right;
    padding: 35px 45px 0 0
}

.my_litter .info .usable span {
    font-size: 24px
}

.my_litter .info .usable label {
    display: block
}

.my_litter .info .usable strong {
    font-size: 55px;
    color: #e55757
}

.my_litter .info .how {
    float: left;
    width: 44%;
    height: 100%;
    padding-left: 10%;
    background: url('https://cdn.ibos.kr/images/coupon(17).png') no-repeat;
    background-position: 50px 5px
}

.my_litter .g1_nav a {
    display: block
}

.my_litter .g1_nav ul {
    padding: 0;
    margin: 0;
    height: 60px;
    width: 100%;
    border: 1px solid #d4d4d4;
    border-top: 0
}

.my_litter .g1_nav li {
    float: left;
    text-align: center;
    width: 173px;
    height: 60px;
    font-size: 18px;
    line-height: 60px;
    font-weight: 600;
    letter-spacing: -1px;
    background-color: #fff;
    color: #505050;
    border-right: 1px solid #d4d4d4
}

.my_litter .g1_nav li a {
    color: #666
}

.my_litter .g1_nav .last {
    border-right: 0
}

.my_litter .g1_nav .active {
    background-color: #f2f2f2 !important
}

.my_litter .g1_nav .active a {
    color: #e55757
}

.my_litter .g1_tab th, .my_litter .g1_tab td {
    font-size: 13px
}

.my_litter .g1_tab th, .my_litter .g1_tab td .sender {
    font-size: 11px;
    letter-spacing: -0.5px;
    padding-left: 15px
}

.my_litter .none {
    padding-bottom: 100px
}

.my_litter .none h3 {
    text-align: center;
    font-size: 20px;
    letter-spacing: -0.5px
}

.my_litter .unlogged {
    padding-bottom: 100px
}

.my_litter .unlogged h3 {
    text-align: center;
    font-size: 20px;
    letter-spacing: -0.5px
}

.my_litter .unlogged h5 {
    text-align: center;
    font-weight: normal;
    padding-top: 50px;
    font-size: 14px
}

#member_profile {
    background: #fdfdfd;
    border: 1px solid #e0e0e0;
    padding: 10px
}

.download_btn a {
    width: 160px;
    text-align: center;
    font-size: 22px;
    padding: 15px 250px;
    letter-spacing: -1px;
    display: inline-block;
    cursor: pointer;
    background-color: #e55757;
    border: 1px solid #e55757;
    color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-weight: 600
}

.download_btn a:hover {
    background-color: #fff;
    color: #e55757;
    border: 1px solid #e55757;
    font-weight: 600
}

.data_bd .data_directory li a {
    width: 66px
}

.data_bd .data_board {
    overflow: hidden;
    clear: both;
    padding-top: 20px
}

.box_wrap {
    padding-right: 20px;
    width: 47%;
    float: left;
    height: 110px;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #d5d5d5
}

.box_wrap ul > div {
    float: left;
    width: 55%
}

.box_wrap ul > div:first-child {
    width: 45%
}

.box_wrap ul li {
    float: left
}

.box_wrap .btn {
    display: block;
    margin-top: 10px;
    padding: 5px 0;
    text-align: center;
    border: 1px solid #ccc
}

.box_wrap .title {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.5px
}

.data_library {
    margin: 0;
    margin-bottom: 10px;
    padding: 20px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.data_library .discription div {
    padding: 10px;
    padding-left: 0;
    border-bottom: 1px dotted #ddd
}

.data_library .discription div:last-child {
    border: 0
}

.data_library .discription div:last-child p {
    font-size: 15px;
    letter-spacing: -1px;
    line-height: 1.6;
    text-align: justify;
    color: #333
}

.data_library_tab_on a {
    background-color: #fff!important;
    color: #e55757!important
}

.sch_bx .sch_text {
    color: #999
}

#sch_RSL .img_sect .wrap {
    overflow: hidden;
    width: 780px
}

#sch_RSL .img_sect .wrap > div {
    float: left;
    width: 150px;
    margin-right: 6px;
    overflow: hidden;
    height: 122px
}

#sch_RSL .img_sect .wrap > div a {
    display: block
}

#sch_RSL .img_sect .wrap > div a img {
    min-height: 120px;
    border: 1px solid #f7f7f7
}

#sch_RSL .sch_title {
    padding: 15px 0;
    font-size: 14px
}

#sch_RSL .sch_more {
    text-align: right;
    font-size: 14px;
    text-decoration: underline;
    padding: 20px 0
}

.LTR_list {
    border: 1px solid #b5b5b5;
    margin-bottom: 10px;
    font-size: 10pt;
    position: relative
}

.LTR_list > div {
    padding: 7px 5px
}

.LTR_list > div > span {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #b5b5b5;
    font-weight: 600
}

.LTR_list > div > span.item {
    color: #e55757
}

.LTR_list .button {
    float: left;
    height: 58px;
    line-height: 68px;
    padding: 0 20px
}

.LTR_list .mb_writer {
    color: blue
}

.LTR_list .ctrl {
    position: absolute;
    top: 30px;
    right: 0
}

.LTR_list .ctrl a {
    padding: 2px 4px;
    border: 1px solid #d5d5d5;
    background: #f7f7f7
}

.LTR_list .ctrl span {
    border-right: 0;
    display: block;
    width: 15px;
    float: left;
    margin: 0;
    padding: 0;
    margin-left: 10px
}

.LTR_list .ctrl span:first-child {
    width: 61px
}

.LTR_list .ctrl span:last-child {
    width: 51px;
    text-align: center
}

#modify_main .attend {
    margin: 0;
    border-bottom: 0
}

#PushMsg .w_btn a {
    background: #336699;
    text-align: center;
    font-size: 20px;
    display: block;
    width: 200px;
    margin: 25px auto;
    color: #fff;
    padding: 10px 0
}

.BoardListTitle p {
    height: 28px
}

.BoardListTitle .CS p {
    background-position: 0px -85px
}

.BoardListTitle {
    padding: 5px 0;
    margin-bottom: 5px
}

.BoardListTitle .subscrib {
    position: relative;
    float: right;
    margin-top: 5px
}

.ServiceAdPopup {
    position: relative
}

.ServiceAdPopup > div {
    padding: 25px;
    border: 3px solid #336699;
    width: 565px;
    position: absolute;
    top: 100px;
    background-color: #fff;
    z-index: 1000;
    left: 45px
}

.ServiceAdPopup h3 {
    font-size: 20px;
    letter-spacing: -1px;
    padding-bottom: 15px;
    font-weight: 600;
    color: #e55757
}

.ServiceAdPopup p {
    font-size: 13px;
    letter-spacing: -0.5px;
    line-height: 2.1
}

.ServiceAdPopup p b {
    padding-left: 20px
}

.ServiceAdPopup .close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer
}

.ServiceAdPopup .close img {
    border: 1px solid #fff
}

.ServiceAdPopup .close img:hover {
    border: 1px solid #b5b5b5
}

.AB-dictionary {
    padding-top: 20px;
    font-family: Pretendard, AppleSDGothicNeo-Regular, 'Malgun Gothic','맑은 고딕',sans-serif
}

.AB-dictionary-title {
    font-size: 26px;
    font-weight: 600;
    padding-top: 25px
}

.AB-dictionary ul {
    overflow: hidden;
    display: flex;
    gap: 6px;
    padding: 10px 0;
    border: 1px solid #E0E0E0;
    border-width: 1px 0;
    flex-wrap: wrap
}

.AB-dictionary ul li {
    text-align: center;
    line-height: 36px
}

.AB-dictionary ul li a {
    display: block;
    border-radius: 5px;
    padding: 0 12px;
    font-weight: 600;
    font-size: 15px;
    color: #000;
    background: #F1f1f1
}

.AB-dictionary ul li:hover a {
    background: #000;
    color: #fff
}

.AB-dictionary-list .ABA-list-body {
    clear: both
}

.AB-dictionary-list .ABA-list-body td {
    height: 100px;
    font-size: 15px;
    text-align: left
}

.AB-dictionary-list .ABA-list-body td.words .AB-LF-common {
    font-size: 20px;
    color: #000
}

.AB-dictionary-list .ABA-list-body td.description {
    line-height: 160%
}

.dictionary-title {
    position: relative
}

.dictionary-searchbox {
    position: absolute;
    right: 0;
    bottom: -50px
}

#word_dic {
    letter-spacing: 0px
}

#word_dic h1 {
    font-size: 32px;
    border-bottom: 1px solid #E0E0E0;
    border-width: 1px 0;
    text-align: center;
    padding: 50px 0;
    font-weight: 600
}

#word_dic .contents {
    margin-top: 25px;
    margin-bottom: 50px
}

#word_dic .contents p {
    font-size: 16px;
    line-height: 2;
    padding-left: 20px
}

#word_dic .list > div {
    padding-left: 20px
}

#word_dic .list {
    margin: 30px 0;
    font-size: 15px
}

#word_dic .title {
    font-size: 18px;
    padding-bottom: 15px;
    padding-left: 0 !important
}

#account_activation {
    width: 400px;
    margin: 0 auto;
    border: 1px solid #d5d5d5;
    padding: 20px;
    margin-top: 100px;
    margin-bottom: 100px;
    background: #FAFAFA
}

#account_activation h1 {
    font-size: 26px;
    font-weight: 600;
    text-align: center
}

#account_activation p {
    width: 300px;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
    line-height: 1.5;
    padding-top: 20px
}

#account_activation .confirm {
    width: 120px;
    margin: 0 auto
}

#account_activation .confirm input {
    width: 100%;
    margin-top: 30px;
    padding: 10px 5px;
    font-size: 16px;
    font-weight: 600;
    background: #369;
    color: #fff;
    cursor: pointer
}

#MKT_agency > div {
    border-bottom: 1px solid #eee;
    min-height: 95px
}

#MKT_agency > div a {
    overflow: hidden;
    display: block;
    padding: 10px 0
}

#MKT_agency > div a:hover {
    background: #fcfcfc
}

#MKT_agency > div a:hover h3 {
    text-decoration: underline
}

#MKT_agency .images {
    float: left;
    width: 100px;
    text-align: center;
    line-height: 95px;
    border: 1px solid #fafafa;
    margin-left: 20px;
    background: #fff
}

#MKT_agency .contents {
    float: left;
    margin-left: 25px;
    width: 545px;
    color: #1c1c1c
}

#MKT_agency .contents h3 {
    font-size: 18px;
    font-weight: 600;
    color: #336699
}

.MKT_career .contents h3 {
    padding-top: 10px
}

#MKT_agency .contents span.AB-LF-common {
    font-size: 14px;
    padding-top: 10px;
    display: block
}

#MKT_agency .contents p span {
    margin-right: 10px;
    padding-left: 10px
}

.MKT_career .contents p span.phone strong {
    color: #e55757 !important
}

#MKT_agency .contents p span strong {
    color: #663399
}

#MKT_agency .contents p span.address strong {
    color: #1c1c1c;
    font-weight: normal
}

#MKT_agency .contents p span.cat {
    padding-left: 0;
    color: #218D44
}

#MKT_agency .description {
    padding-top: 13px;
    font-size: 13px;
    line-height: 1.45;
    width: 85%;
    letter-spacing: -0.5px
}

#MKT_agency .description span {
    background: #FFEC42;
    margin: 0 !important;
    padding: 0 !important
}

#MKT_agency .info {
    padding-top: 8px
}

#MKT_agency .info strong.dday {
    padding-right: 10px
}

#MKT_agency .info strong.dday_over {
    padding-right: 10px;
    padding-left: 10px;
    font-weight: normal;
    text-decoration: line-through;
    color: #999
}

#all_img_article .wrap {
    overflow: hidden;
    width: 750px
}

#all_img_article .wrap a {
    display: block;
    height: 100%
}

#all_img_article .wrap > div {
    float: left;
    width: 230px;
    margin: 0 20px 30px 0;
    box-shadow: 1px 1px 3px #fcfcfc
}

#all_img_article .wrap a:hover {
    border-color: #666
}

#all_img_article .wrap > div:hover a {
    color: #3c3c3c
}

#all_img_article .wrap > div:hover .title {
    text-decoration: underline
}

#all_img_article .wrap .img {
    border: 1px solid #eee;
    position: relative
}

#all_img_article .wrap .img .video_icon {
    position: absolute;
    top: 75px;
    left: 95px
}

#all_img_article .wrap .info {
    padding: 5px 10px
}

#all_img_article .wrap .info p:first-child {
    font-size: 15px;
    line-height: 140%;
    padding: 7px 0 15px 0;
    height: 40px
}

#all_img_article .wrap .info div strong {
    float: right;
    font-weight: normal
}

.help_notice {
    border: 1px solid #eee;
    overflow: hidden;
    margin-bottom: 20px
}

.help_notice a {
    float: left;
    display: block;
    font-size: 11pt;
    font-weight: 600;
    color: #333399;
    padding: 15px;
    padding-left: 10px
}

.help_notice img {
    float: left;
    padding-top: 13px;
    padding-left: 15px
}

.help_notice > span {
    margin: 11px;
    float: right
}

#bd_help > div {
    border: 1px solid #eee;
    margin-bottom: 20px
}

#bd_help > div .cont {
    padding: 15px;
    height: 95px;
    position: relative
}

#bd_help > div .cont > p {
    padding: 15px 130px 0 0;
    line-height: 1.7;
    font-size: 10pt;
    color: #666
}

#bd_help > div .cont > div {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 130px
}

#bd_help > div .cont > div p {
    text-align: center;
    width: 75px;
    margin: 20px auto;
    height: 65px;
    line-height: 1.35;
    font-size: 10pt;
    color: #999;
    border: 2px solid #ebebeb;
    padding-top: 10px
}

#bd_help > div .cont > div p strong {
    display: block;
    font-size: 24pt;
    color: #e55757
}

#bd_help > div .cont .title {
    font-size: 24px;
    color: #1c1c1c
}

#bd_help > div .info {
    border-top: 1px solid #eee;
    padding: 10px 10px 10px 15px;
    background: #FDFDFD;
    height: 20px;
    line-height: 20px
}

#bd_help > div .info em {
    clear: both;
    font-style: normal;
    border-right: 1px solid #eee;
    padding-right: 10px;
    margin-right: 10px
}

#bd_help > div .info em > p {
    float: left
}

#bd_help > div .info em > p a:hover {
    color: #666
}

#bd_help > div .info em > span {
    float: left;
    margin-right: 5px
}

#bd_help > div .info > span {
    border-right: 1px solid #eee;
    padding-right: 10px;
    margin-right: 10px;
    color: #666
}

#bd_help > div .info > div {
    float: right;
    background: #ff9933;
    margin-top: -5px;
    margin-right: 17px
}

#bd_help > div .info > div a {
    display: block;
    color: #fff;
    font-size: 10pt;
    font-weight: 600;
    letter-spacing: -1px;
    padding: 5px 15px
}

#bd_help > div .info .date {
    border: 0
}

#bd_help > div .admin {
    overflow: hidden;
    padding: 5px
}

#bd_help > div .admin a, #bd_help > div .admin input {
    float: left;
    margin-right: 5px
}

.agency_sb {
    padding: 25px 0;
    background: #f9f9f9;
    border: 1px solid #d5d5d5;
    border-top: 0;
    overflow: hidden
}

.agency_sb .searchbox {
    text-align: center
}

.agency_sb .searchbox .mb_searchbox_2 {
    font-size: 16px;
    padding-left: 10px;
    width: 200px !important
}

.agency_sb .searchbox .mb_searchbox_3 {
    font-size: 16px;
    cursor: pointer;
    background: #666;
    color: #fff;
    border: 1px solid #666;
    height: 41px;
    width: 75px
}

.agency_sb .searchbox .back_img {
    background: #fff url('https://cdn.ibos.kr/images/bg_schbox_agency_db.gif') no-repeat
}

.agency_db_cmt p.AB-cmt {
    padding-top: 15px !important
}

.agency_list h3 {
    font-size: 18px;
    font-weight: 700;
    padding: 10px 0;
    letter-spacing: -.5px
}

.agency_list .ad .wrap {
    overflow: hidden;
    width: 800px
}

.agency_list .ad .wrap > div {
    float: left;
    width: 245px;
    margin-right: 20px
}

.agency_list .logo {
    border: 1px solid #e0e0e0;
    text-align: center;
    height: 75px;
    line-height: 75px;
    margin-bottom: 7px
}

.agency_list .logo img {
    max-width: 150px;
    max-height: 60px
}

.agency_list > div a span {
    display: block;
    font-size: 14px;
    font-weight: 700;
    padding: 4px 0
}

.agency_list .wrap > div p {
    line-height: 140%;
    color: #666
}

.agency_list .ad {
    border-top: 2px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    padding: 15px 0;
    margin-bottom: 30px
}

.agency_list .best {
    border-top: 2px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 30px
}

.agency_list .best .wrap {
    padding: 15px 0;
    overflow: hidden;
    width: 800px
}

.agency_list .best .wrap > div {
    float: left;
    width: 243px;
    height: 194px;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
    border: 1px solid #d5d5d5
}

.agency_list .best .wrap .logo {
    border: 0;
    text-align: center;
    height: 75px;
    line-height: 75px;
    margin-bottom: 7px
}

.agency_list .best .wrap .logo img {
    max-width: 243px;
    max-height: 80px
}

.agency_list .best .wrap .info {
    padding: 10px
}

.agency_list .best .wrap .info .AB-LF-common {
    font-size: 20px;
    font-weight: 700;
    display: block;
    padding-bottom: 5px
}

.agency_list .best .wrap .icon {
    position: absolute;
    right: 0;
    top: 90px;
    background: #f93;
    color: #fff;
    padding: 5px;
    font-weight: 700;
    text-align: center;
    width: 35px
}

.agency_list .N_list .subject {
    font-size: 18px;
    font-weight: 700
}

.agency_nav {
    overflow: hidden
}

.agency_nav li {
    float: left;
    text-align: center
}

.agency_nav li a {
    border: 1px solid #d5d5d5;
    border-right: 0;
    height: 85px;
    display: block;
    width: 85px;
    font-weight: 700;
    font-size: 14px;
    color: #939;
    line-height: 130px;
    letter-spacing: -.5px
}

.agency_nav li a.I {
    border-right: 1px solid #d5d5d5
}

.agency_nav li .all {
    background: url(/images/150213_19.png) no-repeat;
    background-position: center 15px
}

.agency_nav li .A {
    background: url(/images/150213_03.png) no-repeat;
    background-position: center 15px
}

.agency_nav li .B {
    background: url(/images/150213_05.png) no-repeat;
    background-position: center 15px
}

.agency_nav li .C {
    background: url(/images/150213_07.png) no-repeat;
    background-position: center 15px
}

.agency_nav li .D {
    background: url(/images/150213_09.png) no-repeat;
    background-position: center 15px
}

.agency_nav li .E {
    background: url(/images/150213_11.png) no-repeat;
    background-position: center 15px
}

.agency_nav li .F {
    background: url(/images/150213_13.png) no-repeat;
    background-position: center 15px
}

.agency_nav li .G {
    background: url(/images/150213_15.png) no-repeat;
    background-position: center 15px
}

.agency_nav li .H {
    background: url(/images/150213_17.png) no-repeat;
    background-position: center 15px
}

.agency_nav li .I {
    background: url(/images/2126_list_off0.png) no-repeat;
    background-position: center 30px
}

.agency_nav .all_active a {
    background-color: #939;
    background-image: url("/images/2126_list_on (9).png")!important;
    background-position: center 15px;
    color: #fff;
    border-color: #939
}

.agency_nav .A_active a {
    background-color: #939;
    background-image: url("/images/2126_list_on (1).png")!important;
    background-position: center 15px;
    color: #fff;
    border-color: #939
}

.agency_nav .B_active a {
    background-color: #939;
    background-image: url("/images/2126_list_on (2).png")!important;
    background-position: center 15px;
    color: #fff;
    border-color: #939
}

.agency_nav .C_active a {
    background-color: #939;
    background-image: url("/images/2126_list_on (3).png")!important;
    background-position: center 15px;
    color: #fff;
    border-color: #939
}

.agency_nav .D_active a {
    background-color: #939;
    background-image: url("/images/2126_list_on (4).png")!important;
    background-position: center 15px;
    color: #fff;
    border-color: #939
}

.agency_nav .E_active a {
    background-color: #939;
    background-image: url("/images/2126_list_on (5).png")!important;
    background-position: center 15px;
    color: #fff;
    border-color: #939
}

.agency_nav .F_active a {
    background-color: #939;
    background-image: url("/images/2126_list_on (6).png")!important;
    background-position: center 15px;
    color: #fff;
    border-color: #939
}

.agency_nav .G_active a {
    background-color: #939;
    background-image: url("/images/2126_list_on (7).png")!important;
    background-position: center 15px;
    color: #fff;
    border-color: #939
}

.agency_nav .H_active a {
    background-color: #939;
    background-image: url("/images/2126_list_on (8).png")!important;
    background-position: center 15px;
    color: #fff;
    border-color: #939
}

.agency_nav .I_active a {
    background-color: #939;
    background-image: url(/images/2126_list_on0.png)!important;
    background-position: center 30px;
    color: #fff;
    border-color: #939
}

#agency_DB {
    overflow: hidden;
    margin-bottom: 20px
}

#agency_DB > .menu li {
    float: left;
    border: 1px solid #d5d5d5;
    border-right: 0;
    height: 85px;
    width: 85px;
    font-weight: 700;
    font-size: 14px;
    color: #939;
    line-height: 130px;
    text-align: center
}

#agency_DB > .menu .tabs_active {
    color: #fff;
    background: #933399;
    border-color: #939;
    background-repeat: no-repeat;
    background-position: center 15px
}

#agency_DB > .menu ._boss_tab_0.tabs_active {
    background-image: url("/images/2126_list_on (1).png")!important
}

#agency_DB > .menu ._boss_tab_1.tabs_active {
    background-image: url("/images/2126_list_on (2).png")!important
}

#agency_DB > .menu ._boss_tab_2.tabs_active {
    background-image: url("/images/2126_list_on (3).png")!important
}

#agency_DB > .menu ._boss_tab_3.tabs_active {
    background-image: url("/images/2126_list_on (4).png")!important
}

#agency_DB > .menu ._boss_tab_4.tabs_active {
    background-image: url("/images/2126_list_on (5).png")!important
}

#agency_DB > .menu ._boss_tab_5.tabs_active {
    background-image: url("/images/2126_list_on (6).png")!important
}

#agency_DB > .menu ._boss_tab_6.tabs_active {
    background-image: url("/images/2126_list_on (7).png")!important
}

#agency_DB > .menu ._boss_tab_7.tabs_active {
    background-image: url("/images/2126_list_on (8).png")!important
}

#agency_DB > .menu ._boss_tab_8.tabs_active {
    background-image: url(/images/2126_list_on0.png)!important;
    background-position: center 30px
}

#agency_DB > .menu ._boss_tab_0 {
    background-image: url(/images/150213_03.png);
    background-position: center 15px;
    background-repeat: no-repeat
}

#agency_DB > .menu ._boss_tab_1 {
    background-image: url(/images/150213_05.png);
    background-position: center 15px;
    background-repeat: no-repeat
}

#agency_DB > .menu ._boss_tab_2 {
    background-image: url(/images/150213_07.png);
    background-position: center 15px;
    background-repeat: no-repeat
}

#agency_DB > .menu ._boss_tab_3 {
    background-image: url(/images/150213_09.png);
    background-position: center 15px;
    background-repeat: no-repeat
}

#agency_DB > .menu ._boss_tab_4 {
    background-image: url(/images/150213_11.png);
    background-position: center 15px;
    background-repeat: no-repeat
}

#agency_DB > .menu ._boss_tab_5 {
    background-image: url(/images/150213_13.png);
    background-position: center 15px;
    background-repeat: no-repeat
}

#agency_DB > .menu ._boss_tab_6 {
    background-image: url(/images/150213_15.png);
    background-position: center 15px;
    background-repeat: no-repeat
}

#agency_DB > .menu ._boss_tab_7 {
    background-image: url(/images/150213_17.png);
    background-position: center 15px;
    background-repeat: no-repeat
}

#agency_DB > .menu ._boss_tab_8 {
    background-image: url(/images/2126_list_off0.png);
    background-position: center 30px;
    background-repeat: no-repeat;
    border-right: 1px solid #d5d5d5
}

#agency_DB .agency_list h3 {
    font-size: 18px;
    font-weight: 700;
    padding: 10px 0;
    letter-spacing: -.5px
}

#agency_DB .agency_list .ad .wrap {
    overflow: hidden;
    width: 800px
}

#agency_DB .agency_list .ad .wrap > div {
    float: left;
    width: 245px;
    margin-right: 20px
}

#agency_DB .agency_list .logo {
    border: 1px solid #e0e0e0;
    text-align: center;
    height: 75px;
    line-height: 75px;
    margin-bottom: 7px
}

#agency_DB .agency_list .logo img {
    max-width: 150px;
    max-height: 60px
}

#agency_DB .agency_list > div a span {
    display: block;
    font-size: 14px;
    font-weight: 700;
    padding: 4px 0
}

#agency_DB .agency_list .wrap > div p {
    line-height: 140%;
    color: #666
}

#agency_DB .agency_list .ad {
    border-top: 2px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    padding: 15px 0;
    margin-bottom: 30px
}

#agency_DB .tab_container .N_list .mb_subject span.subject {
    font-size: 18px!important;
    font-weight: 700
}

#litter_pd_apply .title {
    font-size: 30px;
    letter-spacing: -2px;
    padding: 50px 0 30px;
    text-align: center;
    font-weight: 700;
    color: #555
}

#litter_pd_apply .submit {
    text-align: center;
    margin-top: 30px
}

#litter_pd_apply .submit a {
    font-size: 15px;
    font-weight: 700;
    background: #f93;
    padding: 5px 10px;
    display: block;
    padding: 10px 25px;
    color: #fff
}

#litter_pd_apply .agreement label {
    font-size: 13px;
    padding-left: 5px
}

#litter_pd_apply .parcel_off {
    width: 550px;
    margin: 0 auto
}

#litter_pd_apply .input_box > div {
    border: 1px solid #d5d5d5;
    border-top: 0;
    height: 50px;
    font-size: 15px
}

#litter_pd_apply .input_box > div.cmt1 {
    height: 145px
}

#litter_pd_apply .input_box > div.cmt1 p {
    padding: 10px;
    padding-left: 140px;
    font-size: 11pt;
    line-height: 160%
}

#litter_pd_apply .input_box > div:first-child {
    border-top: 1px solid #d5d5d5
}

#litter_pd_apply .input_box > div.addr,#litter_pd_apply .input_box > div.cmt {
    height: 100px
}

#litter_pd_apply .input_box > div.addr > input {
    float: left
}

#litter_pd_apply .input_box > div.addr > a {
    display: block;
    float: left;
    font-size: 14px;
    background: #eee;
    border: 1px solid #ccc;
    margin-top: 9px;
    padding: 8px 5px
}

#litter_pd_apply .input_box > div.addr .full_addr {
    width: 385px
}

#litter_pd_apply .input_box > div > span {
    display: block;
    float: left;
    width: 130px;
    text-align: center;
    border-right: 1px solid #d5d5d5;
    background: #f7f7f7;
    height: 100%;
    line-height: 50px
}

#litter_pd_apply .input_box > div > input {
    border: 1px solid #d5d5d5!important;
    margin: 9px 10px 0;
    height: 22px!important;
    font-size: 15px!important;
    padding: 5px 0 5px 10px !important
}

#litter_pd_apply .input_box > div > select {
    height: 32px!important;
    border: 1px solid #d5d5d5!important;
    margin: 9px 10px 0
}

#litter_pd_apply .input_box > div > textarea {
    width: 385px;
    border: 1px solid #d5d5d5!important;
    margin: 9px 10px 0;
    height: 70px!important;
    font-size: 15px!important;
    padding: 5px 0 5px 10px !important;
    font-family: "나눔고딕","Nanum Gothic"
}

#litter_pd_apply .cmt .opt_txt {
    font-size: 12px!important;
    color: #e55757!important
}

#litter_pd_apply .note {
    padding-top: 50px;
    font-size: 13px;
    line-height: 150%;
    text-align: center
}

#litter_pd_apply .parcel_on {
    width: 550px;
    margin: 0 auto
}

#MKT_consulting {
    overflow: hidden
}

#MKT_consulting ul li {
    line-height: 36px;
    font-size: 13px
}

#MKT_consulting ul li span {
    display: block;
    float: left;
    width: 120px;
    font-weight: 600
}

#MKT_consulting .t01 {
    overflow: hidden;
    clear: both
}

#MKT_consulting .L200 {
    width: 200px;
    float: left
}

#MKT_consulting .R495 {
    width: 495px;
    float: left
}

#MKT_consulting .R495 p {
    font-size: 13px;
    line-height: 1.6;
    letter-spacing: -0.5px;
    text-align: justify
}

#MKT_consulting .t02 .R495 > div {
    clear: both;
    margin-bottom: 45px
}

#MKT_consulting .t02 .icon {
    float: left;
    margin-right: 25px
}

#MKT_consulting .t02 .text h4 {
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 10px
}

#MKT_consulting .t03 {
    overflow: hidden;
    clear: both;
    margin-bottom: 30px
}

#MKT_consulting .t03 > div {
    float: left;
    width: 50%
}

#MKT_consulting .t03 dt {
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 10px
}

#MKT_consulting .t03 dd {
    font-size: 13px;
    line-height: 32px
}

#MKT_consulting .t03 dd span {
    font-size: 14px;
    font-weight: 600;
    float: left;
    display: block;
    width: 15px
}

#MKT_consulting .t04 {
    overflow: hidden;
    clear: both
}

#MKT_consulting .t04 > div {
    float: left;
    width: 305px;
    padding: 20px
}

#MKT_consulting .t04 p {
    font-size: 13px;
    line-height: 1.6;
    letter-spacing: -0.5px;
    text-align: justify
}

#MKT_consulting .t04 h4 {
    font-weight: 600;
    font-size: 16px;
    padding-bottom: 10px
}

#MKT_consulting .form ul li {
    margin-bottom: 10px;
    clear: both;
    overflow: hidden
}

#MKT_consulting .form input {
    width: 349px;
    padding: 0 10px;
    line-height: 34px;
    float: left;
    border: 1px solid #b5b5b5;
    height: 36px
}

#MKT_consulting .form input.num_only {
    float: none
}

#MKT_consulting .form select {
    width: 71px;
    height: 36px;
    position: relative;
    top: 2px
}

#MKT_consulting .form textarea {
    width: 349px;
    height: 104px;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #b5b5b5;
    font-family: "나눔고딕","Nanum Gothic"
}

#MKT_consulting #agree {
    position: relative;
    top: 12px
}

#BoardAdmin {
    margin-top: 20px;
    background: #F9F9F9;
    border: 1px solid #D5D5D5;
    padding: 15px 30px
}

#BoardAdmin input {
    padding: 3px 3px 4px 3px;
    font-size: 13px;
    margin-left: 5px;
    border: 1px solid #AAAAAA
}

#BoardAdmin select {
    padding: 4px;
    font-size: 13px
}

#BoardAdmin a.btn {
    font-size: 13px;
    position: relative;
    top: 1px;
    display: inline-block;
    width: 52px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    font-weight: 600;
    background: url('https://cdn.ibos.kr/images/btn_bg_off.png') no-repeat;
    padding: 0px 3px
}

#BoardAdmin .SelectBoard {
    padding-bottom: 10px;
    font-size: 13px
}

#RecruitList {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px
}

#RecruitList:after {
    content: '';
    display: block;
    clear: both
}

#RecruitList > div {
    position: relative;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 8px
}

#RecruitList > div a {
    display: block;
    height: 100%
}

#RecruitList > div a:hover h3 {
    text-decoration: underline
}

#RecruitList .images {
    height: 78px;
    text-align: center;
    padding-top: 30px;
    display: flex;
    justify-content: center
}

#RecruitList .images img {
    max-width: 60%;
    height: auto;
    object-fit: contain
}

#RecruitList .contents {
    padding: 26px 16px 16px 16px;
    color: #1c1c1c
}

#RecruitList .contents h3 {
    font-size: 14px;
    margin: 15px 0
}

#RecruitList .contents .new_btn {
    color: #ff4949;
    font-size: 14px;
    margin-left: 4px
}

#RecruitList .AB-LF-common {
    padding: 15px 0px;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: -0.5px;
    font-weight: 600
}

#RecruitList .career, #RecruitList .type {
    padding: 2px 5px;
    font-size: 12px;
    color: #666;
    background: #f2f2f2;
    border-radius: 3px
}

#RecruitList .career {
    margin-right: 7px
}

#RecruitList .info {
    position: absolute;
    bottom: 5px;
    width: 205px
}

#RecruitList .dday {
    margin-bottom: 10px;
    float: right
}

#RecruitList .dday span {
    font-size: 12px;
    color: #999;
    letter-spacing: -0.5px;
    font-weight: 400
}

#RecruitList .dday_over s {
    color: #ddd
}

#RecruitListAdmin {
    padding: 20px
}

#RecruitListAdmin .card-show {
    display: inline-block
}

#RecruitListAdmin .card-show .btn-prev {
    display: inline-block;
    line-height: 40px;
    background: #F2F4F6;
    color: #000;
    font-size: 14px;
    padding: 4px 12px;
    margin: 4px;
    cursor: pointer
}

#RecruitListAdmin .card-show:hover .prev_card {
    display: inline-block
}

#RecruitListAdmin .prev_card {
    display: none;
    border-radius: 3px;
    background: #FFF;
    width: 234px;
    padding: 20px;
    position: absolute;
    right: 50px;
    top: 40px;
    z-index: 99
}

#RecruitListAdmin .prev_card a:hover .corp_img img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all .3s
}

#RecruitListAdmin .prev_card .corp_img {
    overflow: hidden;
    border-radius: 6px
}

#RecruitListAdmin .prev_card .corp_img img {
    width: 234px;
    height: 140px;
    object-fit: cover;
    border-radius: 6px
}

#RecruitListAdmin .prev_card .contents {
    position: relative;
    padding-top: 12px;
    padding-left: 66px;
    min-height: 50px
}

#RecruitListAdmin .prev_card .contents .job-title {
    font-size: 17px;
    font-weight: bold;
    color: #000;
    margin-bottom: 8px;
    line-height: 24px;
    min-height: 24px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all
}

#RecruitListAdmin .prev_card .contents .corp {
    font-size: 13px;
    line-height: 18px;
    font-weight: 500
}

#RecruitListAdmin .prev_card .job-logo {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 4px
}

#RecruitListAdmin .prev_card .job-logo img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    border-radius: 6px
}

#RecruitListAdmin .prev_card .introd {
    margin: 8px 0 4px;
    font-size: 14px;
    line-height: 22px;
    color: #555;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-line-clamp: 4;
    -moz-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

#RecruitListAdmin .prev_card .info {
    padding-top: 8px
}

#RecruitListAdmin .prev_card .info span {
    background: #F2F4F6;
    padding: 2px 4px;
    border-radius: 2px;
    margin-right: 8px;
    font-size: 13px
}

#PopupArticle {
    width: 350px;
    position: fixed;
    bottom: 50px;
    left: 30px;
    display: none;
    border: 1px solid #c5c5c5;
    z-index: 9999
}

#PopupArticle .Wrap {
    position: relative;
    background-color: #fff
}

#PopupArticle .title h5 {
    font-size: 15px;
    color: #888;
    background-color: #f5f5f5;
    padding: 12px 20px;
    font-weight: normal
}

#PopupArticle .cont {
    padding: 15px 20px
}

#PopupArticle .cont p {
    font-size: 15px;
    line-height: 1.5;
    padding: 10px 0
}

#PopupArticle .mem_photo {
    float: left;
    width: 60px;
    margin-right: 10px
}

#PopupArticle .mem_photo img {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    border: 1px solid #ddd
}

#PopupArticle .btn_sns {
    text-align: center;
    clear: both;
    border-top: 1px dotted #d5d5d5;
    margin-top: 10px;
    padding-top: 13px
}

#PopupArticle .btn_sns a {
    margin: 0 1px
}

#PopupArticle .btn_sns span {
    display: block;
    font-size: 13px;
    padding-bottom: 10px;
    color: #e55757;
    font-weight: 600
}

#PopupArticle .btn_close {
    position: absolute;
    right: 6px;
    top: 6px;
    cursor: pointer;
    border: 1px solid #f5f5f5;
    padding: 5px
}

#PopupArticle .btn_close:hover {
    border: 1px solid #d5d5d5
}

#PopupArticle em {
    font-style: normal;
    display: block;
    text-align: right;
    padding: 5px 15px;
    letter-spacing: -1px;
    color: #999
}

#PopupArticle_hide {
    display: none !important
}

#AgencySearch {
    padding: 25px 0;
    background: #FCFCFC;
    border: 1px solid #d5d5d5;
    overflow: hidden;
    margin-bottom: 15px
}

#AgencySearch input {
    text-align: center
}

#BD1957_login {
    overflow: hidden;
    padding-top: 125px
}

#BD1957_login > form {
    margin: 0 auto;
    width: 366px
}

#BD1957_login .sns_login {
    text-align: center;
    margin-bottom: 10px
}

#BD1957_login .sns_login img {
    cursor: pointer
}

#BD1957_login .btn_login input {
    cursor: pointer;
    width: 366px;
    background-color: #939;
    padding: 15px;
    margin-top: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 600
}

#BD1957_login .btn_join {
    text-align: center;
    width: 366px;
    margin: 40px auto
}

#BD1957_login .btn_login_a {
    margin: 20px auto
}

#BD1957_notice {
    text-align: center
}

.menubar {
    background: url(/images/sub_member_menu.png) no-repeat
}

.menubar.myarts {
    background-position: 0 0
}

.menubar.myarts:hover {
    background-position: 0 -35px
}

.menubar.mycmt {
    background-position: -50px 0
}

.menubar.mycmt:hover {
    background-position: -50px -35px
}

.menubar.scrapbook {
    background-position: -100px 0
}

.menubar.scrapbook:hover {
    background-position: -100px -35px
}

.menubar.msg {
    background-position: -150px 0
}

.menubar.msg:hover {
    background-position: -150px -35px
}

.menubar.attend {
    background-position: -200px 0
}

.menubar.attend:hover {
    background-position: -200px -35px
}

.ABA-view-body.ABA-article-contents iframe {
    width: 100%;
    min-height: 410px
}

.ABA-view-body.ABA-article-contents iframe.note-video-clip.w640 {
    width: 640px;
    height: 360px;
    min-height: auto
}

#Recruit .career_view_top3 {
    border: 1px solid #ccc;
    border-width: 0 1px
}

#EventList {
    width: 730px;
    padding-top: 25px;
    overflow: hidden;
    clear: both
}

#EventList .cell {
    margin: 0 25px 25px 0;
    float: left;
    width: 340px;
    position: relative;
    letter-spacing: -0.5px
}

#EventList .cell a {
    display: block;
    height: 100%;
    color: #1c1c1c
}

#EventList .cell a:hover .subject {
    text-decoration: underline;
    color: #369
}

#EventList .conts {
    padding: 10px;
    border: 1px solid #d5d5d5;
    height: 140px
}

#EventList .subject {
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding: 7px 0 5px 0;
    line-height: 1.5
}

#EventList .subject em {
    font-style: normal;
    display: inline-block;
    background: #FF4949;
    color: #FFF;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin-left: 10px;
    text-align: center;
    font-size: 13px;
    position: relative;
    top: -2px
}

#EventList .comment_text_2 {
    font-size: 13px;
    line-height: 160%
}

#EventList .category {
    position: absolute;
    bottom: 10px;
    right: 10px
}

#EventList .date {
    position: absolute;
    bottom: 15px;
    left: 10px;
    font-size: 14px;
    font-weight: 600
}

#EventList .date .space {
    padding: 0 10px
}

.coupon .tab {
    width: 100% !important;
    clear: both
}

#NewsPost {
    cursor: pointer;
    padding: 2px 8px;
    border: 1px solid #b5b5b5;
    background: #fcfcfc;
    font-size: 13px
}

.EmailView {
    overflow: hidden
}

.EmailView .ABA-view-body.ABA-article-contents {
    overflow: hidden
}

.EmailView table {
    width: 662px
}

.EmailView table table table {
    width: 100%
}

#PRView .tit {
    border-bottom: 1px solid #ddd;
    color: #666;
    padding: 10px;
    background: #FBFBFB;
    font-weight: 600;
    font-size: 13px
}

#PRView .info {
    padding: 15px 20px;
    overflow: hidden;
    border-bottom: 1px solid #E9E9E9
}

#PRView .info p {
    line-height: 26px;
    font-size: 13px;
    width: 33.33%;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

#PRView .info label {
    background: url('https://cdn.ibos.kr/images/new_dot.gif') no-repeat;
    padding-left: 10px;
    background-position: 0 6px
}

#Layout-wrap #btn_move_top {
    position: fixed;
    cursor: pointer;
    margin-left: 310px;
    bottom: 15px
}

#column_VF #btn_move_top {
    position: fixed;
    cursor: pointer;
    margin-left: 910px;
    bottom: 15px;
    z-index: 10
}

#all_community .best .cell.div_3 {
    margin-right: 0
}

#all_community .board1 .cell .AB-LF-common {
    width: 340px;
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

#all_community .example .cell.div_3, #all_community .example .cell.div_6 {
    margin-right: 0
}

#all_community .board_wrap > div.board2 {
    width: 335px
}

#all_community .board2 .cell {
    height: 28px
}

#all_community .board2 .cell .AB-LF-common {
    width: 184px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

#all_community .board2 .attend_btn {
    margin-top: 13px
}

#all_community .gallery {
    margin-bottom: 35px
}

#all_community .gallery .cell.num_5 {
    margin-right: 0px
}

#all_community .gallery > div {
    overflow: hidden
}

.scontent td {
    margin-bottom: 20px
}

#SocialForGuest span {
    font-size: 13px;
    font-weight: 600;
    padding: 0 12px;
    color: #369
}

#SocialForGuest img {
    cursor: pointer;
    margin-left: 3px
}

#SocialForGuest img:hover {
    opacity: .45
}

#SocialForGuest .SNS a.btn_write.bd_R3 {
    display: inline-block;
    margin-left: 3px
}

#Layout-sub {
    position: relative;
    width: 360px
}

.bn_ref {
    position: absolute
}

.bn_ref .description {
    display: none
}

.bn_ref a:hover > img {
    display: none
}

.bn_ref a:hover .description {
    display: inline
}

.ly_Topbanner {
    top: 131px;
    right: 2px;
    display: none
}

#MemsArticles .text-ellipsis {
    width: 95px
}

#MemsComments .text-ellipsis {
    width: 95px
}

#MemsComments .cmt_contents {
    display: inline-block;
    padding: 10px 0;
    line-height: 18px;
    word-break: break-all;
    text-align: justify;
    font-size: 13px
}

#MemsComments .cmt_contents:hover {
    text-decoration: underline
}

#MKT_consulting .form .blink {
    display: block;
    background-color: #e55757;
    color: #fff;
    font-weight: 600;
    text-align: center;
    margin-left: 120px;
    font-size: 18px;
    line-height: 55px
}

#MKT_consulting input#agree {
    height: auto;
    line-height: 100%;
    cursor: pointer
}

#MKT_consulting input#agree + label {
    cursor: pointer
}

#MKT_consulting .form input {
    font-size: 14px
}

#MKT_consulting .form input[type=checkbox] {
    width: auto;
    height: auto;
    line-height: 100%;
    position: relative;
    top: 12px
}

#MKT_consulting .chkbox {
    float: left;
    width: 370px
}

#MKT_consulting ul li label span {
    width: 100px;
    cursor: pointer
}

#MKT_consulting ul li span em {
    padding-left: 5px;
    color: #e55757;
    font-style: normal
}

#MKT_consulting {
    margin-bottom: 50px
}

#MKT_consulting .LongText span {
    width: 210px
}

#MKT_consulting_LD {
    text-align: center;
    border: 3px solid #369;
    padding: 20px 0;
    width: 75%;
    margin: 75px auto
}

#MKT_consulting_LD p {
    font-size: 14px;
    line-height: 24px
}

#MKT_consulting_LD a {
    background-color: #e55757;
    color: #fff;
    padding: 10px 25px;
    font-weight: 600
}

.MinfoPop {
    position: absolute;
    z-index: 999;
    width: 130px;
    border: 1px solid #b0b0b0;
    background-color: #fbfbfb;
    left: 0;
    top: 0
}

.MinfoPop ul li {
    line-height: 27px;
    float: left;
    width: 130px;
    border-bottom: 1px solid #e9e9e9;
    padding-left: 0
}

.MinfoPop ul li a {
    display: block;
    width: 120px;
    color: #555;
    padding-left: 10px
}

#writer-relation .writer_profile .user_tit ul li.first a .MinfoPop ul li a {
    display: block !important;
    font-size: 12px !important;
    padding: 0 0 0 10px !important;
    color: #555 !important
}

.MinfoPop ul li a:hover {
    background-color: #f1f1f1;
    font-weight: 600
}

.MinfoPop ul li img {
    padding-right: 5px;
    position: relative;
    top: -2px
}

.MinfoPop ul li.prof {
    width: 149px;
    border-right: 1px solid #e9e9e9;
    padding: 20px 0 0 0;
    border-bottom: 0;
    height: 120px;
    text-align: center
}

.MinfoPop ul li.prof p {
    display: block;
    float: none
}

.MinfoPop ul li.prof img {
    padding-right: 0
}

.MinfoPop ul li.last {
    border-bottom: 0
}

.MinfoPop ul li.last a {
    border: 0
}

.table-mbb td strong.text-ellipsis {
    color: #639;
    float: left;
    width: 85px
}

#PR_Notice.MoimCeo > span {
    width: auto;
    font-size: 13px;
    line-height: 160%
}

#PR_Notice.MoimCeo p {
    font-size: 15px;
    padding-bottom: 5px
}

#PR_Notice.MoimCeo p img {
    padding-right: 5px
}

#PR_Notice.MoimCeo div.apply {
    clear: both;
    margin: 0 auto;
    width: 180px;
    padding-top: 10px
}

#PR_Notice.MoimCeo div.apply a {
    display: block;
    text-align: center;
    background-color: #f1e44d;
    color: #000;
    font-weight: 600;
    padding: 12px 0;
    font-size: 13px;
    letter-spacing: -.5px
}

#GiveLitter {
    padding: 20px
}

#GiveLitter h3 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    line-height: 60px;
    border-bottom: 1px solid #E0E0E0;
    margin-bottom: 20px
}

#GiveLitter ul {
    margin: 0;
    padding: 0
}

#GiveLitter ul li {
    list-style: none;
    overflow: hidden;
    padding: 8px 0
}

#GiveLitter ul li div {
    width: 322px;
    display: inline-block
}

#GiveLitter ul li input {
    font-size: 14px;
    border: 1px solid #d5d5d5;
    padding: 5px 10px;
    height: 24px;
    letter-spacing: 0
}

#GiveLitter ul li input[name=subject] {
    width: 300px
}

#GiveLitter ul li label {
    display: inline-block;
    width: 80px;
    font-size: 13px;
    line-height: 22px;
    color: #666
}

#GiveLitter ul li strong {
    display: block;
    width: 300px;
    line-height: 36px;
    color: #e55757;
    font-size: 14px
}

#GiveLitter .litter_amount {
    text-align: right;
    font-weight: 600
}

#GiveLitter a.btn-send-litter {
    display: block;
    line-height: 44px;
    font-size: 15px;
    color: #FFF;
    background: #333;
    text-align: center;
    margin-top: 32px
}

#GiveLitter .info {
    background: #F5F5F5;
    padding: 18px 12px;
    font-size: 13px;
    color: #777;
    margin-top: 24px
}

.ABA-article-contents .dialog {
    overflow: hidden;
    clear: both;
    padding: 0 25px
}

.ABA-article-contents .dialog .context {
    float: left;
    padding: 10px 15px;
    margin-bottom: 10px;
    -webkit-border-radius: 15px!important;
    -moz-border-radius: 15px!important;
    border-radius: 15px!important;
    background: #f5f5f5;
    max-width: 65%;
    font-size: 15px;
    line-height: 24px;
    word-break: break-word;
    text-align: left;
    color: #050505;
    letter-spacing: -1px
}

.ABA-article-contents .dialog .context a {
    color: #1583FD;
    word-break: break-all
}

.ABA-article-contents .dialog .context a:hover {
    border-bottom: 1px solid #1583FD;
    text-decoration: none
}

.ABA-article-contents .dialog .context img {
    max-width: 100%
}

.ABA-article-contents .dialog span.w_name {
    display: block;
    font-size: 13px;
    clear: both;
    font-weight: 600
}

.ABA-article-contents .dialog.b-right {
    text-align: right !important;
    margin-top: 10px
}

.ABA-article-contents .dialog.b-right .context {
    float: right !important;
    background: #ecf3ff;
    color: #454545
}

.ABA-article-contents .dialog.b-right .talk_user {
    display: none
}

.ABA-article-contents .dialog.b-last {
    padding-bottom: 50px
}

#MainHeader #day3_1 {
    width: 100%;
    margin: 0;
    padding-bottom: 10px
}

#MainHeader #day3_1 .logo a {
    margin-right: 0;
    width: 430px
}

#MainHeader #day3_1.LogoSchbox form {
    margin-top: 20px
}

#Review_Link.BossTalk .image {
    border-right: 0
}

#Review_Link.BossTalk {
    height: 124px;
    overflow: inherit
}

#Review_Link.BossTalk li h5 {
    font-size: 18px;
    letter-spacing: 0
}

#Review_Link.BossTalk li p {
    font-size: 15px
}

#Review_Link.BossTalk li.contents {
    padding: 10px 20px
}

#Review_Link.BossTalk li div {
    position: relative
}

#Review_Link.BossTalk li div strong {
    font-size: 15px;
    cursor: pointer;
    display: block;
    text-align: right;
    text-decoration: underline;
    font-style: italic
}

#Review_Link.BossTalk li div:hover dl {
    display: block
}

#Review_Link.BossTalk li dl {
    display: none;
    position: absolute;
    top: 0;
    right: -15px;
    z-index: 999;
    background-color: #fff;
    border: 1px solid #000;
    width: 165px
}

#Review_Link.BossTalk li dd a {
    display: block;
    font-size: 13px;
    padding: 8px 0;
    text-indent: 12px;
    background: url('https://cdn.ibos.kr/images/new_dot.gif') no-repeat;
    padding-left: 14px;
    background-position: 14px 14px
}

#Review_Link.BossTalk li dd a:hover {
    background-color: #fcfcfc;
    text-decoration: underline;
    font-weight: 600;
    color: #369
}

#creativecommons {
    position: absolute;
    bottom: 15px;
    z-index: 99
}

#creativecommons img {
    margin-right: 3px
}

#Comment_vf_wrapBox {
    min-height: 46px
}

#Comment_vf_wrapBox p .img_cv:before {
    content: '';
    display: block;
    clear: both
}

#Comment_vf_wrapBox p img.bd_R2 {
    margin: 20px 0;
    display: inline-block
}

#Comment_vf_wrapBox p img.bd_R10 {
    margin: 10px 0;
    display: block
}

#Comment_vf_wrapBox p span {
    display: block
}

#Comment_vf_wrapBox p span.unique_emoji {
    font-size: 40px;
    line-height: 40px
}

#Comment_vf_wrapBox .AB-cmt i.tag {
    font-style: normal;
    font-weight: 600;
    color: #538BFF
}

#Comment_vf_wrapBox .AB-cmt .block_cmt {
    color: #aaa;
    font-size: 12px
}

#Comment_vf_wrapBox .AB-cmt .block_cmt i {
    margin-right: 5px
}

#Comment_vf_wrapBox.reported p.AB-cmt {
    color: #FF4949
}

#Comment_vf_wrapBox.reported p.AB-cmt i {
    font-size: 11px;
    color: #AAA
}

#cmt_wf .selected_cmt_img .pop_bg {
    background-color: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

#cmt_wf .selected_cmt_img .pop_bg img {
    position: absolute;
    bottom: -6px;
    right: 45px
}

#cmt_wf .cmt_wf_wrap .cmt_input .AB-cmt-wrap input {
    height: 30px !important;
    float: right
}

#cmt_wf .sep {
    float: left;
    margin-left: 15px;
    font-size: 12px;
    line-height: 16px
}

#cmt_wf .selected_cmt_img {
    position: relative;
    min-height: 30px
}

#cmt_wf .selected_cmt_img .img_in {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap
}

#cmt_wf .selected_cmt_img .preview_img_wrap {
    position: relative
}

#cmt_wf .selected_cmt_img .preview_img_wrap:hover .close_btn {
    display: flex
}

#cmt_wf .selected_cmt_img .preview_img_wrap:hover::after {
    content: "";
    clear: both;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: rgba(0,0,0,0.2)
}

#cmt_wf .selected_cmt_img .preview_cmt_img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 12px;
    background: #FCFCFC;
    box-shadow: 0 0 1px rgba(0,0,0,0.35)
}

#cmt_wf .selected_cmt_img .img_name_in {
    float: left;
    max-width: 200px;
    margin-left: 15px
}

#cmt_wf .selected_cmt_img .img_name_in_inner {
    position: absolute;
    top: 50%;
    width: 320px;
    margin-top: -7px
}

#cmt_wf .selected_cmt_img .img_name_in_inner:after {
    content: '';
    display: block;
    clear: both
}

#cmt_wf .selected_cmt_img .img_name_in_inner p {
    float: left;
    max-width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

#cmt_wf .selected_cmt_img .img_name_in_inner div {
    float: left
}

#cmt_wf .selected_cmt_img .pop_bg {
    background-color: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

#cmt_wf .selected_cmt_img .pop_bg img {
    position: absolute;
    bottom: -6px;
    right: 45px
}

#cmt_wf .cmt_wf_wrap .cmt_input .cmt_submit_btn {
    position: relative
}

#cmt_wf .cmt_wf_wrap .cmt_input .cmt_submit_btn::-webkit-file-upload-button {
    cursor: pointer
}

#cmt_wf .selected_cmt_img .close_btn {
    position: absolute;
    right: -10px;
    top: -10px;
    display: none;
    align-items: center;
    justify-content: center;
    border: 3px solid #FFF;
    background: #FFF;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10
}

#cmt_wf .selected_cmt_img .close_btn i {
    font-size: 16px;
    color: #555
}

.cmt_img_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px
}

.cmt_img_wrap.single_img .img_cv {
    max-width: 480px;
    width: auto;
    height: auto
}

.cmt_img_wrap .img_cv {
    position: relative;
    max-width: 480px;
    display: flex;
    border-radius: 12px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow: 0px 0px 1px rgba(0,0,0,0.2)
}

.cmt_img_wrap .img_cv::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.08);
    opacity: 0;
    transition: opacity 0.2s;
    z-index: 999
}

.cmt_img_wrap .img_cv:hover::before {
    opacity: 1
}

.cmt_img_wrap .img_cv:last-child {
    margin-bottom: 20px
}

.cmt_img_wrap .img_cv img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

#cmt_wf .AB-cmt-input-wrap input.comment_btn {
    width: 60px;
    height: 28px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    border-radius: 30px;
    font-size: 14px
}

#cmt_wf .AB-cmt-input-wrap input.comment_btn.on {
    color: #FFF;
    background: #663399;
    border-color: #663399
}

#cmt_wf .AB-cmt-input-wrap a.comment_btn {
    position: absolute;
    top: 50%;
    width: 55px;
    margin-top: -13px;
    right: 15px;
    float: right;
    height: 25px !important;
    cursor: pointer;
    line-height: 25px;
    color: #333;
    text-align: center
}

#cmt_wf .AB-cmt-input-wrap a.cmt_cancel_btn {
    position: absolute;
    top: -100px;
    width: 55px;
    right: 0;
    float: right;
    height: 25px !important;
    cursor: pointer;
    text-align: center
}

#cmt_wf .AB-cmt-input-wrap .checkbox-namecard {
    display: none
}

.call-emoticon {
    display: block;
    height: 20px;
    cursor: pointer;
    transition: all 0.2s;
    border-radius: 50%;
    position: relative
}

.call-emoticon.on, .call-emoticon:hover {
    background-color: #FFD600
}

#cmt_wf span.fileinput-button {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
    text-align: center;
    padding: 5px;
    margin-top: 0;
    margin-right: 0;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-user-select: none;
    height: 30px;
    box-sizing: border-box
}

#cmt_wf span.fileinput-button p {
    color: #fff;
    font-size: 14px
}

#cmt_wf span.fileinput-button em {
    width: 20px;
    height: 20px;
    font-size: 20px;
    background-color: #FFF
}

#cmt_wf span.fileinput-button:hover em {
    background-position: -20px -20px
}

#cmt_wf .cmt_wf_wrap .cmt_input .cmt_submit_btn.recmt {
    width: 554px!important
}

#cmt_wf .cmt_wf_wrap .cmt_input .AB-cmt-wrap.recmt .cmt_cancel_btn {
    width: 100px;
    background: #797D84;
    color: #fff;
    top: 35px;
    right: 0;
    border: 0
}

.edu_review_cmt #cmt_wf .cmt_wf_wrap .cmt_input .AB-cmt-wrap textarea {
    width: 658px
}

.edu_review_cmt #cmt_wf .emoji_wrap {
    display: none
}

.edu_review_cmt #cmt_wf .cmt_wf_wrap .cmt_input .AB-cmt-wrap.recmt textarea {
    width: 508px!important
}

.edu_review_cmt #cmt_wf .cmt_wf_wrap .cmt_input .cmt_submit_btn.recmt {
    width: 528px!important
}

#cmt_wf .cmt_wf_wrap .cmt_input .AB-cmt-wrap a.cmt_cancel_btn {
    display: none;
    background-color: #ccc;
    border: 1px solid #C0C0C0;
    margin-left: 5px;
    height: 28px !important;
    float: right;
    width: 78px;
    text-align: center;
    line-height: 30px;
    color: #666
}

form[id^="TCBOARD_comment_REPLY_"] #cmt_wf .cmt_wf_wrap .cmt_input .AB-cmt-wrap a.cmt_cancel_btn {
    display: block
}

form[id^="TCBOARD_comment_MODIFY_"] #cmt_wf .cmt_wf_wrap .cmt_input .AB-cmt-wrap a.cmt_cancel_btn {
    display: block
}

form[id^="TCBOARD_comment_MODIFY_"] #cmt_wf .cmt_wf_wrap textarea {
    background: #fff
}

form[id^="TCBOARD_comment_MODIFY"] div[class^="AB_cmt_reply_depth_"] .comment_cancel_btn {
    display: block
}

#NewsCopyright {
    border: 1px solid #ddd;
    text-align: center;
    width: 50%;
    margin: 10px auto 50px auto;
    padding: 10px 25px;
    clear: both
}

#NewsCopyright p {
    line-height: 18px
}

#NewsKatalk {
    text-align: center;
    margin-bottom: 40px
}

.cmt_wrap {
    margin: 7px 0 25px;
    float: right;
    width: 98%
}

.cmt_input .input_text {
    color: #999;
    font-size: 13px
}

.comment_btn {
    background: #FFF;
    border: 1px solid #888;
    color: #888;
    font-weight: 600;
    cursor: pointer
}

.AB_cmt_reply_depth_1 .AB-cmt-wrap input {
    right: 0
}

.scontent td {
    height: 60px;
    padding-bottom: 20px;
    border: 0
}

.scontent .bd_subject {
    font-size: 14px;
    text-decoration: underline;
    color: #12c
}

.scontent .bd_content {
    padding: 5px 30px 5px 0;
    line-height: 150%;
    letter-spacing: -.5px;
    text-align: justify;
    font-size: 13px;
    word-break: break-all
}

.scontent .bd_writer {
    color: #666;
    padding-right: 15px
}

.scontent .search_url,.scontent .search_url a {
    padding-right: 5px
}

.scontent .search_url a:hover {
    text-decoration: underline
}

.scontent .search_date {
    padding-right: 15px;
    color: #666
}

.scontent .search_bd_name a {
    color: #666;
    padding-right: 15px
}

.scontent .search_bd_name a:hover {
    text-decoration: underline
}

.search_box_top {
    border: 1px solid #98b0bf;
    width: 365px;
    padding: 0
}

.search_box_top .search_box_input {
    width: 285px;
    height: 37px;
    padding-left: 10px;
    float: left;
    font-size: 16px;
    font-weight: 700;
    color: #3c3c3c;
    line-height: 34px\9
}

.search_box_top .search_box_submit {
    float: right;
    background-color: #98b0bf;
    height: 37px;
    padding: 0 14px;
    color: #fff;
    cursor: pointer;
    font-weight: 700
}

.ui-widget-content {
    padding-bottom: 0
}

.ui-dialog .ui-dialog-title {
    display: none
}

.ui-draggable .ui-dialog-titlebar {
    border: 0
}

.ui-widget-overlay {
    background: #000 url(images/ui-bg_flat_0_aaaaaa_40x100.png) 500% 500% repeat-x!important
}

.btn_agreement {
    margin-bottom: 50px
}

.btn_agreement a {
    padding: 20px
}

.agreement_ok {
    width: 100px;
    background-color: #666;
    color: #fff;
    padding: 15px 40px;
    border: 1px solid #333;
    cursor: pointer
}

.agreement_cancel {
    width: 100px;
    background-color: #ebebeb;
    color: #333;
    padding: 15px 40px;
    border: 1px solid #aaa;
    cursor: pointer
}

.host_srv {
    border: 2px solid #e55757;
    background-color: #fff;
    font-size: 14px
}

.host_srv li label {
    background: none!important;
    font-size: 14px!important;
    padding-right: 17px;
    line-height: 1.5
}

.host_srv li select {
    font-size: 14px;
    padding: 3px;
    color: #e55757
}

.db_applicant {
    border: 2px solid #000;
    background-color: #fff;
    font-size: 14px
}

.db_applicant li {
    line-height: 1.6
}

.db_applicant li label {
    background: none!important;
    font-size: 14px!important
}

.db_applicant textarea {
    font-size: 14px;
    border: 0;
    font-family: "나눔고딕","Nanum Gothic";
    line-height: 1.5
}

.w_popular {
    width: 250px;
    text-align: center;
    height: 100px;
    margin: 10px;
    float: left
}

.w_popular p {
    font-size: 16px;
    font-weight: 700;
    line-height: 3
}

.w_popular a {
    border: 1px solid #aaa;
    padding: 5px 10px;
    margin: 0 10px;
    background-color: #ebebeb;
    color: #666;
    font-size: 14px;
    border-radius: 3px
}

.w_popular a:hover {
    color: #e55757
}

.m_popular {
    width: 250px;
    text-align: center;
    height: 100px;
    margin: 10px;
    float: left
}

.m_popular p {
    font-size: 16px;
    font-weight: 700;
    line-height: 3
}

.m_popular a {
    border: 1px solid #aaa;
    padding: 5px 10px;
    margin: 0 10px;
    background-color: #ebebeb;
    color: #666;
    font-size: 14px;
    border-radius: 3px
}

.m_popular a:hover {
    color: #e55757
}

.vf_element {
    padding-bottom: 10px
}

.vf_element h1 {
    font-size: 24px;
    padding-left: 20px;
    width: 97%;
    font-weight: 700!important
}

.vf_element .ABA-tit-box {
    padding: 20px 0 0
}

.vf_element .ABA-filedown {
    text-align: right;
    padding: 10px 10px 10px 0 !important
}

.vf_element2 {
    float: right;
    padding: 12px 10px 0 0 !important
}

.vf_element3 {
    display: none;
    padding-right: 10px!important
}

.vf_element .vf_element4 {
    float: right
}

.vf_element_new {
    height: 25px
}

.vf_element_new ul {
    height: 40px
}

.vf_element_new li {
    float: left;
    padding: 0 15px;
    padding-top: 15px;
    font-size: 13px
}

.vf_element_new li strong {
    padding: 0
}

.vf_element_new li:first-child {
    padding-left: 20px;
    font-size: 14px
}

.vf_element_new h4 {
    font-size: 24px;
    padding-left: 20px;
    width: 97%;
    font-weight: 700!important
}

.vf_element_new .ABA-filedown {
    margin: 5px 0;
    padding-left: 20px!important
}

.ABA-article-contents a {
    color: #1583FD
}

.ABA-article-contents a:hover {
    text-decoration: underline
}

.ad_inventory {
    padding-top: 10px;
    height: 280px
}

.quize_box {
    font-size: 20px!important
}

.quize_select {
    padding-left: 10px;
    line-height: 1.6
}

.quize_select td {
    font-size: 14px!important;
    line-height: 1.8;
    font-weight: 700
}

.quize_select label {
    font-size: 14px!important;
    line-height: 1.8;
    font-weight: 400;
    padding-left: 3px
}

.quize_select input {
    margin-left: 30px
}

.newsletter .cont td {
    padding: 20px 0
}

.newsletter .cont i {
    font-size: 20px;
    font-weight: 700;
    padding: 0 10px
}

.newsletter .cont .mb_subject {
    font-size: 20px;
    font-weight: 700;
    line-height: 35px;
    padding-bottom: 15px
}

.newsletter .cont .mb_subject a {
    color: #333
}

.newsletter .cont .comment_1 {
    font-size: 14px;
    line-height: 1.5;
    color: #787878;
    padding-left: 12px;
    text-align: justify
}

.newsletter .cont .year {
    font-size: 14px;
    color: #898989
}

.newsletter .cont .m_d {
    font-size: 36px;
    color: #666;
    font-weight: 700
}

.newsletter_cal {
    background: url(/images/date_bg_img.png) 0 0 no-repeat;
    width: 137px;
    height: 102px;
    padding-top: 20px;
    margin-top: 27px
}

.newsletter_top {
    display: block;
    background-color: #fdfdfd;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 0 20px;
    text-align: justify
}

.newsletter_top .mail_form {
    width: 230px;
    border: 1px solid #737e83;
    height: 23px;
    padding: 5px 0 5px 10px;
    font-size: 16px;
    font-weight: 700;
    color: #e55757
}

.career_view_top {
    padding: 16px;
    border: 1px solid #eee;
    border-radius: 4px
}

.career_view_top img {
    float: left
}

.career_view_top p {
    font-size: 14px;
    line-height: 180%;
    color: #333;
    max-height: 100px
}

.career_view_top label {
    width: 150px
}

.career_view_top .corp_info {
    display: flex;
    justify-content: space-between;
    min-height: 86px;
    padding-top: 24px;
    align-items: center
}

.career_view_top .corp_info > div:first-child {
    width: calc(100% - 120px);
    display: flex;
    gap: 20px;
    align-items: center
}

.career_view_top .corp_info > div img {
    border-radius: 8px;
    width: 60px
}

.career_view_top .title_right {
    float: right;
    width: 530px
}

.career_view_top .d_day {
    border: 1px solid #ddd;
    width: 120px;
    height: 80px;
    box-sizing: border-box
}

.career_view_top .d_day p {
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    padding: 27px 10px;
    letter-spacing: -1px
}

.career_view_top .d_day span {
    color: #ff4949
}

.career_view_top2 {
    margin: 0;
    text-align: justify;
    border-top: 0;
    border-bottom: 0
}

.career_view_top2,.career_view_top4 .title_right {
    font-size: 16px;
    font-weight: 400;
    color: #666;
    padding: 20px 0
}

.career_view_top2 .element_wrap {
    height: 150px;
    line-height: 180%
}

.career_view_top2 .top2_element1,.top2_element2,.top2_element3 {
    float: left;
    width: 167px;
    border: 1px solid #ddd;
    background: #fff;
    padding: 20px;
    height: 80px
}

.career_view_top2 .top2_element2,.top2_element3 {
    border-left: 0
}

.career_view_top2 .element_wrap span {
    font-size: 15px;
    font-weight: 400;
    color: #666
}

.career_view_top2 .element_wrap p {
    font-size: 13px;
    color: #666;
    padding-top: 5px
}

.career_view_top3 {
    margin: 0;
    padding: 20px;
    text-align: justify;
    background-color: #fcfcfc;
    padding-top: 10px
}

.career_view_top3 .info {
    font-size: 14px;
    color: #333;
    line-height: 180%;
    background: #fff;
    border: 1px solid #ddd;
    padding: 20px;
    height: 25px
}

.career_view_top3 .info p {
    float: left;
    padding-right: 25px
}

.career_view_top3 .title_right {
    font-size: 16px;
    font-weight: 400;
    color: #666;
    padding: 10px 0
}

.career_view_top4 {
    padding: 10px 20px;
    border-top: 1px solid #eee
}

.career_view_top4 .top4_element {
    padding: 10px 0
}

.career_view_top4 .title_right span {
    font-size: 14px;
    font-weight: 400;
    padding-left: 35px;
    color: #333
}

.career_wf li {
    height: 40px
}

.career_wf li input {
    padding: 5px 0 5px 5px;
    font-size: 14px
}

.career_wf li label {
    font-size: 14px
}

.career_wf {
    border: 1px solid #EEE
}

.career_wf .bd_wf_tit {
    border-bottom: 1px solid #EEE
}

.career_wf .career_wf_wrap ul {
    padding: 12px 0
}

.career_wf .career_wf_wrap ul li {
    height: auto;
    margin: 4px 0;
    min-height: 48px
}

.career_wf .career_wf_wrap ul li > label {
    float: left;
    width: 100px;
    font-size: 13px;
    position: relative;
    line-height: 42px;
    padding-right: 24px;
    text-align: right;
    color: #999
}

.career_wf .career_wf_wrap ul li > label span {
    color: #FF4949
}

.career_wf .career_wf_wrap ul li div {
    line-height: 42px
}

.career_wf .career_wf_wrap input {
    background: #F6F6F6;
    border-radius: 5px;
    border: 0;
    padding: 12px
}

.career_wf .career_wf_wrap input[type="file"] {
    padding: 9px 12px
}

.career_wf .career_wf_wrap input[name^=saved_user_file_] {
    background: none;
    margin-left: 120px
}

.career_wf .career_wf_wrap input + label {
    cursor: pointer
}

.career_wf #dapi_exec {
    cursor: pointer;
    background: #FFF;
    border: 1px solid #999;
    padding: 11px 16px;
    margin-left: 12px
}

.career_wf #dapi_exec:hover {
    background: #F0F0F0;
    transition: all 0.2s
}

.career_wf #dapi_map_wrap .addressWrap {
    display: none;
    width: 474px;
    height: 466px;
    border: 1px solid #333;
    position: absolute;
    left: 124px;
    top: 50px;
    z-index: 999
}

.career_wf #btnFoldWrap {
    position: absolute;
    top: -12px;
    right: -12px;
    z-index: 1000;
    color: #FFF;
    background: #000;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-size: 16px;
    cursor: pointer
}

.AB-VF-table-shop td {
    font-size: 14px;
    font-weight: 400
}

.AB-VF-table-shop .AB-VF-value-shop input {
    padding: 7px 0 7px 7px;
    font-size: 14px
}

.AB-VF-table-shop .AB-VF-value-shop textarea {
    padding: 7px;
    font-size: 14px
}

.AB-shop-title1 {
    font-size: 20px;
    padding-bottom: 10px;
    font-weight: 700
}

#sell_form #buy_pay_method_cu {
    width: 20px;
    height: 20px
}

#sell_form div div div div table tbody tr td table tbody tr td table tbody tr td {
    padding-left: 20px
}

#sell_form div div div div table tbody tr td table tbody tr td table tbody tr td b {
    font-size: 16px;
    color: #e55757
}

.x-event {
    position: absolute;
    top: 450px;
    left: -65px;
    z-index: 1
}

.x-event1 {
    position: absolute;
    top: 150px;
    right: -80px;
    z-index: 1
}

.x-event2 {
    position: absolute;
    top: 700px;
    left: 380px;
    z-index: 1
}

.white_paper h4 {
    font-size: 34px;
    letter-spacing: -.5px
}

.moim_wrap {
    display: block;
    background-color: #fdfdfd;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 0 20px;
    text-align: justify
}

.moim .date,.address {
    font-size: 12px;
    padding: 5px 0 0 7px;
    color: #666;
    font-weight: 700
}

.moim .mb_subject {
    background: none;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px
}

.moim .AB-LF-notice img {
    display: none
}

.moim .comment_1 {
    padding: 0 0 10px 7px;
    line-height: 1.5;
    font-size: 13px
}

.litter_gift_wrap {
    display: block;
    background-color: #fdfdfd;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 0 20px;
    text-align: justify
}

.litter_gift .goods,.litter,.parcel {
    font-size: 14px;
    line-height: 1.6;
    padding-left: 25px
}

.litter_gift .mb_subject {
    background: none;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 15px;
    letter-spacing: -1px
}

.litter_gift .AB-LF-notice img {
    display: none
}

.litter_gift .comment_1 {
    padding: 15px 15px 10px 7px;
    line-height: 1.5;
    font-size: 13px
}

.proposal {
    position: relative;
    z-index: 10
}

.proposal ul {
    margin: 0;
    padding: 0
}

.proposal li {
    list-style: none;
    float: left
}

.proposal li:first-child a {
    color: #000
}

.proposal li:last-child a {
    width: 90px;
    border-right: 1px solid #aaa
}

.proposal li a {
    display: block;
    width: 86px;
    text-align: center;
    font-weight: 700;
    color: #666;
    padding: 12px 9px;
    border: 1px solid #aaa;
    border-right: 0;
    background-color: #ebebeb
}

.proposal li a:hover {
    background-color: #fff;
    color: #e55757
}

.proposal li.on {
    background-color: #fff
}

.proposal_tab_on a {
    background-color: #fff!important;
    color: #e55757!important;
    border-bottom: 0!important
}

.proposal_top_ad {
    background-color: #fcfcfc;
    padding: 7px 4px;
    height: 75px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    overflow: hidden
}

.proposal_top_ad div {
    padding: 5px 6px;
    background-color: #fff;
    width: 237px;
    height: 63px;
    border: 1px solid #ddd;
    float: left
}

.proposal_top_ad div:hover {
    border: 1px solid #e55757
}

.proposal_top_ad div:hover a {
    color: #333
}

.proposal_top_ad div a {
    display: block;
    height: 100%
}

.proposal_top_ad div ul {
    margin: 0;
    padding: 0
}

.proposal_top_ad div ul li {
    float: left;
    width: 60%;
    letter-spacing: -.5px
}

.proposal_top_ad div ul li:first-child {
    width: 40%
}

.proposal_top_ad div ul li b {
    font-size: 14px;
    line-height: 200%
}

.proposal_top_ad div ul li img {
    padding-top: 5px;
    max-width: 80px
}

.proposal_top_ad div ul li span {
    font-size: 12px;
    line-height: 140%
}

.proposal_top_ad .bottom {
    display: none
}

.proposal_wf select {
    padding: 5px;
    font-size: 14px
}

.people_lf td {
    border-top: 3px solid #464646;
    height: 230px
}

.people_lf .people_title {
    font-size: 22px;
    letter-spacing: -.5px;
    line-height: 140%;
    font-weight: 700
}

.people_lf .title_num {
    font-size: 21px;
    font-weight: 600;
    letter-spacing: -.5px;
    line-height: 120%;
    clear: both
}

.people_lf .cmt_sub {
    font-size: 16px;
    padding: 10px 0;
    text-align: justify;
    line-height: 140%;
    letter-spacing: -.5px
}

.people_lf p {
    font-size: 13px
}

.people_lf .people_func {
    font-size: 14px;
    text-align: right;
    padding: 15px 0 5px
}

.people_lf .people_func a {
    margin-right: 10px
}

.company_apply {
    margin-top: 20px;
    height: 175px
}

.company_apply .wrap {
    text-align: center;
    height: 150px;
    border: 5px solid #f2f2f2;
    width: 179px;
    float: left;
    border-right: 0
}

.company_apply .logo {
    height: 55px;
    padding-top: 15px
}

.company_apply .content {
    height: 65px;
    padding-top: 15px;
    background-color: #fbfbfb
}

.company_apply .content strong {
    font-size: 14px;
    line-height: 180%
}

.company_apply .content span {
    line-height: 160%
}

.company_apply_lf .mb_subject {
    font-size: 18px;
    font-weight: 700
}

.company_apply_vf {
    border: 1px solid #ccc;
    padding: 35px;
    border-top: 0
}

.company_apply_vf h5 {
    padding: 10px 0
}

.company_apply_vf .company_name {
    font-size: 22px;
    padding: 10px 0;
    font-weight: 700
}

.company_apply_vf .content_left {
    float: left;
    height: 120px;
    width: 180px
}

.company_apply_vf .content_left p {
    width: 85%;
    text-align: center;
    height: 80px
}

.company_apply_vf .content_right {
    float: left;
    height: 120px;
    width: 440px
}

.company_apply_vf .content_right i {
    padding: 5px 0;
    font-size: 14px
}

.company_apply_back {
    background: url(/images/company_apply_back_img.png) no-repeat
}

.company_apply_contact {
    border: 1px solid #ccc;
    border-top: 0;
    padding: 25px 35px;
    background-color: #fcfcfc
}

.company_apply_contact .inner {
    font-size: 14px;
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ccc
}

.company_apply_contact .inner a {
    font-weight: 700
}

.company_apply_contact .inner span {
    padding-right: 20px
}

.ABA-container-box-965 {
    width: 965px;
    float: left
}

.ABA-container-box-300 {
    width: 300px;
    float: left
}

.ABA-container-box-695 {
    width: 695px;
    float: left
}

.ABA-container-box-700 {
    width: 700px;
    float: left
}

.ABA-container-box-705 {
    width: 705px;
    float: left
}

.ABA-container-box-350 {
    width: 350px;
    float: left
}

.ABA-container-box-450 {
    width: 450px;
    float: left
}

.ABA-container-box-200 {
    width: 200px;
    float: left
}

.ABA-container-box-150 {
    width: 150px;
    float: left
}

.ABA-container-box-550 {
    width: 550px;
    float: left
}

.ABA-container-box-1000 {
    width: 1000px;
    float: left
}

.ABA-container-box-1050 {
    width: 1050px;
    float: left
}

.ABA-container-box-500 {
    width: 500px;
    float: left
}

.ABA-container-box-250 {
    width: 250px;
    float: left
}

.ABA-container-box-100 {
    width: 100px;
    float: left
}

.ABA-container-box-600 {
    width: 600px;
    float: left
}

.ABA-container-box-795 {
    width: 795px;
    float: left
}

.ABA-container-box-242 {
    width: 242px;
    float: left
}

.ABA-container-box-800 {
    width: 800px;
    float: left
}

.ABA-container-box-650 {
    width: 650px;
    float: left
}

.ABA-container-box-400 {
    width: 400px;
    float: left
}

.ABA-container-box-750 {
    width: 750px;
    float: left
}

.ABA-container-box-50 {
    width: 50px;
    float: left
}

.ABA-container-box-655 {
    width: 655px;
    float: left
}

.ABA-container-box-15 {
    width: 15px;
    float: left
}

.ABA-container-box-330 {
    width: 330px;
    float: left
}

.ABA-container-box-20 {
    width: 20px;
    float: left
}

.ABA-container-box-660 {
    width: 660px;
    float: left
}

.ABA-container-box-10 {
    width: 10px;
    float: left
}

.ABA-container-box-25 {
    width: 25px;
    float: left
}

.ABA-container-box-775 {
    width: 775px;
    float: left
}

.ABA-container-box-230 {
    width: 230px;
    float: left
}

.ABA-container-box-745 {
    width: 745px;
    float: left
}

.ABA-container-box-390 {
    width: 390px;
    float: left
}

.ABA-container-box-355 {
    width: 355px;
    float: left
}

.ABA-container-box-478 {
    width: 478px;
    float: left
}

.ABA-container-box-265 {
    width: 265px;
    float: left
}

.ABA-container-box-520 {
    width: 520px;
    float: left
}

.ABA-container-box-240 {
    width: 240px;
    float: left
}

.ABA-container-box-19 {
    width: 19px;
    float: left
}

.ABA-container-box-735 {
    width: 735px;
    float: left
}

.ABA-container-box-220 {
    width: 220px;
    float: left
}

.ABA-container-box-850 {
    width: 850px;
    float: left
}

.ABA-container-box-530 {
    width: 530px;
    float: left
}

.ABA-container-box-243 {
    width: 243px;
    float: left
}

.ABA-container-box-263 {
    width: 263px;
    float: left
}

.ABA-container-box-760 {
    width: 760px;
    float: left
}

.ABA-container-box-260 {
    width: 260px;
    float: left
}

.ABA-container-box-210 {
    width: 210px;
    float: left
}

.ABA-container-box-192 {
    width: 192px;
    float: left
}

.ABA-container-box-39 {
    width: 39px;
    float: left
}

.ABA-container-box-725 {
    width: 725px;
    float: left
}

.ABA-container-box-235 {
    width: 235px;
    float: left
}

.ABA-container-box-740 {
    width: 740px;
    float: left
}

.ABA-container-box-5 {
    width: 5px;
    float: left
}

.ABA-container-box-495 {
    width: 495px;
    float: left
}

.ABA-container-box-320 {
    width: 320px;
    float: left
}

.ABA-container-box-158 {
    width: 158px;
    float: left
}

.ABA-container-box-159 {
    width: 159px;
    float: left
}

.ABA-container-box-425 {
    width: 425px;
    float: left
}

.ABA-container-box-29 {
    width: 29px;
    float: left
}

.ABA-container-box-385 {
    width: 385px;
    float: left
}

.ABA-container-box-440 {
    width: 440px;
    float: left
}

.ABA-container-box-95 {
    width: 95px;
    float: left
}

.ABA-container-box-730 {
    width: 730px;
    float: left
}

.ABA-container-box-820 {
    width: 820px;
    float: left
}

.ABA-container-box-14 {
    width: 14px;
    float: left
}

.ABA-container-box-125 {
    width: 125px;
    float: left
}

.ABA-container-box-30 {
    width: 30px;
    float: left
}

.ABA-container-box-470 {
    width: 470px;
    float: left
}

.ABA-container-box-380 {
    width: 380px;
    float: left
}

.ABA-container-box-80 {
    width: 80px;
    float: left
}

.ABA-container-box-680 {
    width: 680px;
    float: left
}

.ABA-container-box-360 {
    width: 360px;
    float: left
}

.ABA-container-box-190 {
    width: 190px;
    float: left
}

.ABA-container-box-790 {
    width: 790px;
    float: left
}

.ABA-container-box-194 {
    width: 194px;
    float: left
}

.ABA-container-box-630 {
    width: 630px;
    float: left
}

.ABA-container-box-490 {
    width: 490px;
    float: left
}

.ABA-container-box-590 {
    width: 590px;
    float: left
}

.ABA-container-box-410 {
    width: 410px;
    float: left
}

.ABA-container-box-770 {
    width: 770px;
    float: left
}

.ABA-container-box-363 {
    width: 363px;
    float: left
}

.ABA-container-box-340 {
    width: 340px;
    float: left
}

.ABA-container-box-362 {
    width: 362px;
    float: left
}

.ABA-container-box-545 {
    width: 545px;
    float: left
}

.ABA-container-box-475 {
    width: 475px;
    float: left
}

.ABA-container-box-275 {
    width: 275px;
    float: left
}

.ABA-container-box-625 {
    width: 625px;
    float: left
}

.ABA-container-box-780 {
    width: 780px;
    float: left
}

.ABA-container-box-135 {
    width: 135px;
    float: left
}

.ABA-container-box-180 {
    width: 180px;
    float: left
}

.ABA-layout-align {
    width: 1200px;
    margin: 0 auto
}

.bd-pr-layout {
    border: 1px solid #d5d5d5;
    margin-bottom: 10px;
    overflow: hidden;
    clear: both
}

.bd-pr-layout .title a {
    display: block;
    color: #639;
    font-size: 13px;
    font-weight: 600;
    background-color: #f0f0f0;
    text-indent: 20px;
    border-bottom: 1px solid #d5d5d5;
    line-height: 36px
}

.bd-pr-layout .ly_wrap {
    padding: 7px 0
}

.bd-pr-layout .wrap {
    padding: 12px 5px
}

.bd-pr-layout .cell {
    display: block;
    position: relative;
    line-height: 28px;
    padding: 0 10px;
    color: #454545;
    background: url(/images/new_dot.gif) no-repeat;
    background-position: 8px 14px
}

.bd-pr-layout .cell:hover {
    text-decoration: underline
}

.bd-pr-layout .cell span {
    font-size: 13px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-indent: 10px;
    padding-right: 8px
}

.bd-pr-layout .cell .cnt_cmt {
    position: absolute;
    right: 3px;
    top: 0;
    color: #e55757
}

#frm_list_search {
    border: 1px solid #808080;
    border-bottom: 0;
    padding: 10px 15px;
    background-color: #93B1CD
}

#frm_list_search select {
    width: 165px;
    position: relative;
    top: 3px;
    border: 0
}

#frm_list_search .AB_datepicker {
    padding: 6px;
    text-align: center;
    font-size: 15px;
    border: 0
}

#frm_list_search input[type="submit"] {
    width: 100px;
    background-color: #FFEC42;
    line-height: 30px;
    color: #444;
    cursor: pointer;
    font-size: 13px
}

#kakao_script {
    overflow: hidden;
    background-color: #9bbad8;
    padding: 35px 20px;
    border: 1px solid #808080
}

#kakao_script .cell p {
    clear: both;
    font-size: 15px;
    padding-top: 15px;
    color: #000
}

#kakao_script .script_wrap {
    float: left;
    padding: 15px;
    background-color: #fff;
    margin-top: 5px;
    border-radius: 5px;
    line-height: 1.6;
    font-size: 15px;
    word-break: break-all
}

.info_on_cs a {
    display: block;
    float: left;
    width: 160px;
    text-align: center;
    font-size: 13px;
    border: 1px solid #639;
    margin: 0 10px 20px 0;
    padding: 15px 0;
    font-weight: 600;
    color: #639
}

.info_on_cs a:hover {
    background-color: #fafafa
}

.link_in_review {
    width: 350px;
    margin: 0 auto 50px auto;
    border: 1px solid #d7d7d7
}

.link_in_review a {
    display: block
}

.link_in_review a:hover {
    color: #1c1c1c;
    background-color: #f9f9f9
}

.link_in_review a:hover h5 {
    color: #939
}

.link_in_review p {
    color: #1c1c1c;
    font-size: 13px;
    line-height: 18px;
    padding: 7px 0;
    color: #767676
}

.link_in_review h5 {
    font-size: 20px;
    font-weight: normal;
    text-align: center
}

.link_in_review span {
    display: block;
    text-align: right;
    color: #555
}

.link_in_review strong {
    display: block;
    text-align: center;
    padding: 5px 0
}

.link_in_review .contents {
    padding: 10px
}

.link_in_review .image img {
    width: 350px;
    height: auto
}

#Review_Link {
    overflow: hidden;
    margin: 0 auto 35px auto;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 15px
}

#Review_Link .image {
    float: left;
    width: 124px
}

#Review_Link .image img {
    border-radius: 10px
}

#Review_Link .contents {
    float: left;
    width: 533px;
    padding: 10px 10px 0px 15px
}

#Review_Link .contents h5 {
    padding-bottom: 7px;
    font-size: 17px;
    color: #333
}

#Review_Link .contents p {
    padding-bottom: 10px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500
}

#Review_Link .contents span {
    color: #545454
}

#CardNews .wrap {
    width: 745px;
    overflow: hidden;
    clear: both
}

#CardNews .cell {
    width: 231px;
    float: left;
    border: 1px solid #d7d7d7;
    margin: 0 15px 15px 0
}

.cs > strong {
    font-size: 16px
}

.cs p.faq strong {
    font-size: 16px;
    display: block;
    color: #e55757;
    font-weight: normal
}

.cs p.faq span {
    padding: 3px 0 15px 10px;
    font-size: 13px
}


.adropB2 {
    border-radius: 8px;
    margin-bottom: 12px;
    overflow: hidden
}

.adropB2 img {
    border: 1px solid #EEE
}

#mkt_tips .cell {
    border: 1px solid #E3E3E3;
    margin: 20px 0
}

#mkt_tips ._writer {
    line-height: 48px;
    border-bottom: 1px solid #e3e3e3;
    padding-left: 25px
}

#mkt_tips ._writer span {
    font-size: 18px;
    font-weight: 600
}

#mkt_tips ._writer a {
    display: block;
    color: #454545
}

#mkt_tips ._writer a:hover {
    color: #454545
}

#mkt_tips ._cont {
    padding: 25px
}

#mkt_tips ._cont a {
    display: block;
    color: #454545;
    font-size: 15px;
    line-height: 26px;
    font-weight: 300
}

#mkt_tips ._cont a img {
    display: block
}

#mkt_tips .hash {
    padding: 0 0 20px 25px
}

#mkt_tips .hash a {
    color: #fff;
    background-color: #369;
    margin-right: 10px;
    padding: 3px 5px
}

#mkt_tips .hash a:hover {
    background-color: #4080bf
}

#mkt_tips .info {
    background-color: #FAFAFA;
    border-top: 1px solid #e3e3e3;
    line-height: 48px;
    padding-left: 25px
}

#mkt_tips .info p {
    float: right;
    padding-right: 10px
}

#mkt_tips .info img {
    padding-right: 10px
}

#mkt_tips .info span {
    font-size: 13px;
    font-weight: 600;
    color: #999;
    padding-right: 15px
}

#mkt_tips .hot_tags {
    text-align: center;
    background: url('https://cdn.ibos.kr/images/160902_5591_search_bg.png') no-repeat;
    padding: 60px 0 40px 0;
    background-size: 100%
}

#mkt_tips .hot_tags h3 {
    font-size: 28px;
    text-align: center;
    padding-bottom: 15px;
    color: #fff
}

#mkt_tips .hot_tags input.mb_searchbox_2 {
    border: 0;
    width: 450px !important;
    height: 30px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #939;
    padding: 7px 10px
}

#mkt_tips .hot_tags input.mb_searchbox_3 {
    background-color: #fff;
    color: #000;
    border: 0;
    height: 44px;
    margin-left: -3px;
    width: 50px
}

#mkt_tips .hot_tags .search_tags {
    width: 500px;
    margin: 0 auto;
    padding-top: 10px
}

#mkt_tips .hot_tags .search_tags a {
    display: inline-block;
    font-size: 13px;
    margin: 0 10px 5px 0;
    color: #fff;
    background-color: #3e4941;
    padding: 2px 4px
}

#mkt_tips .hot_tags .search_tags a:hover {
    text-decoration: underline
}

#mkt_tips_vf {
    border: 1px solid #E3E3E3
}

#mkt_tips_vf ._writer {
    line-height: 48px;
    border-bottom: 1px solid #e3e3e3;
    padding-left: 25px;
    font-size: 18px;
    font-weight: 600
}

#mkt_tips_vf ._writer .info {
    float: right
}

#mkt_tips_vf ._writer .info p {
    display: none
}

#mkt_tips_vf ._writer .info img {
    padding-right: 10px
}

#mkt_tips_vf ._writer .info span {
    font-size: 13px;
    font-weight: 600;
    color: #999;
    padding-right: 15px
}

#mkt_tips_vf ._writer .mb_writer {
    padding-left: 7px;
    font-size: 13px;
    font-weight: 600
}

#mkt_tips_vf .subject {
    display: none
}

#mkt_tips_vf .ABA-article-contents {
    padding: 50px 23px 20px 23px;
    font-size: 18px
}

#mkt_tips_vf .hash_tags {
    padding: 35px 0 20px 0
}

#mkt_tips_vf .hash_tags a {
    color: #fff;
    background-color: #369;
    margin-right: 10px;
    padding: 3px 7px;
    font-size: 13px
}

#mkt_tips_vf .hash_tags a:hover {
    background-color: #4080bf;
    text-decoration: none
}

#mkt_tips_vf .cnt_cmt_article {
    clear: both;
    padding-left: 15px
}

.rec_article {
    border: 1px solid #E0E0E0;
    margin-bottom: 20px;
    padding: 15px;
    padding-right: 0;
    overflow: hidden
}

.rec_article h3 {
    font-size: 13px;
    font-weight: 600;
    padding-bottom: 10px
}

.rec_article .cell {
    float: left;
    width: 237px;
    text-align: center
}

.rec_article .cell a {
    display: block;
    border: 1px solid #eee;
    margin-right: 15px;
    font-size: 17px;
    padding: 15px;
    line-height: 24px;
    font-weight: 600
}

.rec_article .cell a p {
    font-size: 13px;
    color: #999;
    padding-top: 10px
}

.rec_article .cell a span {
    display: block;
    height: 44px;
    overflow: hidden
}

.rec_article .cell a:hover span {
    text-decoration: underline;
    color: #454545
}

.rec_article .cell.s1 a {
    background-color: #F4F3F5
}

.rec_article .cell.s2 a {
    background-color: #E4E1E6
}

.rec_article .cell.s3 a {
    background-color: #EAE8EB
}

.best_menu ul {
    overflow: hidden;
    background: url('https://cdn.ibos.kr/images/161031_best_title_bg.png') repeat-x
}

.best_menu ul li {
    float: left
}

.best_menu ul li a {
    display: block;
    padding: 0 20px;
    border: 1px solid #E0E0E0;
    border-width: 1px 0;
    text-align: center;
    font-size: 13px;
    line-height: 38px;
    font-weight: 600;
    color: #4e4c50
}

.best_menu ul li a:hover {
    background-color: #C3BFC8;
    color: #fff;
    border-color: #C3BFC8
}

.best_menu ul li.na.p3023 a {
    background-color: #C3BFC8;
    color: #fff;
    border-color: #C3BFC8
}

.best_menu ul li.nc.pnew_cmt a {
    background-color: #C3BFC8;
    color: #fff;
    border-color: #C3BFC8
}

.best_menu ul li.ga.p5727 a {
    background-color: #C3BFC8;
    color: #fff;
    border-color: #C3BFC8
}

.best_menu ul li.gc.p5578 a {
    background-color: #C3BFC8;
    color: #fff;
    border-color: #C3BFC8
}

.best_menu ul li.wa.p1898 a {
    background-color: #C3BFC8;
    color: #fff;
    border-color: #C3BFC8
}

.best_menu ul li.ma.p1886 a {
    background-color: #C3BFC8;
    color: #fff;
    border-color: #C3BFC8
}

#bmenu .description p {
    line-height: 30px;
    padding-left: 10px;
    font-size: 12px;
    font-family: Dotum, "돋움";
    color: #777
}

.month_best .snum {
    font-size: 19px;
    display: block;
    text-align: center;
    letter-spacing: -2px;
    padding: 1px 0;
    font-weight: 600
}

.month_best .snum.s1, .month_best .snum.s2, .month_best .snum.s3 {
    color: #FF4949
}

#popular_article_menu {
    overflow: hidden
}

#popular_article_menu > div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-top: 20px
}

#popular_article_menu .mov_mnth {
    color: #333;
    font-size: 15px;
    letter-spacing: -0.4px;
    font-weight: 500
}

#popular_article_menu .mov_mnth:hover {
    color: #000;
    font-weight: bold
}

#popular_article_menu .mov_mnth.active {
    font-weight: bold;
    color: #000
}

#cash_conts_lf td .done {
    background-color: #f0f0f0;
    border: 1px solid #b5b5b5;
    padding: 2px 3px;
    color: #545454
}

#cash_conts_vf .preview h3 {
    font-size: 17px;
    font-weight: 600;
    color: #939;
    border: 1px solid #e5e5e5;
    border-bottom: 0;
    line-height: 48px;
    background-color: #f9f9f9;
    text-indent: 23px
}

#cash_conts_vf .preview p {
    border: 1px solid #e5e5e5;
    border-bottom: 1px dashed #e5e5e5;
    padding: 15px 20px
}

#cash_conts_vf .preview .attached_img {
    border-bottom: 0;
    padding: 20px 40px
}

#cash_conts_vf .preview .attached_img img {
    width: 100%;
    height: auto
}

#cash_conts_vf p.btn_cash {
    border: 1px solid #e5e5e5;
    border-top: 0;
    padding: 20px 0;
    margin-bottom: 50px
}

#cash_conts_vf .btn_cash_act {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    background-color: #369;
    width: 160px;
    margin: 0 auto;
    text-align: center;
    line-height: 38px
}

#cash_conts_vf .btn_cash_act:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75
}

#cash_conts_vf .current_cash {
    display: block;
    text-align: center;
    padding-top: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #939
}

#cash_conts_vf .current_cash a {
    font-size: 11px;
    border: 1px solid #ccc;
    color: #565656;
    padding: 2px 4px;
    text-align: center;
    margin-left: 8px;
    background-color: #f9f9f9
}

#cash_conts_wf .preview {
    border: 1px solid #ededed;
    padding: 7px 10px;
    font-size: 15px;
    width: 573px;
    resize: none
}

#cash_conts_wf select {
    padding: 7px 15px !important;
    cursor: pointer
}

.cash_conts_info {
    position: relative;
    border: 5px solid #e5e5e5;
    padding: 20px
}

.cash_conts_info a {
    position: absolute;
    top: 13px;
    right: 15px;
    background-color: #369;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 5px 12px
}

.cash_conts_info span {
    font-size: 15px;
    font-weight: 600
}

#MktNews .date .cash_amount span {
    font-weight: 600;
    color: #fff;
    background-color: #e55757;
    padding: 1px 3px;
    margin-left: 2px
}

#MktNews .date .done {
    background-color: #369;
    color: #fff;
    padding: 1px 3px
}

#MktNews a:hover .AB-LF-common {
    text-decoration: none !important
}

#MktNews a:hover .AB-LF-common span {
    border-bottom: 1px solid #1c1c1c
}

.best_comment .cell {
    padding: 20px 40px 20px 0;
    position: relative
}

.best_comment .origin {
    font-size: 13px;
    font-weight: 600;
    padding: 15px 0 3px 0;
    color: #939
}

.best_comment .origin label {
    padding-right: 5px;
    color: #599AA0
}

.best_comment .mb_writer {
    font-size: 15px;
    font-weight: 600
}

.best_comment .comment_1 a {
    display: block;
    font-size: 13px;
    line-height: 24px;
    padding: 10px 0;
    color: #1c1c1c
}

.best_comment .comment_1 a:hover {
    text-decoration: underline
}

.best_comment .rgTp {
    position: absolute;
    right: 55px;
    top: 28px
}

.best_comment .rgTp span {
    border: 1px solid #e5e5e5;
    font-weight: 600;
    padding: 2px 4px
}

.best_comment .rgTp .vote {
    color: #369;
    margin-right: 5px
}

.admin-hide p.AB-cmt {
    color: #999
}

.admin-hide i {
    font-size: 11px;
    color: #AAA
}

.ABA-article-contents .dialog .talk_user {
    margin-bottom: -8px
}

.ABA-article-contents .dialog .talk_user a {
    display: inline-block;
    position: relative;
    top: 25px;
    left: -15px
}

.ABA-article-contents .dialog .talk_user .user_prof {
    display: inline-block;
    position: relative;
    top: 10px;
    left: -15px;
    width: 50px;
    height: 50px
}

.ABA-article-contents .dialog .talk_user .user_prof.img_0 {
    background: url('https://cdn.ibos.kr/images/profile_img_0.png') no-repeat;
    background-size: 100%
}

.ABA-article-contents .dialog .talk_user .user_prof.img_1 {
    background: url('https://cdn.ibos.kr/images/profile_img_1.png') no-repeat;
    background-size: 100%
}

.ABA-article-contents .dialog .talk_user .user_prof.img_2 {
    background: url('https://cdn.ibos.kr/images/profile_img_2.png') no-repeat;
    background-size: 100%
}

.ABA-article-contents .dialog .talk_user .user_prof.img_3 {
    background: url('https://cdn.ibos.kr/images/profile_img_3.png') no-repeat;
    background-size: 100%
}

.ABA-article-contents .dialog .talk_user .user_prof.img_4 {
    background: url('https://cdn.ibos.kr/images/profile_img_4.png') no-repeat;
    background-size: 100%
}

.ABA-article-contents .dialog .talk_user .user_prof.img_5 {
    background: url('https://cdn.ibos.kr/images/profile_img_5.png') no-repeat;
    background-size: 100%
}

.ABA-article-contents .dialog .talk_user .user_prof.img_6 {
    background: url('https://cdn.ibos.kr/images/profile_img_6.png') no-repeat;
    background-size: 100%
}

.ABA-article-contents .dialog .talk_user .user_prof.img_7 {
    background: url('https://cdn.ibos.kr/images/profile_img_7.png') no-repeat;
    background-size: 100%
}

.ABA-article-contents .dialog .talk_user .user_prof.img_8 {
    background: url('https://cdn.ibos.kr/images/profile_img_8.png') no-repeat;
    background-size: 100%
}

.ABA-article-contents .dialog .talk_user .user_prof.img_9 {
    background: url('https://cdn.ibos.kr/images/profile_img_9.png') no-repeat;
    background-size: 100%
}

.ABA-article-contents .dialog .talk_user img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin-right: 20px
}

.ABA-article-contents .dialog .talk_user .w_name {
    display: inline-block;
    margin-left: -8px
}

.ABA-article-contents .dialog .context.ml40 {
    margin-left: 45px
}

.ABA-article-contents .dialog.b-right .user_prof {
    display: none
}

.ABA-article-contents .dialog.b-right .w_name {
    margin-bottom: 15px
}

#tax_invoice {
    position: relative;
    margin-top: 15px
}

#tax_invoice h3 {
    font-size: 19px;
    font-weight: 600;
    padding: 5px 0 10px 0
}

#tax_invoice table {
    border-right: 1px solid #e5e5e5;
    border-top: 2px solid #676767
}

#tax_invoice tr th, #tax_invoice tr td {
    height: 36px;
    font-size: 13px
}

#tax_invoice tr th {
    border: 1px solid #e5e5e5;
    border-width: 0 0 1px 1px;
    background-color: #f9f9f9;
    font-weight: 600;
    text-align: left;
    text-indent: 15px
}

#tax_invoice tr td {
    border: 1px solid #e5e5e5;
    border-width: 0 0 1px 1px;
    padding: 0 2px;
    width: 226px;
    word-break: break-all;
    text-align: center
}

#tax_invoice tr td input {
    width: 100%;
    padding: 9px 0 8px 0;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    color: #939;
    letter-spacing: 1px
}

#tax_invoice .btn_submit {
    display: block;
    width: 120px;
    margin: 20px auto;
    background-color: #939;
    color: #fff;
    line-height: 34px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600
}

#tax_invoice .btn_submit.bd_R3:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75
}

#tax_invoice.VIEW tr td {
    padding-left: 10px;
    letter-spacing: 1px
}

#tax_invoice.VIEW .btn_submit {
    display: block;
    width: 58px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    font-weight: 600;
    color: #666;
    background: url('https://cdn.ibos.kr/images/btn_bg_off.png') no-repeat;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0
}

#tax_invoice.VIEW .btn_submit:hover {
    background: url('https://cdn.ibos.kr/images/btn_bg_on.png') no-repeat;
    color: #e55757
}

#tax_invoice.MODIFY {
    width: 96%;
    margin: 20px auto
}

#tax_invoice.MODIFY .cp_num {
    padding-left: 10px;
    letter-spacing: 1px
}

#tax_invoice_list .bill_view_btn {
    font-size: 12px
}

#tax_invoice_list .card_ {
    display: inline-block;
    background: #abd0fe61;
    color: #1b64da;
    font-size: 12px;
    padding: 0 6px;
    line-height: 24px;
    border-radius: 6px
}

#tax_invoice_list .card_:hover {
    background: #c9e2ff;
    transition: all 0.2s
}

#tax_invoice_list .btn_bill_cr {
    display: block;
    background-color: #969;
    color: #fff;
    padding: 4px 0px;
    border: 1px solid #969;
    font-size: 11px;
    width: 58px
}

#tax_invoice_list .tax_ {
    display: block;
    background-color: #369;
    color: #fff;
    padding: 4px 0px;
    border: 1px solid #454545;
    font-size: 11px;
    width: 58px
}

#tax_invoice_list .tax_type1 {
    display: block;
    background-color: #9999CC;
    color: #fff;
    padding: 4px 0px;
    border: 1px solid #999;
    font-size: 11px;
    width: 58px
}

#tax_invoice_list .tax_type2 {
    display: block;
    background-color: #d5d5d5;
    color: #333;
    padding: 4px 0px;
    border: 1px solid #ccc;
    font-size: 11px;
    width: 58px
}

#tax_invoice_list .bill_view_btn .cash, #tax_invoice_list .error {
    display: inline-block;
    color: #444;
    padding: 0 6px;
    line-height: 24px;
    border-radius: 6px;
    font-size: 12px;
    background: #f2f4f6
}

#tax_invoice_list .waiting {
    display: block;
    ;color: #ff4949;
    padding: 4px 0px;
    font-size: 12px;
    width: 62px
}

#tax_invoice_list .timeout {
    color: #AAA;
    text-decoration: line-through
}

#tax_invoice_list .cash_receipt_print {
    display: inline-block;
    background: #ffb33129;
    color: #c87100;
    font-size: 12px;
    padding: 0 6px;
    line-height: 24px;
    border-radius: 6px
}

#tax_invoice_list .cash_receipt_print:hover {
    background: rgb(255 179 49 / 32%);
    transition: all 0.2s
}

#tax_invoice_list .btn_bill_cr_cancel {
    display: block;
    background-color: #d5d5d5;
    color: #333;
    padding: 4px 0px;
    border: 1px solid #ccc;
    font-size: 11px;
    width: 58px
}

#tax_invoice_list .noreceipt {
    display: block;
    padding: 4px 0px;
    font-size: 12px;
    width: 62px
}

#tax_invoice_info {
    width: 550px;
    border: 5px solid #e5e5e5;
    margin: 15px auto;
    padding: 15px 20px
}

#tax_invoice_info p {
    font-size: 13px;
    line-height: 22px
}

#tax_invoice_info h5 {
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 10px
}

#receipt_popup {
    font-size: 13px
}

#receipt_popup h3 {
    font-size: 18px;
    font-size: 20px;
    padding: 0 10px;
    margin-top: 35px
}

#receipt_popup table {
    width: 96%;
    margin: 0 auto;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5
}

#receipt_popup tr th, #receipt_popup tr td {
    border: 1px solid #e5e5e5;
    border-width: 1px 0 0 1px
}

#receipt_popup tr th {
    background-color: #f0f0f0;
    height: 48px;
    color: #333;
    font-weight: 600
}

#receipt_popup tr td {
    padding: 0 10px
}

#receipt_popup tr td label {
    cursor: pointer
}

#receipt_popup tr td #cash_card_type_0, #receipt_popup tr td #cash_card_type_1 {
    cursor: pointer
}

#receipt_popup tr td #label_cash_card_type_0 {
    margin-right: 10px
}

#receipt_popup tr td #cash_card_num {
    width: 200px;
    padding: 7px 10px;
    border: 1px solid #ccc;
    font-size: 13px;
    letter-spacing: 1px;
    text-align: center
}

#receipt_popup .btn_submit {
    text-align: center;
    margin-top: 20px
}

#receipt_popup .btn_submit a {
    display: inline-block;
    background-color: #f0f0f0;
    text-decoration: none;
    color: #1c1c1c;
    width: 100px;
    line-height: 32px;
    font-weight: 600;
    border: 1px solid #d5d5d5
}

#receipt_popup .btn_submit input {
    background-color: #369;
    color: #fff;
    width: 100px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    border: 0;
    line-height: 32px;
    margin-right: 10px;
    cursor: pointer;
    border: 1px solid #333
}

.pr_board {
    border: 1px solid #e5e5e5;
    padding: 20px;
    margin-top: 25px;
    position: relative
}

.pr_board > div {
    overflow: hidden
}

.pr_board .cell {
    width: 50%;
    float: left
}

.pr_board .cell a {
    display: block;
    line-height: 18px;
    margin: 7px 0
}

.pr_board .cell a:hover span {
    border-bottom: 1px solid #e55757
}

.pr_board .cell a p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #454545;
    padding-right: 20px
}

.pr_board .cell a strong {
    display: block;
    width: 75%;
    font-size: 13px;
    font-weight: 600;
    color: #e55775;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #fff
}

.pr_board .bn_ref {
    position: absolute;
    top: 0;
    right: 0
}

.vote_list {
    clear: both;
    font-size: 13px;
    text-align: center;
    letter-spacing: 0;
    color: #666
}

.vote_list img {
    margin-right: 2px
}

.vote_list span {
    font-weight: 600;
    color: #e55757
}

.vote_list .vote_user_count {
    border-bottom: 1px solid #e55757
}

#MeminfoTopConts .flw_menus {
    overflow: hidden;
    clear: both;
    margin-top: 10px
}

#MeminfoTopConts .flw_menus .top_hd {
    background: url('https://cdn.ibos.kr/images/161020_follow_03.png') no-repeat;
    text-align: center;
    color: #fff;
    height: 130px
}

#MeminfoTopConts .flw_menus .top_hd p {
    font-size: 13px;
    line-height: 18px
}

#MeminfoTopConts .flw_menus .top_hd strong {
    display: block;
    padding: 25px 0 10px 0;
    font-size: 24px
}

#MeminfoTopConts .flw_menus ul li {
    float: left;
    width: 130px;
    margin: 5px 5px 5px 0
}

#MeminfoTopConts .flw_menus ul li a {
    display: block;
    text-align: center;
    line-height: 34px;
    font-size: 13px;
    font-weight: 600;
    background-color: #fff;
    border: 1px solid #e5e5e5
}

#MeminfoTopConts .flw_menus ul li:hover a {
    color: #369
}

#MeminfoTopConts .flw_menus ul li.mn01.P5526 a, #MeminfoTopConts .flw_menus ul li.mn02.P5525 a, #MeminfoTopConts .flw_menus ul li.mn03.P5710 a {
    background-color: #C3BFC8;
    color: #fff;
    border: 1px solid #999
}

.my_bd .flw_articles .cell {
    border: 1px solid #e5e5e5;
    margin-bottom: 15px
}

.my_bd .flw_articles .cell > div {
    padding: 15px 20px
}

.my_bd .flw_articles .top {
    position: relative;
    background-color: #f0f0f0;
    padding: 5px 20px !important
}

.my_bd .flw_articles .top .writer_name {
    font-weight: 600;
    padding-left: 15px
}

.my_bd .flw_articles .top .info {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 50px
}

.my_bd .flw_articles .top .info span {
    padding-right: 12px
}

.my_bd .flw_articles .top .info strong {
    font-weight: 600;
    font-family: Tahoma, serif
}

.my_bd .flw_articles .top .info .vote strong {
    color: #369
}

.my_bd .flw_articles .top .info .cmt strong a {
    color: #e55757
}

.my_bd .flw_articles .top .info .cmt strong a:hover {
    border-bottom: 1px solid #e55757
}

.my_bd .flw_articles .middle {
    border-top: 1px solid #e5e5e5;
    padding: 20px !important
}

.my_bd .flw_articles .middle a {
    display: block
}

.my_bd .flw_articles .middle a:hover .subject span {
    color: #454545;
    border-bottom: 1px solid #454545
}

.my_bd .flw_articles .middle a:hover .contents {
    color: #454545
}

.my_bd .flw_articles .middle .subject {
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 15px
}

.my_bd .flw_articles .middle .attached_img {
    display: block;
    margin: 30px auto;
    border: 1px solid #ccc
}

.my_bd .flw_articles .middle .contents {
    font-size: 13px;
    line-height: 24px;
    word-break: break-all
}

.mb_int_ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 330px;
    text-align: left;
    text-indent: 10px
}

.bd_flw td {
    line-height: 24px;
    font-size: 14px
}

.bd_flw td.flw_name {
    text-align: left;
    text-indent: 10px;
    font-weight: 600;
    color: #666
}

.bd_flw td.flw_name a:hover .name_p {
    color: #454545;
    border-bottom: 1px solid #454545
}

.flw_nobody {
    text-align: center;
    padding: 75px 0
}

.flw_nobody img {
    display: block;
    margin: 0 auto
}

.flw_nobody span {
    display: block;
    font-size: 18px;
    line-height: 50px
}

.follow_lst {
    border: 1px solid #e5e5e5;
    border-top: 0
}

.follow_lst td {
    border-top: 1px solid #e5e5e5;
    text-align: center;
    font-size: 13px;
    height: 65px
}

.btn_following_ok {
    display: block;
    width: 70px;
    line-height: 22px;
    color: #a075cc;
    border: 1px solid #a075cc;
    font-size: 12px
}

.btn_following_cancel {
    display: block;
    width: 70px;
    line-height: 22px;
    color: #fff;
    border: 1px solid #a075cc;
    font-size: 12px;
    background: #a075cc
}

.btn_following_guest {
    display: block;
    width: 70px;
    line-height: 22px;
    color: #a075cc;
    border: 1px solid #a075cc;
    font-size: 12px
}

.flw_chk {
    width: 12px;
    height: 12px;
    padding-right: 3px
}

.recommend_flw .rec_title {
    text-align: center;
    border: 1px solid #e0e0e0;
    background-color: #fafafa;
    padding: 20px 0;
    margin-bottom: 10px;
    margin-top: 100px
}

.recommend_flw .rec_title h5 {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px
}

.recommend_flw .rec_title p {
    font-size: 13px
}

.recommend_flw .wrap {
    overflow: hidden
}

.recommend_flw .wrap > div {
    background: #FFF
}

.recommend_flw .cell {
    float: left;
    width: 134px;
    border: 1px solid #eee;
    padding: 15px;
    margin-right: 10px;
    text-align: center
}

.recommend_flw .cell.nun4 {
    margin-right: 0;
    margin-left: 1px
}

.recommend_flw .cell img.bd_R50 {
    display: block;
    margin: 0 auto 10px auto
}

.recommend_flw .cell .flw_name {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 3px
}

.recommend_flw .cell .cnt_flw {
    display: block;
    color: #aaa;
    font-size: 12px;
    padding-bottom: 7px
}

.recommend_flw .cell .btn_following_ok {
    margin: 0 auto;
    width: 100px
}

.recommend_flw .cell .btn_following_cancel {
    margin: 0 auto;
    width: 100px
}

.notice_box {
    border: 5px solid #eee;
    padding: 10px 20px;
    font-size: 13px;
    color: #666
}

.notice_box p {
    font-size: 12px
}

.notice_box span {
    display: inline-block;
    margin-right: 5px;
    font-size: 10px;
    border: 1px solid #e55757;
    color: #e55757;
    padding: 1px 4px
}

.notice_box strong {
    font-weight: 600;
    display: block;
    padding-bottom: 10px
}

.table-mbt td {
    border: 1px solid #e0e0e0;
    border-width: 1px 0;
    border-top: 2px solid #639;
    height: 26px;
    font-size: 12px;
    color: #333;
    font-weight: 600;
    letter-spacing: -1px
}

.table-mbt th {
    border: 1px solid #e0e0e0;
    border-width: 1px 0
}

.bd_article_null p {
    text-align: center;
    font-size: 19px;
    line-height: 100px;
    color: #999
}

#qna-like-btn #LikeThisArticle .Like {
    width: 190px
}

#like-scrap #LikeThisArticle .Like a label::before {
    font-family: "Font Awesome 6 Pro";
    content: "\f004";
    font-size: 14px;
    font-weight: 400;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display,inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto
}

#like-scrap #LikeThisArticle .Like a label.LikeChecked::before, #like-scrap #LikeThisArticle .Like a label.LikeChecked + span, #like-scrap #LikeThisArticle .Like a label.LikeChecked + span + em {
    color: var(--color-700);
    font-weight: bold
}

#like-scrap #LikeThisArticle .Like a label.LikeChecked + span {
    font-weight: 600
}

#like-scrap {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#like-scrap > div {
    display: flex;
    gap: 20px;
    align-items: center
}

#like-scrap a, #like-scrap button {
    font-size: 14px;
    font-weight: 600;
    color: #999;
    display: flex;
    gap: 4px;
    align-items: center;
    line-height: 20px;
    cursor: pointer;
    font-family: inherit;
    justify-content: center;
    height: 42px;
    border-radius: 20px;
    box-sizing: border-box
}

#like-scrap button {
    appearance: none;
    background: none;
    border: 0
}

#like-scrap #LikeThisArticle a:hover, #like-scrap button:hover {
    color: var(--color-700);
    transition: all 0.2s
}

#like-scrap em {
    font-style: normal;
    font-weight: bold
}

#like-scrap .scrapped-article {
    color: var(--color-700)
}

#like-scrap .scrapped-article i {
    font-weight: bold
}

#WriterRelation {
    overflow: hidden;
    padding: 20px;
    border: 1px solid #EEE;
    border-width: 1px 0;
    background: #FFF;
    margin-top: 40px
}

#WriterRelation > div {
    float: left
}

#WriterRelation .WriterProfile {
    width: 350px
}

#WriterRelation .WriterProfile .prof_img {
    position: relative;
    float: left;
    width: 70px;
    height: 100px;
    text-align: center;
    margin-right: 20px
}

#WriterRelation .WriterProfile .prof_img a {
    margin-top: 7px;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important
}

#WriterRelation .WriterProfile .prof_img a.btn_following_ok:hover {
    color: #a075cc
}

#WriterRelation .WriterProfile .prof_img a.btn_following_cancel:hover {
    color: #FFF
}

#WriterRelation .WriterProfile .prof_img .vp_cover {
    display: none;
    position: absolute;
    top: 59px;
    right: -104px;
    width: 135px;
    text-align: center;
    padding-top: 20px;
    font-size: 11px
}

#WriterRelation .WriterProfile .prof_img .vp_cover > div {
    position: relative;
    background: #fff;
    z-index: 1;
    padding: 5px 0;
    font-weight: 600;
    color: #333;
    text-indent: 0;
    border: 1px solid #ddd;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    font-style: normal;
    cursor: pointer
}

#WriterRelation .WriterProfile .prof_img .vp_cover > div span {
    display: block;
    color: #0A63BC;
    font-weight: 600;
    border: 0;
    margin: 7px auto 0 auto;
    line-height: 14px
}

#WriterRelation .WriterProfile .prof_img .vp_cover > div > i {
    position: absolute;
    left: 10px;
    top: -7px;
    width: 13px;
    height: 7px;
    background: url(/images/user_menu_icon_arrow_top.png) no-repeat;
    z-index: 2
}

#WriterRelation .WriterProfile .prof_img span {
    display: block;
    width: 70px;
    line-height: 22px;
    color: #a075cc;
    border: 1px solid #a075cc;
    font-size: 12px;
    border-radius: 3px;
    margin-top: 5px
}

#WriterRelation .WriterProfile .prof_info {
    float: left;
    width: 260px
}

#WriterRelation .WriterProfile .prof_info .introduce {
    overflow: hidden;
    height: 40px;
    line-height: 20px;
    font-size: 12px;
    color: #545454;
    margin-top: 5px;
    word-break: break-all
}

#WriterRelation .WriterProfile .prof_info ul.items {
    overflow: hidden;
    margin-top: 10px
}

#WriterRelation .WriterProfile .prof_info ul li span {
    color: #e55757;
    padding-left: 5px;
    font-weight: 600
}

#WriterRelation .WriterProfile .prof_info ul li span em {
    font-style: normal;
    font-size: 11px;
    font-weight: 600
}

#WriterRelation .WriterProfile .prof_info ul li label {
    color: #939;
    font-weight: 600
}

#WriterRelation .WriterProfile .prof_info ul li.bar {
    position: relative;
    width: 224px;
    margin-top: 5px;
    background: url('https://cdn.ibos.kr/images/user_index_bar_border_bg.png');
    overflow: hidden;
    border-right: 1px solid #E0E0E0
}

#WriterRelation .WriterProfile .prof_info ul li.bar p {
    height: 4px;
    background: url('https://cdn.ibos.kr/images/user_index_bar_bg2.png') no-repeat
}

#WriterRelation .WriterProfile .prof_info ul li .wd0 {
    background: none!important;
    border-left: 1px solid #e0e0e0
}

#WriterRelation .WriterProfile .prof_info ul li .wd1 {
    background-position: 0 0px!important;
    width: 32px
}

#WriterRelation .WriterProfile .prof_info ul li .wd2 {
    background-position: 0 -4px!important;
    width: 64px
}

#WriterRelation .WriterProfile .prof_info ul li .wd3 {
    background-position: 0 -8px!important;
    width: 96px
}

#WriterRelation .WriterProfile .prof_info ul li .wd4 {
    background-position: 0 -12px!important;
    width: 128px
}

#WriterRelation .WriterProfile .prof_info ul li .wd5 {
    background-position: 0 -16px!important;
    width: 160px
}

#WriterRelation .WriterProfile .prof_info ul li .wd6 {
    background-position: 0 -20px!important;
    width: 192px
}

#WriterRelation .WriterProfile .prof_info ul li .wd7 {
    background-position: 0 -24px!important;
    width: 224px
}

#WriterRelation .RelationArticle {
    position: relative;
    width: 270px;
    padding-left: 20px;
    margin-left: 10px;
    border-left: 1px solid #f0f0f0
}

#WriterRelation .RelationArticle .more {
    position: absolute;
    top: 0;
    right: 0
}

#WriterRelation .RelationArticle .top {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #545454;
    padding-bottom: 7px
}

#WriterRelation .RelationArticle .cell a {
    position: relative;
    display: block;
    font-size: 13px;
    line-height: 26px;
    background: url('https://cdn.ibos.kr/images/new_dot.gif') no-repeat;
    background-position: 0px 8px;
    padding-left: 10px
}

#WriterRelation .RelationArticle .cell .cnt {
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 600;
    color: #e55757;
    font-size: 11px;
    font-family: Tahoma, serif
}

#WriterRelation .RelationArticle .cell .title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 30px 0 0
}

#WriterRelation .RelationArticle .cell .AB-LF-current-article {
    font-weight: 600;
    color: #939;
    background: none;
    padding-left: 0;
    text-decoration: underline
}

#related-writer-info {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding-top: 50px;
    height: 250px
}

#related-writer-info .in-writer-info {
    float: left;
    width: 300px;
    height: 250px;
    overflow: hidden;
    min-width: 300px;
    min-height: 250px;
    background: #F6F6F6;
    border-radius: 8px
}

#related-writer-info .writer-profile {
    float: left;
    height: 250px;
    border: 1px solid #E5E5E5;
    width: calc(100% - 312px);
    box-sizing: border-box;
    border-radius: 8px
}

#related-writer-info .prof-wrap {
    position: relative;
    border-bottom: 1px solid #EEE;
    padding: 10px 15px;
    height: 25px;
    display: flex;
    align-items: center
}

#related-writer-info .prof-wrap .writer-prof-img {
    margin-right: 4px;
    width: 20px;
    height: 20px;
    border-radius: 50%
}

#related-writer-info .prof-wrap .func {
    position: absolute;
    top: 11px;
    right: 15px
}

#related-writer-info .prof-wrap .func p {
    display: inline-block
}

#related-writer-info .prof-wrap .func a {
    display: inline-block;
    border: 1px solid #E0E0E0;
    width: auto;
    padding: 0 5px;
    color: #666;
    border-radius: 3px;
    text-align: center;
    margin-left: 5px;
    line-height: 22px
}

#related-writer-info .prof-wrap .func a:hover {
    color: #663399;
    border-color: #663399;
    background: #F9F9F9
}

#related-writer-info .prof-wrap .func .btn_following_cancel {
    border-color: #a075cc;
    color: #FFF
}

#related-writer-info .prof-wrap .func .btn_following_cancel:hover {
    background: #a075cc;
    color: #FFF
}

#related-writer-info .prof-wrap span {
    font-weight: bold;
    font-size: 16px;
    color: #333
}

#related-writer-info .prof-wrap label {
    font-size: 15px;
    color: #555
}

#related-writer-info .rel-wrap .cell a {
    display: flex;
    align-items: center;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 20px;
    justify-content: space-between
}

#related-writer-info .rel-wrap .cell a:hover .AB-LF-common {
    text-decoration: underline;
    color: var(--color-600);
    font-weight: 500
}

#related-writer-info .rel-wrap .cell a div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    max-width: calc(100% - 50px);
    width: 100%;
    gap: 4px
}

#related-writer-info .rel-wrap .cell a div + span {
    font-size: 13px;
    color: #999;
    letter-spacing: -0.5px
}

#related-writer-info .rel-wrap .cell .AB-LF-common {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 30px)
}

#related-writer-info .rel-wrap .cnt {
    font-weight: bold;
    color: var(--color-600);
    font-size: 12px;
    letter-spacing: -0.5px
}

#related-writer-info .related-article {
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px
}

#related-writer-info .related-article .blur-back {
    background: #EEE;
    height: 16px;
    margin: 12px 0px
}

#related-writer-info .related-comment {
    display: none
}

#related-writer-info .related-comment .cell a:hover span {
    text-decoration: underline;
    color: #663399
}

#related-writer-info .related-comment .cell a span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 4px
}

.AB-empty-value {
    background-color: #edfbff;
    outline: 1px solid #448AFF
}

.ABA-join-step ol {
    background: url("/template/DESIGN_shared/program/theme/01/icon_p_bg.gif") center center no-repeat;
    overflow: hidden;
    margin: 27px 0;
    padding-left: 18px
}

.ABA-join-step ol li {
    float: left;
    margin-left: 55px
}

.ABA-join-step ol li.AB-first {
    margin-left: 0 !important
}

.ABA-join-step ol li span {
    background: url("/template/DESIGN_shared/program/theme/01/icon_pross.gif") 0 0 no-repeat;
    display: block;
    width: 202px;
    height: 51px;
    text-indent: -9999px
}

.AB-join-01 {
    display: block
}

.AB-join-02 {
    display: none
}

.AB-space {
    line-height: 26px
}

.AB-space input {
    vertical-align: middle
}

.AB-color-e {
    color: #ff7200;
    font-weight: 600
}

.AB-bbs-wrap {
    position: relative
}

.ABA-list-title {
    width: 100%
}

.ABA-list-title th, .ABA-list-title td {
    background: url("/template/DESIGN_shared/program/theme/01/bg_list_title.gif") repeat-x #f0f0f0;
    text-align: center;
    font-weight: 600;
    color: #454545;
    border: 1px solid #e6e6e6;
    border-width: 1px 0;
    line-height: 20px
}

.ABA-content-box table .ABA-list-title tr:last-child th, .ABA-content-box table .ABA-list-title tr:last-child td {
    border-bottom: 1px solid #e6e6e6
}

.ABA-list-title th:first-child, .ABA-list-title td:first-child {
    border-radius: 4px 0 0 4px;
    border-left: 1px solid #e6e6e6
}

.ABA-list-title th:last-child, .ABA-list-title td:last-child {
    border-radius: 0 4px 4px 0;
    border-right: 1px solid #e6e6e6
}

.AB-text-indt {
    font-size: 0;
    text-indent: -1999px
}

.AB-btn-edit {
    background: url("/template/DESIGN_shared/program/theme/01/btn_edit.gif") 0 center no-repeat;
    display: block;
    width: 14px;
    height: 14px;
    margin-right: 4px
}

.AB-btn-del {
    background: url("/template/DESIGN_shared/program/theme/01/btn_del.gif") 0 center no-repeat;
    display: block;
    width: 14px;
    height: 14px
}

.ABA-list-body {
    width: 100%;
    border-collapse: collapse
}

.ABA-list-body td {
    text-align: center;
    color: #7a7a7a;
    border-bottom: 1px solid #ededed
}

.ABA-list-body td.AB-text-left {
    text-align: left;
    color: #454545
}

.ABA-list-body td.AB-text-left a {
    color: #454545
}

.AB-alignc {
    /*text-align: center;
    overflow: hidden*/
}

.AB-alignc a {
    color: #666;
    font-size: 12px;
    display: inline-block
}

.AB-alignc a img {
    vertical-align: middle
}

.ABA-list-btn {
    margin: 20px 0
}

.ABA-list-search {
    background: #f7f7f7;
    padding: 10px 0
}

.ABA-list-search a {
    display: inline-block;
    vertical-align: middle
}

.ABA-view-head {
    width: 100%;
    position: relative
}

.ABA-view-head strong {
    font-weight: 600;
    color: #454545;
    padding: 0 26px 0 25px
}

.AB-box-line {
    border-top: 1px solid #aaa
}

.AB-box-round {
    width: 2px;
    height: 2px;
    position: absolute
}

.AB-box-round-a {
    background: url("/template/DESIGN_shared/program/theme/01/bg_round01.gif") 0 0 no-repeat;
    top: -1px;
    left: -1px
}

.AB-box-round-b {
    background: url("/template/DESIGN_shared/program/theme/01/bg_round04.gif") 0 0 no-repeat;
    bottom: -1px;
    left: -1px
}

.AB-box-round-c {
    background: url("/template/DESIGN_shared/program/theme/01/bg_round02.gif") 0 0 no-repeat;
    top: -1px;
    right: -1px
}

.AB-box-round-d {
    background: url("/template/DESIGN_shared/program/theme/01/bg_round03.gif") 0 0 no-repeat;
    bottom: -1px;
    right: -1px
}

.AB-box-line-solid-a {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #fff;
    width: 80%;
    height: 0;
    font-size: 0;
    line-height: 0
}

.AB-box-line-solid-b {
    border: 1px solid #e5e5e5
}

.AB-box-line-solid-c {
    border-top: 1px solid #e5e5e5;
    height: 0;
    font-size: 0;
    line-height: 0
}

.AB-box-line-solid-d {
    border-top: 1px solid #bdc1c4;
    border-bottom: 1px solid #bdc1c4
}

.AB-box-line-solid-e {
    border-top: 1px solid #c0c3c6;
    padding-top: 1px
}

.AB-box-line-solid-g {
    border-bottom: 1px solid #bdc1c4
}

.ABA-tit-box {
    overflow: hidden;
    padding: 12px 0
}

.ABA-tit-box p {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0
}

.Article-subject .ABA-tit-box em {
    display: inline-block;
    height: 12px;
    background: #E0E0E0;
    width: 1px;
    margin: 0 10px;
    position: relative;
    top: 2px
}

.ABA-tit-box h1 {
    font-size: 14px;
    font-weight: 600
}

.ABA-tit-box h5 {
    float: left;
    word-wrap: break-word;
    font-weight: 600;
    width: 73%;
    font-size: 14px
}

.ABA-item-box {
    zoom:1;overflow: hidden
}

.ABA-item-box p {
    float: left;
    padding: 7px 0 11px;
    word-wrap: break-word
}

.ABA-info-box {
    overflow: hidden;
    padding: 8px 0 0 0
}

.ABA-info-box p {
    float: left;
    padding-bottom: 6px
}

.ABA-info-box strong {
    padding: 0 26px 0 25px
}

.ABA-file-head {
    border: solid #ccc;
    border-width: 1px 0
}

.ABA-file-head strong {
    line-height: 20px
}

.ABA-borad-view {
    border: 1px solid #E8E8E8;
    padding: 18px 14px 14px;
    position: relative
}

.ABA-board-vhead {
    border-bottom: 1px solid #E8E8E8;
    ;padding-bottom: 8px
}

.ABA-board-vhead .AB-view-info {
    float: left;
    margin: 0 0 0 13px;
    width: 540px;
    word-wrap: break-word
}

.ABA-board-vhead .AB-bg-qna {
    background: url("/template/DESIGN_shared/program/theme/01/bg_qna.gif") no-repeat scroll 9px 0 transparent;
    float: left;
    height: 52px;
    width: 53px
}

.ABA-board-vhead .AB-bg-qna01 {
    background-position: 9px -52px
}

.ABA-board-vhead .AB-view-info p {
    padding-top: 9px;
    line-height: 15px;
    position: relative
}

.ABA-board-vhead .AB-view-info p span:first-child {
    border-left: medium none;
    padding: 0 16px 0 0
}

.ABA-board-vhead .AB-view-info p span {
    border-left: 1px solid #ABABA9;
    display: inline-block;
    padding: 0 16px
}

.ABA-view-contents p.AB-view {
    line-height: 25px;
    padding: 17px 2px
}

.ABA-view-contents {
    line-height: 18px
}

.ABA-alignc {
    font-weight: bold;
    padding: 42px 0 17px;
    text-align: center
}

.alignc01 {
    font-weight: bold;
    padding: 0 0 42px;
    text-align: center
}

.AB-filedown {
    background: none repeat scroll 0 0 #F7F7F7;
    border: 1px solid #E5E5E5;
    height: 15px;
    margin: 10px 0;
    padding: 12px 0 14px 10px
}

.AB-filedown p, .AB-filedown01 p {
    color: #454545;
    font-weight: bold;
    height: 16px;
    line-height: 16px
}

.ABA-btns {
    height: 62px;
    overflow: hidden;
    padding: 20px 0
}

#AB_cmt_box_btn_first {
    color: #52A9E0 !important;
    float: left;
    font-weight: bold;
    margin-top: 3px
}

[id^="AB_cmt_box_btn_"] span {
    color: #FF6600;
    font-weight: bold
}

.ABA-btns .AB-fr {
    float: right;
    padding: 0 6px 0 0
}

#AB_sns_util_container {
    clear: both;
    margin-bottom: 30px;
    width: 193px;
    margin: 0 auto;
    margin-bottom: 30px
}

#AB_sns_util li {
    padding: 0 !important;
    border: 0 !important
}

.AB-qna {
    background: none repeat scroll 0 0 #F6F6F6
}

.ABA-btns-re {
    height: 30px;
    overflow: hidden;
    padding: 6px
}

.ABA-btns-re .AB-fr {
    float: right
}

.ABA-btns-re p {
    float: left
}

[id^="AB_cmt_box_btn_"] {
    color: #52A9E0 !important;
    font-weight: bold
}

.AB_cmt_box_btn {
    margin-bottom: 5px
}

.AB-etc {
    position: absolute;
    right: 4px;
    top: 16px;
    width: 125px
}

.AB-marking {
    float: none;
    position: relative;
    text-align: center;
    padding: 0 4px;
    display: inline-block
}

.AB-marking-p {
    font-size: 12px;
    font-weight: 600;
    color: #e82b2b;
    position: absolute;
    top: 11px;
    left: 46%
}

.AB-marking-m {
    font-size: 12px;
    font-weight: 600;
    color: #2b2ee8;
    position: absolute;
    top: 11px;
    left: 46%
}

.AB-recom {
    padding: 10px 0;
    margin: 0 auto;
    text-align: center
}

.AB-recom-h {
    height: 55px
}

#AB_sns_util li {
    float: left;
    margin-left: 5px
}

.ABA-filedown {
    background: #f7f7f7;
    padding: 10px 0 10px 31px
}

.ABA-filedown img {
    vertical-align: middle;
    margin: 0 3px
}

.ABA-filedown strong {
    color: #454545;
    font-weight: 600
}

.ABA-prev-nxt {
    padding: 10px 0;
    overflow: hidden;
    zoom:1}

.ABA-prev-nxt .AB-fl {
    float: left;
    word-wrap: break-word;
    width: 85%
}

.ABA-prev-nxt .AB-fl span {
    display: inline-block;
    text-align: center;
    font-weight: 600;
    padding: 0 20px
}

.ABA-prev-nxt .AB-fl span.AB-LF-common {
    font-weight: normal
}

.ABA-prev-nxt .AB-fr {
    float: right;
    margin-right: 35px
}

.ABA-view-btn {
    overflow: hidden;
    width: 100%;
    margin: 7px 0;
    zoom:1;_position: relative
}

.ABA-view-btn .AB-btn-fl {
    float: left
}

.ABA-view-btn .AB-btn-fr {
    float: right
}

.ABA-view-btn .AB-btn-fr a {
    margin-right: 4px
}

.AB-btn-fr a {
    vertical-align: middle;
    display: inline-block
}

.AB-btn-board-set {
    background: url("/template/DESIGN_shared/program/theme/01/btn_board_set.gif") 0 0 no-repeat;
    width: 52px ;
    height: 20px;
    text-indent: -9999px;
    display: block;
    font-size: 0;
    cursor: pointer
}

.AB-btn-board-set01 {
    background: url("/template/DESIGN_shared/program/theme/01/btn_board_set.gif") 0 0 no-repeat;
    position: relative;
    display: block;
    height: 22px;
    width: 56px ;
    font-size: 0;
    text-indent: 9999px;
    cursor: pointer
}

.AB-btn-board-set-pos-a {
    background-position: 0 0
}

.AB-btn-board-set-pos-b {
    background-position: 0 -63px
}

.AB-btn-board-set-pos-c {
    background-position: 0 -42px
}

.AB-btn-board-set-pos-d {
    background-position: 0 -21px
}

.AB-btn-board-set-pos-e {
    background-position: 0 -126px
}

.AB-btn-board-set-pos-f {
    background-position: 0 -83px
}

.AB-btn-board-set-pos-g {
    background-position: 0 -105px
}

.AB-btn-board-set-pos-h {
    background-position: 0 -173px
}

.AB-btn-board-set-pos-i {
    background-position: 0 -84px
}

.AB-btn-board-set-pos-j {
    background-position: 0 -194px;
    width: 101px
}

.AB-btn-board-set02 {
    background: url("/template/DESIGN_shared/program/theme/01/btn_board_set02.gif") 0 0 no-repeat;
    ;height: 25px;
    text-indent: -9999px;
    display: block;
    font-size: 0
}

.AB-btn-board-set03 {
    background: url("/template/DESIGN_shared/program/theme/01/btn_board_set02.gif") 0 0 no-repeat;
    position: relative;
    display: inline-block;
    border: 0;
    height: 25px;
    font-size: 0;
    cursor: pointer;
    vertical-align: bottom
}

.AB-btn-board-set02-pos-a {
    background-position: 0 0;
    width: 52px
}

.AB-btn-board-set02-pos-b {
    background-position: 0 -26px;
    width: 52px
}

.AB-btn-board-set02-pos-c {
    background-position: 0 -52px;
    width: 78px
}

.ABA-list-btn-non {
    margin: 10px 0 10px 0
}

.ABA-write-box .ABA-write-list {
    background: url("/template/DESIGN_shared/program/theme/01/bg_item.gif") 0 0 repeat-y;
    border-bottom: 1px solid #c0c3c6;
    padding-bottom: 1px
}

.ABA-write-box .ABA-write-list li:first-child {
    border-top: none
}

.ABA-write-box .ABA-write-list li {
    padding: 6px 0 6px 140px !important;
    border: none !important;
    position: relative
}

.ABA-write-box .ABA-write-list li.AB-line-d {
    background: url("/template/DESIGN_shared/program/theme/01/bg_wline01.gif") 0 bottom repeat-x
}

.ABA-write-box .ABA-write-list .AB-opt ul {
    margin: 0 !important
}

.ABA-write-box .ABA-write-list .AB-opt li {
    border: none;
    padding: 5px 0 0 0 !important
}

.ABA-write-box .ABA-write-list .AB-opt li * {
    font-size: 11px;
    color: #656565
}

.ABA-write-box .ABA-write-list label {
    vertical-align: middle
}

.ABA-write-box .ABA-write-list label.AB-label-c {
    position: absolute;
    top: 8px;
    left: 21px;
    _left: -120px;
    font-size: 12px;
    color: #454545;
    font-weight: 600;
    background: url("/template/DESIGN_shared/program/theme/01/icon_dot.gif") 0 center no-repeat;
    padding-left: 11px
}

.ABA-write-box .ABA-write-list label.AB-label-a {
    position: absolute;
    top: 146px;
    left: 21px;
    _left: -120px;
    font-size: 12px;
    color: #454545;
    font-weight: 600;
    background: url("/template/DESIGN_shared/program/theme/01/icon_dot.gif") 0 center no-repeat;
    padding-left: 11px
}

.ABA-write-list a {
    display: inline-block;
    vertical-align: middle
}

.ABA-write-list .AB-btn-sumit {
    background: url("/template/DESIGN_shared/program/theme/01/btn_input01.gif") 0 0 no-repeat;
    width: 102px;
    height: 19px;
    text-indent: -9999px;
    display: block;
    margin: 0 3px
}

.ABA-write-list .AB-pos-inputbtn-1-1 {
    background-position: 0 -40px;
    width: 112px
}

.ABA-write-list .AB-pos-inputbtn-1-3 {
    background-position: 0 0;
    width: 112px
}

.ABA-write-list .AB-pos-inputbtn-1-4 {
    background-position: 0 -60px
}

.ABA-write-list .AB-pos-inputbtn-1-5 {
    background-position: 0 -80px;
    width: 51px
}

.ABA-write-box .ABA-write-list li input[type="file"] {
    border: 1px solid #d6d6d6
}

.AB-file-line {
    border: 1px solid #d6d6d6 !important;
    height: 18px;
    line-height: 18px
}

.ABA-bbs-wrap {
    position: relative
}

.ABA-bbs-wrap input[type="radio"] {
    vertical-align: middle;
    margin: 0 4px 3px 5px
}

.ABA-bbs-wrap input[type="checkbox"] {
    vertical-align: middle;
    margin: 0 4px 3px 5px
}

.AB-inputbox-type-c {
    border: 1px solid #d6d6d6;
    line-height: 18px;
    height: 18px;
    vertical-align: middle
}

textarea {
    font-size: 12px;
    color: #35363a
}

.AB-scach-list {
    vertical-align: middle
}

.AB-text {
    border: 1px solid #d6d6d6;
    line-height: 18px;
    height: 18px;
    vertical-align: middle
}

.AB-radio {
    vertical-align: middle;
    margin: 0 3px 3px 5px;
    cursor: pointer
}

.sponsor_check {
    cursor: pointer
}

.AB-checkbox {
    vertical-align: middle;
    margin: 0 3px 3px 5px
}

.AB-select {
    vertical-align: middle
}

.AB-textarea {
    border: 1px solid #d6d6d6;
    line-height: 18px;
    vertical-align: middle;
    color: #35363a
}

.AB-text-money {
    font-family: "verdana";
    font-size: 12px;
    color: #666666;
    border: none;
    text-decoration: none;
    height: 18px;
    line-height: 17px;
    padding: 0px 3px 0px 3px;
    background-color: transparent
}

.AB-text-money-emp {
    font-family: "verdana";
    font-size: 15px;
    font-weight: 600;
    color: #666666;
    border: none;
    text-decoration: none;
    height: 18px;
    line-height: 17px;
    padding: 0px 3px 5px 3px;
    background-color: transparent;
    text-align: right
}

.AB-width-a {
    width: 418px
}

.AB-width-b {
    width: 184px
}

.AB-width-c {
    width: 95px
}

.AB-width-d {
    width: 145px
}

.ABA-board-btn {
    margin-top: 10px
}

.ABA-gally-wrap {
    width: 100%;
    overflow: hidden
}

.ABA-gally-wrap .ABA-album-thumb {
    float: left;
    line-height: 22px;
    _display: inline;
    white-space: nowrap
}

.ABA-thumb {
    padding: 4px;
    display: inline-block
}

.AB-rbox-line-c {
    border: 1px solid #dadada;
    background: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.AB-color-gray {
    color: #999999;
    letter-spacing: 1px;
    line-height: 23px
}

.AB-color-gray a {
    line-height: normal
}

.AB-edit {
    text-align: center
}

.AB-edit a {
    display: inline-block;
    vertical-align: middle;
    padding: 0 2px
}

.AB-submit-btn {
    background: url("/template/DESIGN_shared/program/theme/01/btn_edit01.gif") 0 0 no-repeat;
    width: 39px;
    height: 18px;
    display: block;
    text-indent: -9999px;
    font-size: 0
}

.AB-pos-submit-btn-1-4 {
    background-position: 0 0
}

.AB-pos-submit-btn-1-5 {
    background-position: 0 -18px
}

.AB-pos-submit-btn-1-6 {
    background-position: 0 -39px;
    width: 14px
}

.AB-pos-submit-btn-1-7 {
    background-position: 0 -57px;
    width: 14px
}

.AB-idpasswrite {
    display: none
}

.ABA-user-wrap {
    padding: 10px
}

.AB-tit-use {
    background: url("/template/DESIGN_shared/program/theme/01/icon_tit01.gif") 5px 0px no-repeat !important;
    padding-left: 23px;
    margin-bottom: 12px;
    zoom:1;height: 13px
}

.AB-tit-use span {
    font-weight: 600
}

.AB-text-use03,.AB-text-use02,.AB-text-use01 {
    font-weight: 600
}

.AB-text-use {
    background: url("/template/DESIGN_shared/program/theme/01/tit_text01.gif") 0 0 no-repeat !important;
    text-indent: -1999px;
    font-size: 0;
    height: 14px
}

.AB-text-agree {
    border: 1px solid #d6d6d6;
    margin: 8px 0;
    overflow: auto;
    height: 180px
}

.bx h3 {
    background: none;
    padding: 0;
    font-weight: normal;
    font-size: 13px !important;
    margin-left: 0px !important
}

.AB-tit-use h3 {
    background: none;
    padding: 0
}

.AB-chk {
    font-size: 11px;
    color: #666666
}

.AB-alignr input ,.AB-upsw-save input {
    vertical-align: middle
}

.AB-alignr {
    text-align: right
}

.AB-line-c {
    border-top: 1px solid #c0c0c0
}

.ABA-rep-wrap {
    padding-top: 23px
}

.ABA-rep-inbox .cmt_w_tit {
    font-size: 18px;
    font-weight: 600;
    color: #666;
    padding: 5px 12px
}

.ABA-rep-inbox .cmt_w_tit em {
    font-size: 12px;
    color: #ff9933;
    padding-left: 20px;
    font-style: normal
}

.ABA-rep-inbox .AB-line-c {
    border-color: #E0E0E0
}

.AB-cmt-view {
    position: relative;
    border-top: 1px dotted #EAEAEA;
    padding: 24px 0;
    display: flex;
    align-items: flex-start
}

.AB-cmt-view .edit, .AB-cmt-view .delete {
    margin-left: 10px;
    float: right
}

.AB-cmt-view .prof_img img {
    width: 26px;
    height: 26px;
    margin-right: 10px
}

.AB-cmt-view .writer {
    font-weight: bold;
    color: #000;
    font-size: 16px;
    line-height: 20px
}

.AB-cmt-view .writer.emptyUser {
    color: #999
}

.AB-cmt-view .ctrl_cmt {
    position: absolute;
    top: 5px;
    right: 0
}

.AB-cmt-view .ctrl_cmt img.btn_edit {
    padding: 7px;
    cursor: pointer;
    position: relative;
    z-index: 9
}

.AB-cmt-view .ctrl_cmt img.btn_edit:active {
    margin-top: 2px
}

.AB-cmt-view .ctrl_cmt .ctrl_layer {
    display: none;
    position: absolute;
    right: 12px;
    top: 30px;
    z-index: 10;
    width: fit-content;
    padding: 8px 0;
    font-size: 14px;
    letter-spacing: -0.4px;
    color: #000;
    border: 1px solid rgba(17, 23, 29, 0.1);
    background-color: #FFF;
    box-shadow: 1px 3px 8px rgba(17, 23, 29, 0.1);
    border-radius: 6px
}

.AB-cmt-view .ctrl_cmt .ctrl_layer span, .AB-cmt-view .ctrl_cmt .ctrl_layer a {
    display: flex;
    height: 40px;
    align-items: center;
    padding: 0 16px;
    width: 100%;
    box-sizing: border-box;
    color: #555;
    gap: 8px;
    min-width: max-content
}

.AB-cmt-view .ctrl_cmt .ctrl_layer a:hover {
    background-color: #F2F2F8
}

.AB-cmt-view .ctrl_cmt .bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9
}

.comment_writer {
    position: relative
}

.comment_writer > div {
    display: flex;
    align-items: center;
    height: 28px
}

.comment_writer .device {
    margin-left: 15px
}

.AB-cmt {
    padding: 12px 0;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0;
    color: #333;
    overflow-wrap: break-word;
    word-break: break-all
}

.AB-cmt a {
    color: #1583FD
}

.AB-cmt a:hover {
    text-decoration: underline
}

.AB-rep-id01 {
    background: url("/template/DESIGN_shared/program/theme/01/icon_rep.gif") 4px 11px no-repeat;
    font-weight: 600;
    color: #454545;
    padding: 10px 13px 0px 18px
}

.AB-rep-date {
    color: #999;
    font-size: 12px
}

.comment_writer .AB-rep-date {
    cursor: default
}

.comment_writer p.prof_img {
    position: relative
}

.comment_writer .cmt_usr_comp {
    padding-right: 6px
}

.comment_writer .cmt_usr_comp a {
    font-size: 12px;
    color: #888
}

.comment_writer .cmt_usr_comp a:hover {
    text-decoration: underline;
    color: #888
}

.comment_writer .comp_opt {
    position: relative;
    top: 10px;
    margin-right: 6px
}

.comment_writer .comp_opt a {
    display: block;
    width: 14px;
    height: 14px;
    background: url('https://cdn.ibos.kr/images/profile_icon_set.png') -160px 40px;
    text-indent: -999em
}

.comment_writer .comp_opt.public a {
    background-position: -140px 40px
}

.comment_writer .writerComment {
    background: #cfe2ff;
    color: rgba(5, 44, 101, 0.8);
    font-size: 12px;
    line-height: 1;
    border-radius: 30px;
    text-align: center;
    margin: 0px 8px;
    font-weight: 600;
    padding: 0.35em 0.65em
}

.comment_writer .bd_R30.bstip.meetup {
    color: #15a6ff;
    border-color: #15a6ff
}

.AB-rep-editbtn {
    position: absolute;
    right: 0;
    top: 16px !important
}

.AB-rep-editbtn a {
    font-size: 11px;
    color: gray;
    margin-right: 6px;
    border: 1px solid #EAEAEA;
    padding-bottom: 7px;
    background-color: #fdfdfd
}

.AB-rep-editbtn a img {
    vertical-align: text-top
}

.AB-rep-editbtn a span {
    display: inline-block;
    margin: 0 1px 0 2px;
    font-family: Tahoma, serif;
    font-size: 12px;
    font-weight: 600;
    padding-right: 5px;
    position: relative;
    top: 5px
}

.AB-rep-editbtn a.btn_vote_p {
    display: inline-block;
    background: url('https://cdn.ibos.kr/images/rec_bt_up1.png') #FFF 7px center no-repeat;
    text-align: right;
    padding: 0 !important;
    color: #e55757
}

.AB-rep-editbtn a.btn_vote_p span {
    margin: 0 0 0 20px;
    line-height: 20px;
    position: static;
    padding: 0 5px
}

.AB-rep-editbtn a.btn_vote_p.-VPC {
    background: url('https://cdn.ibos.kr/images/rec_bt_up1.png') #f93 no-repeat;
    background-position: 7px center;
    color: #fff;
    border: 1px solid #f93
}

.AB-rep-editbtn a.btn_vote_m {
    display: inline-block;
    background: url('https://cdn.ibos.kr/images/rec_bt_down1.png') #FFF 7px center no-repeat;
    text-align: right;
    padding: 0 !important;
    color: #999
}

.AB-rep-editbtn a.btn_vote_m span {
    margin: 0 0 0 20px;
    line-height: 20px;
    position: static;
    padding: 0 5px
}

.AB-rep-editbtn a.btn_vote_m.-VMC {
    background: url('https://cdn.ibos.kr/images/rec_bt_down1.png') #f7f7f7 no-repeat;
    background-position: 7px center;
    color: #888;
    border: 1px solid #eaeaea
}

.AB-cmt-box {
    padding-right: 71px;
    position: relative
}

.AB-width-e {
    width: 92%
}

div[id^="AB_cmt_reply_form"] .comment_btn {
    right: 10px
}

div[id^="AB_cmt_reply_form"] .AB-btn-resize {
    right: 10px
}

.AB-btn-resize {
    position: absolute;
    right: 2px;
    top: 55px;
    _right: 15px
}

[class^="AB_cmt_reply_depth"] .AB-cmt-input-wrap,.AB-cmt .AB-cmt-input-wrap {
    border: none;
    background: none;
    margin: 0;
    padding: 0
}


#Comment_vf_wrapBox .device {
    padding-bottom: 10px
}

.AB_cmt_reply_depth_1 {
    padding-left: 45px;
    background: url("/images/icon_rep01.png") #fcfcfc 10px 20px no-repeat
}

.AB_cmt_reply_depth_2 {
    padding-left: 75px;
    background: url("/images/icon_rep01.png") #fcfcfc 45px 20px no-repeat
}

.AB_cmt_reply_depth_3 {
    padding-left: 105px;
    background: url("/images/icon_rep01.png") #fcfcfc 75px 20px no-repeat
}

.AB_cmt_reply_depth_4 {
    padding-left: 135px;
    background: url("/images/icon_rep01.png") #fcfcfc 105px 20px no-repeat
}

.AB_cmt_reply_depth_5 {
    padding-left: 165px;
    background: url("/images/icon_rep01.png") #fcfcfc 135px 20px no-repeat
}

.AB_cmt_reply_depth_6 {
    padding-left: 195px;
    background: url("/images/icon_rep01.png") #fcfcfc 165px 20px no-repeat
}

.AB_cmt_reply_depth_7 {
    padding-left: 225px;
    background: url("/images/icon_rep01.png") #fcfcfc 195px 20px no-repeat
}

.ABA-state-wrap {
    width: 474px;
    margin: 20px auto
}

.ABA-state-head {
    height: 98px;
    width: 368px;
    margin: 0 auto 15px
}

.ABA-state-body {
    background: url("/template/DESIGN_shared/program/theme/01/bg_login_box02.gif") 0 bottom no-repeat;
    padding-bottom: 30px;
    margin-bottom: 20px
}

.ABA-state-box {
    background: url("/template/DESIGN_shared/program/theme/01/bg_login_box01.gif") 0 0 no-repeat;
    padding-top: 30px
}

.ABA-login-box {
    width: 333px;
    margin: 0 auto;
    position: relative
}

.ABA-login-box:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.ABA-login-box p ,.ABA-find-box p {
    line-height: 24px
}

.ABA-state-box p.AB-uid label {
    font-weight: 600;
    width: 65px;
    display: inline-block
}

.ABA-state-box p.AB-upsw label {
    font-weight: 600;
    width: 65px;
    display: inline-block
}

.AB-upsw select {
    vertical-align: middle
}

.AB-sumit-login {
    position: absolute;
    width: 75px;
    height: 44px;
    top: 2px;
    right: 34px
}

.AB-sumit-login .AB-btn {
    background: url("/template/DESIGN_shared/program/theme/01/btn_login.gif") 0 0 no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    cursor: pointer
}

.ABA-find-box {
    width: 435px;
    margin: 0 auto;
    position: relative
}

.AB-input-c, .AB-input-d, .AB-input-e {
    border: 1px solid #d6d6d6;
    line-height: 18px;
    height: 18px;
    vertical-align: middle
}

.AB-input-c {
    width: 177px
}

.AB-input-d {
    width: 120px
}

.AB-input-e {
    width: 100px
}

.AB-upsw-save,.AB-idpass-send {
    text-align: center;
    margin-top: 15px
}

.AB-upsw-save label,.AB-idpass-send label {
    font-size: 11px;
    color: #666666;
    margin-right: 10px
}

.AB-overlap-id {
    color: red;
    text-align: center
}

.AB-overlap-id strong {
    font-weight: 600;
    color: red
}

.AB-overlap-serch {
    background: #ff7d14;
    text-align: center;
    height: 35px;
    line-height: 35px;
    width: 422px;
    margin: 17px auto
}

.AB-overlap-serch label {
    vertical-align: sub;
    color: #fff;
    font-weight: 600
}

.AB-overlap-serch a {
    display: inline-block;
    width: 52px;
    height: 20px;
    vertical-align: middle
}

.AB-overlap-serch span {
    background: url("/template/DESIGN_shared/program/theme/01/btn_serch01.gif") 0 0 no-repeat;
    display: block;
    width: 100%;
    heighT: 100%;
    text-indent: -9999px
}

.AB-overlap-serch span.AB-serch-pos-1 {
    background-position: 0 0
}

.AB-overlap-serch span.AB-serch-pos-2 {
    background-position: 0 -20px
}

.AB-waring {
    line-height: 18px;
    padding: 0 0 0 11px
}

.AB-waring li {
    font-size: 11px;
    color: #666666
}

.AB-tit-wrap {
    display: none
}

.AB-edit-btn {
    display: none
}

.AB-login {
    display: none
}

.AB-join {
    display: none
}

.AB-idpass {
    display: none
}

.AB-tit-txt-box {
    background: url("/template/DESIGN_shared/program/theme/01/bg_login_box.gif") 0 0 no-repeat;
    padding: 17px 0 0 106px
}

.AB-bg-login-pos-2 {
    background-position: 0 -104px
}

.AB-bg-login-pos-3 {
    background-position: -7px -203px
}

.AB-tit-txt-box p {
    margin-bottom: 9px
}

.AB-bg-tit span {
    background: url("/template/DESIGN_shared/program/theme/01/text_box_tit01.gif") 0 0 no-repeat;
    height: 29px;
    display: block;
    text-indent: -9999px;
    font-size: 0
}

.AB-bg-tit .AB-tit-pos-02 {
    background-position: 0 -38px
}

.AB-bg-tit .AB-tit-pos-03 {
    background-position: 0 -79px
}

.AB-bg-tit .AB-tit-pos-04 {
    background-position: 0 -116px;
    height: 33px
}

.AB-bg-tit .AB-tit-pos-05 {
    background-position: 0 -154px;
    height: 33px
}

.AB-bg-process span {
    background: url("/template/DESIGN_shared/program/theme/01/text_box_tit02.gif") 0 0 no-repeat;
    height: 18px;
    display: block;
    text-indent: -9999px;
    font-size: 0
}

.AB-bg-process .AB-process-pos-02 {
    background-position: 0 -121px
}

.AB-bg-process .AB-process-pos-03 {
    background-position: 0 -31px
}

.AB-bg-process .AB-process-pos-04 {
    background-position: 0 -61px
}

.AB-bg-process .AB-process-pos-05 {
    background-position: 0 -90px
}

.AB-bg-explan span {
    background: url("/template/DESIGN_shared/program/theme/01/text_box_tit03.gif") 0 0 no-repeat;
    height: 12px;
    display: block;
    text-indent: -9999px;
    font-size: 0
}

.AB-bg-explan .AB-explan-pos-02 {
    background-position: 0 -29px
}

.AB-bg-explan .AB-explan-pos-03 {
    background-position: 0 -61px
}

.AB-bg-explan .AB-explan-pos-04 {
    background-position: 0 -90px
}

.AB-bg-explan .AB-explan-pos-05 {
    background-position: 0 -118px;
    width: 314px;
    height: 33px
}

.AB-btn-menber {
    background: url("/template/DESIGN_shared/program/theme/01/btn_menber.gif") 0 0 no-repeat;
    display: block !important;
    text-indent: -9999px;
    font-size: 0 !important;
    height: 11px;
    width: 130px
}

.AB-serch {
    background: url("/template/DESIGN_shared/program/theme/01/btn_menber.gif") 0 -13px no-repeat;
    display: block !important;
    text-indent: -9999px;
    font-size: 0 !important;
    height: 11px
}

.AB-join-wrap {
    width: 164px;
    float: left;
    margin-left: 72px;
    _height: 11px;
    overflow: hidden
}

.AB-find-wrap {
    width: 164px;
    float: left;
    _height: 11px;
    overflow: hidden
}

.AB-faq-head , .AB-faq-q {
    width: 100%;
    overflow: hidden;
    position: relative
}

.AB-faq-head {
    background: #f0f0f0;
    border: 1px solid #ddd !important;
    border-width: 1px 0 !important;
    height: 36px;
    line-height: 20px
}

.AB-faq-q {
    border-bottom: 1px solid #ededed
}

.AB-faq-head p ,.AB-chk01,.AB-selected01,.AB-sjt01,.AB-qna-edit01 {
    float: left;
    font-weight: 600;
    text-align: center
}

.AB-faq-head p {
    line-height: 35px
}

.AB-selected {
    width: 124px
}

.AB-selected01 {
    width: 124px;
    color: #4794c0 ;
    font-weight: normal !important;
    padding: 11px 0
}

.AB-qna-edit {
    float: right !important;
    width: 40px;
    padding-right: 6px
}

.AB-qna-edit a {
    display: inline-block
}

.AB-qna-edit01 {
    float: right !important;
    width: 40px;
    padding: 15px 3px 0 0
}

.AB-qna-edit01 a {
    display: block;
    float: left;
    overflow: hidden
}

.AB-sjt {
    width: 70%;
    padding-left: 22px
}

.AB-sjt01 {
    text-align: left !important;
    word-wrap: break-word;
    color: #666666;
    font-weight: normal !important;
    cursor: pointer;
    background: url("/template/DESIGN_shared/program/theme/01/icon_q.gif") 5px 12px no-repeat;
    padding: 13px 0 11px 27px
}

.AB-sjt02 a {
    background: url("/template/DESIGN_shared/program/theme/01/icon_q1.gif") no-repeat 2px 5px;
    padding: 3px 0 3px 22px;
    line-height: 17px;
    display: block
}

.AB-sjt02 a:hover {
    background: url("/template/DESIGN_shared/program/theme/01/icon_q1_over.gif") no-repeat 2px 5px
}

.AB-sjt01 img {
    vertical-align: middle
}

.AB-chk {
    padding: 0 0 0 14px
}

.AB-chk01 {
    padding: 13px 0 0 14px
}

.AB-chk input {
    vertical-align: middle
}

.AB-faq-a {
    color: #888888;
    font-weight: normal;
    line-height: 20px;
    text-align: left;
    padding: 11px 19px 10px 84px;
    background: #f7f7f7 url("/template/DESIGN_shared/program/theme/01/icon_a.gif") 62px 12px no-repeat;
    border-top: 1px solid #EDEDED
}

.AB-faq-lst {
    overflow: hidden
}

.AB-LF-notice {
    display: flex;
    align-items: center
}

.AB-LF-notice img {
    vertical-align: text-top;
    width: 12px;
    height: 11px
}

.AB-bbs-btnedit {
    border: 1px solid #d9d9d9;
    margin: 20px 0
}

.AB-tit-box {
    overflow: hidden;
    background: url("/template/DESIGN_shared/program/theme/01/bg_edit.gif") 0 0 repeat-x;
    height: 29px;
    line-height: 29px;
    border-bottom: 1px solid #d9d9d9
}

.AB-tit-box p {
    float: left;
    color: #808080
}

.AB-bbs-tit {
    font-weight: 600;
    width: 107px;
    text-align: center
}

.AB-waring {
    color: red
}

.AB-bbs-move {
    overflow: hidden;
    margin: 10px;
    border: 1px solid #d9d9d9;
    padding: 0 5px ;
    background: #f6f6f7
}

.AB-movechk {
    float: left;
    padding: 6px 20px 4px 8px
}

.AB-movechk select ,.AB-movechk label {
    vertical-align: middle
}

.AB-bbs-move input ,.AB-bbs-move img {
    vertical-align: middle
}

.AB-mov-c {
    width: 50px
}

.AB-mov-d {
    width: 95px
}

.AB-mov-d .ui-datepicker-trigger {
    margin: 0 0 0 2px !important
}

.ABA-map-wrap {
    width: 100%;
    margin-top: 15px
}

.ABA-map-wrap ul:first-child {
    overflow: hidden;
    width: 100%
}

.ABA-map-wrap ul .AB-tit-site {
    float: left;
    width: 221px;
    margin: 0 17px 20px;
    min-height: 200px;
    _height: 200px;
    display: inline
}

.ABA-map-wrap ul .AB-tit-site h4 {
    font-weight: 600
}

.ABA-map-wrap ul .AB-tit-site ul {
    padding: 8px 0 10px 0;
    background: #fcfcfc
}

.ABA-map-wrap ul .AB-tit-site ul li ul {
    padding: 0 0 0 30px
}

.AB-width {
    width: 278px !important
}

.ABA-map-wrap .ABA-list-wrap {
    float: left;
    width: 255px
}

.ABA-map-wrap .ABA-list-wrap ul.AB-site-list {
    margin: 23px 42px 0 42px
}

.ABA-map-wrap h4 {
    background: url("/template/DESIGN_shared/program/theme/01/icon_sitemap.gif") 10px 5px no-repeat !important;
    border-bottom: 5px solid #eee;
    padding: 0 0 7px 22px !important
}

.ABA-map-wrap h4 a {
    font-size: 14px !important;
    color: #666666
}

.ABA-map-wrap h5 {
    background: none;
    height: 24px;
    padding-left: 24px;
    line-height: 24px
}

.ABA-map-wrap h5 a {
    color: #808080
}

.ABA-map-wrap h6 {
    height: 18px;
    padding: 0 0 0 10px;
    font-weight: normal;
    line-height: 18px;
    background: url("/template/DESIGN_shared/program/theme/01/left_icon01.gif") 0 45% no-repeat
}

.ABA-map-wrap h6 a {
    color: #969696;
    font-size: 11px
}

.AB-border-non {
    border: none !important
}

#ABA-wrap {
    padding: 0 18px;
    letter-spacing: -1px
}

#ABA-wrap h4 {
    background: url('/template/DESIGN_shared/program/theme/01/title_hc.jpg') 0 0 no-repeat;
    width: 775px;
    height: 110px;
    text-indent: -9999px;
    font-size: 0;
    margin-bottom: 22px
}

#ABA-wrap p {
    margin-bottom: 10px
}

#ABA-wrap h5 {
    background: url('/template/DESIGN_shared/program/theme/01/icon_01.jpg') left center no-repeat;
    text-indent: 15px;
    margin-bottom: 9px
}

.blue {
    color: #3c75c4
}

.blue2 {
    color: #5d75cb;
    font-weight: 600
}

.red {
    color: #d51c1c
}

.pink {
    color: #d24d82
}

.bold {
    font-weight: 600
}

.b1 {
    font-size: 15px;
    font-weight: 600
}

.AB-a {
    border-top: 1px solid #e1dfdf;
    margin-top: 1px;
    background-color: #f6f6f6;
    margin-bottom: 1px;
    border-bottom: 1px solid #e1dfdf;
    padding: 9px 43px;
    margin-bottom: 6px
}

.AB-b {
    border-top: 1px solid #e1dfdf;
    margin-top: 1px;
    background-color: #d7e4ee;
    margin-bottom: 1px;
    border-bottom: 1px solid #e1dfdf;
    padding: 9px 43px;
    margin-bottom: 25px
}

.AB-c {
    background: url('/template/DESIGN_shared/program/theme/01/icon_01.jpg') left center no-repeat;
    text-indent: 15px;
    margin-bottom: 5px;
    color: #d24d82;
    font-weight: 600
}

.AB-d {
    padding: 0 15px;
    margin-bottom: 17px
}

.t1 {
    margin-bottom: 30px;
    border: none
}

.t1 strong {
    font-weight: 600
}

.t1 line {
    text-decoration: line-through
}

.t1 .bgline01 {
    background: url('/template/DESIGN_shared/program/theme/01/bg_td1.gif') 0 0 repeat-x
}

.t1 .bgline02 {
    background: url('/template/DESIGN_shared/program/theme/01/bg_td2.gif') 0 0 repeat-x
}

.t1 .bgline03 {
    background: url('/template/DESIGN_shared/program/theme/01/bg_td3.gif') 0 0 repeat-x
}

.t1 .bgline04 {
    background: url('/template/DESIGN_shared/program/theme/01/bg_td4.gif') 0 0 repeat-x
}

.t1 td {
    padding: 0 32px
}

#ABA-wrap .img {
    width: 189px;
    height: 162px;
    float: right
}

.AB-text-use01 {
    margin-left: 1px !important
}

.AB-text-use02 {
    margin-left: 1px !important
}

.AB-head-btnset {
    padding: 15px 0 5px 0;
    position: relative;
    height: 23px;
    text-align: right
}

.AB-head-btnset:after {
    content: " ";
    height: 0;
    display: block;
    clear: both;
    visibility: hidden
}

.ABA-sumit a {
    display: inline-block;
    margin: 0 2px;
    overflow: hidden;
    vertical-align: middle
}

.ab-rss {
    background: url('/template/DESIGN_shared/program/theme/01/images_rss2.gif') 0 0 no-repeat;
    width: 54px;
    height: 19px;
    position: absolute;
    right: 0;
    top: 16px
}

.ab-rss a {
    display: block;
    width: 100%;
    height: 19px;
    text-indent: -9999px;
    font-size: 0
}

.AB-input-c, .AB-input-id, .AB-input-pass, .AB-input-name {
    border: 1px solid #d6d6d6;
    line-height: 20px;
    height: 20px;
    vertical-align: middle
}

.AB-LF-current-article {
    font-weight: 600;
    color: #1d2450;
    background: url("/template/DESIGN_shared/program/theme/01/icon_allow04.gif") 0 8px no-repeat;
    padding-left: 16px;
    background-position: 8px center
}

.AB-comm {
    font-weight: bold;
    color: var(--color-600);
    padding-left: 6px;
    font-size: 12px;
    flex: none;
    letter-spacing: -0.5px
}

.AB-rep {
    font-weight: 600;
    padding-left: 5px ;
    color: #D48C55;
    font-size: 11px
}

.AB-inline {
    vertical-align: middle;
    display: inline-block;
    overfloW: hidden
}

.ABA-sfaq-head {
    position: relative;
    height: 35px;
    padding: 0 7px;
    background: url("/template/DESIGN_shared/program/theme/01/bg_faq_head.gif") repeat-x scroll 0 -72px transparent
}

.AB-sround-left01 {
    background: url("/template/DESIGN_shared/program/theme/01/bg_faq_head.gif") no-repeat scroll 0 -1px transparent;
    height: 35px;
    left: 0;
    position: absolute;
    top: 0;
    width: 7px
}

.AB-sround-right01 {
    background: url("/template/DESIGN_shared/program/theme/01/bg_faq_head.gif") no-repeat scroll 0 -36px transparent;
    height: 35px;
    right: 0;
    position: absolute;
    top: 0;
    width: 7px
}

.ABA-sfaq-head td {
    height: 32px;
    text-align: center
}

.ABA-sfaq-set td {
    border-bottom: 1px solid #EDEDED;
    padding: 12px 0;
    text-align: center
}

.AB-sfaq-a {
    background: #F7F7F7;
    border-bottom: 1px solid #EDEDED;
    color: #888888;
    font-weight: normal;
    line-height: 20px;
    padding: 10px 5px 10px 10px;
    text-align: left
}

.AB-fsjt01 {
    float: left
}

.ABA-sfaq-set div.a {
    font-weight: normal
}

#AB-contents {
    width: 625px;
    height: 48px
}

#MOD_category_1 {
    margin-left: 3px
}

.AB-button.AB-btn-thema button,.AB-button.AB-btn-thema a:hover {
    color: #FFFF00
}

.AB-button.AB-bgimg-pos04 button,.AB-button.AB-bgimg-pos04 a {
    color: #666 !important
}

.AB-button.AB-btn-thema, .AB-button.AB-btn-thema button, .AB-button.AB-btn-thema a {
    background-image: url("/template/DESIGN_shared/program/theme/01/button_lst.gif");
    color: #fff
}

.AB-button {
    height: 20px;
    line-height: 20px;
    margin-right: 2px !important;
    padding: 0;
    vertical-align: middle
}

.AB-button button,.AB-button a {
    background-position: right top;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding: 0 10px 0 8px
}

.AB-button,.AB-button button,.AB-button a {
    border: 0 none;
    display: inline-block;
    font-size: 12px;
    margin: 0;
    overflow: visible;
    position: relative;
    text-decoration: none !important;
    white-space: nowrap;
    font-weight: 600
}

.AB-button button,.AB-button a {
    cursor: pointer;
    left: 2px;
    vertical-align: top
}

.AB-button.AB-bgimg-pos01 {
    background-position: left 0
}

.AB-button.AB-bgimg-pos02 {
    background-position: left -30px
}

.AB-button.AB-bgimg-pos03 {
    background-position: left -60px
}

.AB-button.AB-bgimg-pos04 {
    background-position: left -90px
}

.AB-button.AB-bgimg-pos05 {
    background-position: left -121px
}

.AB-button.AB-bgimg-pos06 {
    background-position: left -151px
}

.AB-button.AB-bgimg-pos01 button,.AB-button.AB-bgimg-pos01 a {
    background-position: right 0
}

.AB-button.AB-bgimg-pos02 button,.AB-button.AB-bgimg-pos02 a {
    background-position: right -30px
}

.AB-button.AB-bgimg-pos03 button,.AB-button.AB-bgimg-pos03 a {
    background-position: right -60px
}

.AB-button.AB-bgimg-pos04 button,.AB-button.AB-bgimg-pos04 a {
    background-position: right -90px
}

.AB-button.AB-bgimg-pos05 button,.AB-button.AB-bgimg-pos05 a {
    background-position: right -121px
}

.AB-button.AB-bgimg-pos06 button,.AB-button.AB-bgimg-pos06 a {
    background-position: right -151px
}

.AB-LF-table {
    border-collapse: separate
}

.AB-LF-table-title {
    border: #ffffff solid 1px
}

.AB-LF-title, .AB-LF-title a:link {
    font-size: 11px;
    color: #000000;
    letter-spacing: -1px;
    font-weight: 600
}

.AB-LF-value {
    font-size: 12px;
    color: #444444;
    padding-top: 2px
}

a.AB-LF-title:link {
    color: #000000;
    text-decoration: none
}

a.AB-LF-title:visited {
    color: #000000;
    text-decoration: none
}

a.AB-LF-title:active {
    color: #000000;
    text-decoration: none
}

a.AB-LF-title:hover {
    color: #000000;
    text-decoration: underline
}

a.AB-LF-value:link {
    color: #444444;
    text-decoration: none
}

a.AB-LF-value:visited {
    color: #444444;
    text-decoration: none
}

a.AB-LF-value:active {
    color: #444444;
    text-decoration: none
}

a.AB-LF-value:hover {
    color: #224CC2;
    text-decoration: underline
}

.AB-IF-table {
    border: #dddddd solid 1px
}

.AB-IF-table-title {
    border: #E8E8E8 solid 1px
}

.AB-IF-table-value {
    border: #F3F3F3 solid 1px
}

.AB-IF-title {
    font-size: 8pt;
    color: #545454;
    background-color: #f5fafb;
    border-bottom: 1px solid #eee;
    text-align: center
}

.AB-IF-value {
    font-size: 11px;
    color: #444444;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 10px;
    background: #FFFFFF;
    border-bottom: 1px solid #eee
}

.AB-VF-title {
    font-size: 11px;
    color: #000000;
    letter-spacing: -1px
}

.AB-VF-value {
    font-size: 12px;
    color: #444444;
    padding-left: 2px
}

a.AB-VF-value:link {
    color: #444444;
    text-decoration: none
}

a.AB-VF-value:visited {
    color: #444444;
    text-decoration: none
}

a.AB-VF-value:active {
    color: #444444;
    text-decoration: none
}

a.AB-VF-value:hover {
    color: #224CC2;
    text-decoration: underline
}

a.AB-VF-link:visited {
    color: #000000;
    text-decoration: none
}

a.AB-VF-link:active {
    color: #000000;
    text-decoration: none
}

a.AB-VF-link:hover {
    color: #000000;
    text-decoration: underline
}

.AB-VF-table-shop table td {
    border-bottom: 1px solid #EDEDED
}

.AB-IF-title-shop {
    background: #F5F5F5;
    font-weight: bold;
    padding-left: 20px;
    text-align: left
}

.AB-VF-value-shop {
    padding: 6px 0 6px 10px
}

.AB-LF-table-title th {
    background: #F5F5F5;
    font-weight: bold;
    text-align: left;
    padding: 6px 10px 6px 20px
}

.AB-skip {
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
    overflow: hidden;
    visibility: hidden;
    z-index: -1
}

.AB-category-btn, .AB-category-btn span {
    font-size: 11px;
    display: inline-block;
    line-height: 17px
}

.AB-category-btn {
    margin: 2px;
    width: 69px;
    text-align: center;
    border: 1px solid #ffd7d7;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px
}

.AB-category-btn span {
    padding: 3px 7px 0 7px;
    color: #454545
}

.AB-category-btn.AB-category-bgA {
    background: #fff3f3;
    border-color: #ffd7d7
}

.AB-category-btn.AB-category-bgB {
    background: #fdf8f2;
    border-color: #f4ddbe
}

.AB-category-btn.AB-category-bgC {
    background: #f2f6f1;
    border-color: #d4e5cf
}

.AB-category-btn.AB-category-bgD {
    background: #f1f4f6;
    border-color: #d0dbe2
}

.AB-category-btn.AB-category-bgE {
    background: #f7f7f7;
    border-color: #dadada
}

.AB-category-btn.AB-category-bgF {
    background: #fff3f3;
    border-color: #ffd7d7
}

.AB-category-btn.AB-category-bgG {
    background: #fdf8f2;
    border-color: #f4ddbe
}

.AB-category-btn.AB-category-bgH {
    background: #f2f6f1;
    border-color: #d4e5cf
}

.AB-category-btn.AB-category-bgI {
    background: #f1f4f6;
    border-color: #d0dbe2
}

.AB-category-btn.AB-category-bgJ {
    background: #f7f7f7;
    border-color: #dadada
}

#gallery_tmp2 .ABA-list-body th {
    background: url("/template/DESIGN_shared/program/theme/01/menu_line03.gif") right 50% no-repeat;
    font-weight: 600;
    font-size: 11px;
    color: #5c5c5c
}

#gallery_tmp2 .ABA-list-body th.last {
    background: none
}

#gallery_tmp2 .ABA-list-body td {
    border-bottom: 0;
    padding: 20px 10px
}

#gallery_tmp2 .ABA-list-body td.AB-text-left {
    padding-top: 30px
}

#gallery_tmp2 .ABA-list-body td .title {
    font-size: 11px;
    color: #7a7a7a
}

#gallery_tmp2 .ABA-list-body td .content {
    font-size: 11px;
    font-weight: 600;
    color: #3BA4CC;
    font-family: Tahoma, serif;
    display: inline-block;
    margin-right: 13px
}

#gallery_tmp3 .ABA-list-body th {
    background: url("/template/DESIGN_shared/program/theme/01/menu_line03.gif") right 50% no-repeat;
    font-weight: 600;
    font-size: 11px;
    color: #5c5c5c
}

#gallery_tmp3 .ABA-list-body th.last {
    background: none
}

#gallery_tmp3 .ABA-list-body td {
    border-bottom: 0
}

#gallery_tmp3 .ABA-list-body td.AB-text-left {
    padding: 0 0 10px 20px
}

#gallery_tmp3 .ABA-list-body td .title {
    font-size: 11px;
    color: #7a7a7a
}

#gallery_tmp3 .ABA-list-body td .content {
    font-size: 11px;
    font-family: Tahoma, serif;
    display: inline-block;
    margin: 0 3px 0 2px
}

.AB-link-btn {
    background: url("/template/DESIGN_shared/program/theme/01/btn_link_bg.gif") no-repeat;
    display: inline-block;
    width: 233px;
    padding: 19px 12px 48px 0;
    color: #fff;
    text-shadow: 0 1px 0 #222;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: -1px
}

.AB-category-list-1 {
    padding: 5px 8px;
    font-size: 11px;
    border: 2px solid #80AAD2;
    border-radius: 5px
}

.AB-category-list-2 {
    padding: 7px 10px;
    font-size: 11px
}

.AB_category_1_link_current, .AB_category_2_link_current {
    font-weight: 600;
    color: #454545
}

.AB-category-list-1 a, .AB-category-list-2 a {
    display: inline-block;
    margin: 5px 0;
    min-width: 125px;
    white-space: nowrap
}

.AB-category-list-1 .AB-div-bar, .AB-category-list-2 .AB-div-bar {
    color: #ddd
}

.AB-intra-tbl a:link {
    color: #666;
    font-weight: 700;
    text-decoration: none
}

.AB-intra-tbl a:visited {
    color: #999;
    font-weight: 700;
    text-decoration: none
}

.AB-intra-tbl a:active,.AB-intra-tbl a:hover {
    color: #bd5a35;
    text-decoration: underline
}

.AB-intra-tbl {
    width: 100%;
    border-spacing: 0;
    font-family: Arial,Helvetica,sans-serif;
    color: #666;
    font-size: 12px;
    text-shadow: 1px 1px 0 #fff;
    background: #eaebec;
    border: #ccc 1px solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 2px #d1d1d1;
    -webkit-box-shadow: 0 1px 2px #d1d1d1;
    box-shadow: 0 1px 2px #d1d1d1
}

.AB-intra-tbl th {
    padding: 10px;
    border-top: 1px solid #fafafa;
    border-bottom: 1px solid #e0e0e0;
    background: #ededed;
    background: -webkit-gradient(linear,left top,left bottom,from(#ededed),to(#ebebeb));
    background: -moz-linear-gradient(top,#ededed,#ebebeb)
}

.AB-intra-tbl tr:first-child th:first-child {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px
}

.AB-intra-tbl tr:first-child th:last-child {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px
}

.AB-intra-tbl tr {
    text-align: center
}

.AB-intra-tbl tr td:first-child {
    border-left: 0
}

.AB-intra-tbl tr td {
    padding: 10px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    background: #fafafa;
    background: -webkit-gradient(linear,left top,left bottom,from(#fbfbfb),to(#fafafa));
    background: -moz-linear-gradient(top,#fbfbfb,#fafafa)
}

.AB-intra-tbl tr:last-child td {
    border-bottom: 0
}

.AB-intra-tbl tr:last-child td:first-child {
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.AB-intra-tbl tr:last-child td:last-child {
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.AB-tr-odd tr:nth-child(odd) td {
    background: #f6f6f6;
    background: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f6f6f6));
    background: -moz-linear-gradient(top,#f8f8f8,#f6f6f6)
}

.AB-tr-hover tr:hover td {
    background: #f2f2f2
}

.cont_view_box {
    width: 450px;
    margin: 40px auto
}

.cont_view_box > div {
    overflow: hidden;
    border: 1px solid #e0e0e0;
    background: #f9f9f9;
    padding: 25px
}

.cont_view_box > div dl {
    zoom:1;text-align: center
}

.cont_view_box > div dt {
    color: #000;
    font-size: 18px;
    letter-spacing: -2px;
    padding-bottom: 15px
}

.cont_view_box > div dd {
    color: #FF4949;
    font-size: 24px;
    font-weight: bold
}

.cont_view_box > div dl:after {
    display: block;
    content: "";
    clear: both
}

.cont_view_box > div .cash_charge {
    margin-left: 10px;
    padding: 2px 5px;
    background: #e55757;
    color: #fff;
    font-size: 13px;
    position: absolute;
    margin-top: 5px
}

.cont_view_box .tit {
    margin-bottom: 20px;
    font-size: 18px;
    color: #000;
    text-align: center
}

.cont_view_box .tit span {
    color: #FF4949
}

.cont_view_box .btn_ded {
    border: 1px solid #245789;
    background: #369;
    text-align: center;
    width: 298px;
    margin: 20px auto 0 auto
}

.cont_view_box .btn_ded span, .cont_view_box .btn_ded a {
    display: block;
    padding: 8px 0px;
    font-size: 15px;
    font-weight: 600;
    color: #fff
}

.preview_litter {
    padding: 30px;
    border: 1px solid #eee;
    background: #fff
}

.cont_view_box .btn_ded:hover {
    background-color: #28517a
}

.cont_view_box .txt {
    font-size: 13px;
    text-align: center;
    padding-bottom: 10px
}

.cont_view_box .point_download {
    margin-top: 10px;
    text-align: center
}

.cont_view_box .point_download a {
    padding: 0 4px;
    font-size: 15px;
    font-weight: 600;
    color: #448AFF
}

.cont_view_box .btn_point_down {
    background: #2F5079;
    color: #FFF;
    padding: 3px 7px;
    margin-left: 10px;
    font-size: 13px
}

.cont_view_box .btn_point_down:hover {
    background: #448AFF
}

.icon_best {
    float: left;
    margin-top: 7px
}

.icon_best .bd_R3 {
    font-weight: 400;
    font-size: 10px;
    font-family: arial;
    color: #e55757;
    border: 1px solid #e55757;
    padding: 1px 2px;
    background-color: #fff;
    margin-right: 8px;
    letter-spacing: 0
}

#talk_invite_link .head {
    height: 218px;
    background: url('https://cdn.ibos.kr/images/5883_link_landing_03.png') #B5D7E5 right center no-repeat;
    padding: 55px 0 0 75px
}

#talk_invite_link .head p {
    font-size: 30px;
    color: #4F7096
}

#talk_invite_link .head span {
    display: block;
    font-size: 18px;
    color: #666;
    padding-top: 15px
}

#talk_invite_link .head strong {
    display: block;
    font-size: 50px;
    color: #333;
    margin-top: -10px
}

#talk_invite_link .conts {
    overflow: hidden;
    padding-top: 45px;
    background-color: #FBFDFE;
    text-align: center
}

#talk_invite_link .conts p {
    font-size: 18px;
    line-height: 32px;
    color: #497096
}

#talk_invite_link .conts a {
    display: block;
    font-size: 18px;
    color: #497096;
    margin: 30px auto
}

#talk_invite_link .conts a em {
    font-style: normal;
    border-bottom: 1px solid #497096
}

#talk_invite_link .conts a:hover {
    text-decoration: none
}

#talk_invite_link .conts span {
    color: #DD5554;
    font-size: 20px;
    font-weight: 600
}

#talk_invite_link .conts strong {
    display: block;
    font-size: 20px;
    border: 3px solid #497096;
    width: 355px;
    margin: 0 auto 50px auto;
    padding: 12px 0px;
    color: #4F7096
}

#talk_invite_link .conts > div {
    padding-top: 25px
}

#talk_invite_link .conts .bar {
    border-top: 1px solid #E0E0E0;
    width: 720px;
    margin: 50px auto
}

#talk_invite_link .btn_link {
    text-align: center;
    background-color: #FBFDFE;
    padding-bottom: 50px
}

#talk_invite_link .btn_link p {
    color: #497096;
    font-size: 24px
}

#talk_invite_link .btn_link a {
    display: block;
    font-size: 20px;
    border: 3px solid #497096;
    width: 355px;
    margin: 35px auto;
    padding: 12px 0px;
    color: #4F7096
}

#talk_invite_link .btn_link a:hover {
    color: #fff;
    background-color: #497096
}

.edu_hyperlink {
    display: block;
    overflow: hidden;
    width: 350px;
    margin: 0 auto 25px auto;
    border: 1px solid #EEE;
    background: #F9F9F9;
    box-shadow: 1px 1px 1px #D9D9D9;
    height: 90px
}

.edu_hyperlink a {
    display: block;
    line-height: 92px;
    text-align: center;
    color: #0096FF
}

.edu_hyperlink a:hover {
    text-decoration: underline
}

.attached_file_in_contents_title {
    width: 350px;
    margin: 0 auto;
    text-align: left;
    font-weight: 600;
    font-size: 13px;
    padding: 0 0 10px 15px
}

.attached_file_in_contents {
    width: 300px;
    margin: 0 auto 35px auto;
    text-align: center;
    border: 1px solid #EEE;
    background: #F9F9F9;
    padding: 20px;
    box-shadow: 1px 1px 1px #D9D9D9
}

.attached_file_in_contents a {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    word-break: break-all
}

.attached_file_in_contents a:hover {
    text-decoration: underline
}

.article_file_lst {
    margin-bottom: 48px
}

.attached_file_in_conts {
    position: relative;
    overflow: hidden;
    width: 350px;
    margin: 0 auto 12px auto;
    border: 1px solid #EEE;
    background: #F9F9F9;
    box-shadow: 1px 1px 1px #D9D9D9
}

.attached_file_in_conts .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    border-right: 1px solid #EEE;
    height: 100%
}

.attached_file_in_conts .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px
}

.attached_file_in_conts .file_name a {
    position: relative;
    display: block;
    line-height: 22px;
    padding: 12px;
    padding-left: 62px;
    z-index: 10
}

.attached_file_in_conts .file_name a:hover span {
    text-decoration: underline
}

.attached_file_in_conts .file_name p {
    display: none;
    color: #1C1C1C;
    font-weight: 600;
    padding-top: 7px;
    font-size: 13px;
    padding-left: 20px
}

.attached_file_in_conts .file_name a span {
    font-size: 15px;
    color: #448AFF;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 18px;
    word-break: break-all
}

.find_id_pw_wrap h1 {
    font-size: 26px;
    text-align: center;
    padding: 70px 0 25px 0
}

.find_id_pw_wrap > div {
    border: 1px solid #e5e5e5;
    padding: 25px;
    width: 430px;
    text-align: center;
    margin: 0 auto 10px auto
}

.find_id_pw_wrap > div h3 {
    font-size: 18px;
    padding-bottom: 15px
}

.find_id_pw_wrap > div p {
    font-size: 15px;
    line-height: 22px;
    color: #666;
    padding-bottom: 25px
}

.find_id_pw_wrap > div input {
    width: 100%;
    border: 1px solid #DDD;
    background-color: #f1f1f1;
    font-size: 16px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    letter-spacing: 1px;
    margin-bottom: 10px
}

.find_id_pw_wrap .ok {
    display: block;
    background-color: #448AFF;
    color: #FFF;
    width: 100%;
    height: 52px;
    line-height: 52px;
    font-size: 16px
}

.find_id_pw_wrap .ok:hover {
    background-color: #3D7CE5
}

.find_id_pw_wrap .msg {
    color: #f00;
    padding-top: 20px;
    font-size: 13px;
    line-height: 20px
}

.find_id_pw_wrap .info strong {
    display: block;
    font-size: 18px;
    padding-bottom: 20px
}

.find_id_pw_wrap .info p {
    text-align: left;
    font-size: 13px
}

.find_id_pw_wrap .info p span {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #1c1c1c;
    padding-bottom: 5px
}

.find_id_pw_wrap .info .cs {
    padding-top: 20px
}

#find-account {
    display: flex;
    height: calc(100vh - 491px);
    align-items: center;
    min-height: 360px;
    padding: 50px 0
}

#find-account .wrap {
    margin: 0 auto;
    width: 375px
}

#find-account h1 {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    line-height: 30px;
    margin-bottom: 12px;
    text-align: center
}

#find-account h1 + p {
    font-size: 16px;
    color: #555;
    text-align: center
}

#find-account .form {
    display: flex;
    flex-direction: column;
    margin: 30px 0 50px
}

#find-account .form .btn-submit {
    margin-top: 16px
}

#find-account .btn-submit, #find-account .btn-login {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    background-color: #333;
    border-radius: 4px;
    height: 48px;
    font-size: 16px;
    font-weight: 500;
    margin-top: 16px;
    cursor: pointer;
    margin: 0
}

#find-account .btn-submit:hover {
    transition: all 0.2s;
    opacity: 0.85
}

#form-email {
    width: 100%;
    box-sizing: border-box;
    border-radius: 4px;
    height: 48px;
    border: 1px solid #E0E0E0;
    padding: 0 20px;
    font-size: 17px
}

#form-email:focus {
    outline: 4px solid rgba(68, 138, 255, 0.5);
    border-color: #FFF;
    transition: all 0.2s
}

#find-account .error-msg {
    font-size: 14px;
    color: #FF4949;
    margin-top: 8px
}

#find-account .error-result p {
    font-size: 14px;
    font-weight: 500;
    color: #FF4949;
    background-color: #FAE1DD;
    outline: 4px solid rgba(255, 0, 0, 0.3);
    border-radius: 4px;
    height: 48px;
    box-sizing: border-box;
    padding: 0 20px;
    margin-top: 16px;
    display: flex;
    align-items: center
}

#find-account .info ul li {
    list-style: square;
    font-size: 14px;
    color: #888;
    line-height: 140%;
    margin-left: 20px;
    margin-bottom: 8px
}

#find-account .send-done {
    margin: 0 auto;
    text-align: center
}

#find-account .send-done .icon {
    padding: 20px;
    background: #F2F4F6;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    margin: 0 auto 32px
}

#find-account .send-done .icon svg {
    width: 60px;
    height: 60px
}

#find-account .send-done h1 {
    font-size: 32px;
    font-weight: normal;
    margin-bottom: 36px
}

#find-account .send-done h1 + p {
    line-height: 28px;
    margin-bottom: 36px
}

#find-account .send-done .btn-submit {
    border: 1px solid #333;
    color: #333;
    background-color: #FFF
}

#find-account .send-done .btn-submit:hover {
    outline: 4px solid rgba(68, 138, 255, 0.5);
    border-color: #FFF;
    transition: all 0.2s
}

#find-account .btn-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px
}

#find-account .btn-wrap input, #find-account .btn-wrap a {
    padding: 0 36px
}

#change-pw {
    display: flex;
    height: calc(100vh - 491px);
    align-items: center;
    padding: 50px 0;
    min-height: 360px
}

#change-pw .wrap {
    margin: 0 auto;
    width: 375px
}

#change-pw h1 {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    line-height: 30px;
    margin-bottom: 12px
}

#change-pw h1 + p {
    font-size: 16px;
    color: #555
}

#change-pw .form {
    display: flex;
    flex-direction: column
}

#change-pw .form > div {
    margin-top: 30px
}

#change-pw .form label {
    font-size: 15px;
    font-weight: 500;
    display: inline-block;
    color: #000;
    margin-bottom: 12px
}

#change-pw .form input[type="password"] {
    width: 100%;
    box-sizing: border-box;
    border-radius: 4px;
    height: 48px;
    border: 1px solid #E0E0E0;
    padding: 0 20px;
    font-size: 17px
}

#change-pw .form input[type="password"]:focus {
    outline: 4px solid rgba(68, 138, 255, 0.5);
    border-color: #FFF;
    transition: all 0.2s
}

#change-pw .form .btn-submit {
    border: 1px solid #E0E0E0;
    width: 100%;
    height: 52px;
    border-radius: 2px;
    font-size: 16px;
    padding: 0 24px;
    box-sizing: border-box;
    margin-top: 40px
}

#change-pw .form .btn-submit[disabled] {
    cursor: not-allowed
}

#change-pw .form .btn-submit:not([disabled]) {
    border: 1px solid #333 !important;
    color: #FFF;
    background-color: #333;
    transition: all .3s cubic-bezier(0.42, 0, 0.58, 1)
}

#change-pw .form .btn-submit:not([disabled]):hover {
    border-color: #000;
    background-color: #000;
    color: #FFF;
    transition: all .3s cubic-bezier(0.42, 0, 0.58, 1)
}

#change-pw .form .btn-submit:hover {
    transition: all 0.2s;
    opacity: 0.85
}

#change-pw .form input::-webkit-input-placeholder {
    font-size: 15px;
    color: #AAA
}

#change-pw .form input:-moz-placeholder {
    font-size: 15px;
    color: #AAA
}

#change-pw .form input::-moz-placeholder {
    font-size: 15px;
    color: #AAA
}

#change-pw .form input:-ms-input-placeholder {
    font-size: 15px;
    color: #AAA
}

#change-pw .form .error-msg {
    font-size: 14px;
    color: #FF4949;
    margin-top: 8px
}

#change-pw .form .error-result {
    background-color: #FAE1DD;
    outline: 4px solid rgba(255, 0, 0, 0.3);
    border-radius: 4px;
    line-height: 48px;
    box-sizing: border-box;
    padding: 0 20px;
    margin-top: 16px
}

#change-pw .form .error-result p {
    font-size: 14px;
    font-weight: 500;
    color: #FF4949
}

#change-pw .form #join_after {
    text-align: left;
    font-size: 13px
}

.sell_form_btn_pay {
    display: inline-block;
    width: 150px;
    background-color: #FF4949;
    color: #FFF;
    font-size: 15px;
    height: 42px;
    line-height: 42px;
    margin-right: 10px
}

.sell_form_btn_pay:hover {
    background-color: #FF2222;
    color: #FFF
}

.sell_form_btn_cancel {
    display: inline-block;
    width: 150px;
    background-color: #999;
    color: #FFF;
    font-size: 15px;
    height: 42px;
    line-height: 42px
}

.sell_form_btn_cancel:hover {
    background-color: #CCC;
    color: #FFF
}

#mkt_beginner .title {
    position: relative;
    width: 1050px;
    height: 435px;
    background: url('https://cdn.ibos.kr/images/5918_title_img.jpg') no-repeat
}

#mkt_beginner .title a {
    position: absolute;
    bottom: 30px;
    left: 273px;
    width: 420px;
    height: 60px;
    text-indent: -999em
}

#mkt_beginner .head th {
    border: solid #8E5C4E;
    border-width: 3px 0 1px 0;
    height: 50px;
    line-height: 50px;
    color: #8E5C4E;
    font-size: 15px
}

#mkt_beginner .body td {
    height: 50px;
    line-height: 50px;
    font-size: 13px;
    text-align: center;
    border-bottom: 1px dotted #e5e5e5
}

#mkt_beginner .body td p {
    display: inline-block
}

#mkt_beginner .body td ul li {
    text-align: left
}

#mkt_beginner .body td.subject {
    text-align: left;
    font-weight: 600;
    font-size: 14px
}

#mkt_beginner .body td .vote {
    color: #448AFF
}

#mkt_beginner .body td .cnt_comment {
    display: inline-block;
    margin-left: 7px;
    color: #FF4949
}

#mkt_beginner .body .read_Y {
    display: block;
    background-color: #F1F1F1
}

#column_LF .wrap {
    width: 1050px;
    margin: 0 auto
}

#column_LF .header {
    position: relative;
    padding: 70px 0 24px 0;
    text-align: center
}

#column_LF .header h3 {
    font-size: 32px;
    font-weight: 600
}

#column_LF .header h3 a {
    border-bottom: 1px solid #FFF;
    color: #454545
}

#column_LF .header h3 a:hover {
    border-bottom: 1px solid #000;
    color: #000
}

#column_LF .header p {
    font-size: 15px;
    line-height: 26px;
    color: #999;
    padding-top: 10px
}

#column_LF .title h3 {
    width: 397px;
    height: 90px;
    text-indent: -999em;
    background: url('https://cdn.ibos.kr/images/5699_column_img_03.png') no-repeat;
    margin: 70px auto 50px auto
}

#column_LF .title p {
    text-align: right;
    padding-bottom: 10px
}

#column_LF .title p a {
    display: inline-block;
    font-size: 15px;
    border: 1px solid #363636;
    text-align: center;
    line-height: 30px;
    padding: 2px 15px;
    font-weight: 600
}

#column_LF .title p a img {
    padding-left: 12px
}

#column_LF .title p a:hover {
    color: #639;
    text-decoration: underline
}

#column_LF .cat_column {
    overflow: hidden;
    display: table;
    position: relative;
    margin-bottom: 30px;
    text-align: left;
    border-bottom: 1px solid #EEE
}

#column_LF .cat_column a {
    display: inline-table;
    font-size: 15px;
    width: 150px;
    vertical-align: top;
    text-align: center;
    margin-left: -1px
}

#column_LF .cat_column a span {
    display: table-cell;
    color: #777;
    border: 1px solid #EEE;
    height: 100px;
    vertical-align: middle;
    padding: 0 10px;
    word-break: break-word
}

#column_LF .cat_column a:hover span {
    position: relative;
    background: #F9F9F9;
    z-index: 999;
    color: #000
}

#column_LF .cat_column a:first-child {
    background: none
}

#column_LF .cat_column a.nobd {
    background: none
}

#column_LF .cat_column a.btn_columnist_apply {
    position: relative
}

#column_LF .cat_column a.btn_columnist_apply p {
    width: 25px;
    height: 14px;
    background: url('https://cdn.ibos.kr/images/iboss_icon_application.png') no-repeat;
    background-position: 0 -17px;
    text-indent: -999em;
    margin: 0 auto
}

#column_LF .cat_column div {
    margin-top: -1px
}

#column_LF .cat_column div:first-child {
    margin-top: 0
}

#column_LF .cat_column div a:first-child {
    margin-left: 0
}

#column_LF .btn_write {
    display: inline-block;
    width: 150px;
    margin: 20px 5px;
    border: 1px solid #DDD;
    padding: 0 25px;
    line-height: 34px;
    color: #666;
    font-size: 13px
}

#column_LF .btn_write:hover {
    background: #f5f5f5;
    color: #777
}

#column_LF .btn_write.columnist {
    width: 110px;
    padding: 0;
    background: #F9F9F9
}

#column_LF .btn_write.columnist:hover {
    border-color: #AAA;
    color: #000
}

#column_LF .btn_write.admin {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px
}

#column_LF .editor {
    margin-bottom: 100px
}

#column_LF .editor h5 {
    width: 320px;
    margin: 0 auto;
    border: 1px solid #DDD;
    border-width: 1px 0;
    font-size: 17px;
    text-align: center;
    color: #1c1c1c;
    padding: 17px 0;
    font-weight: normal
}

#column_editor_box {
    overflow: hidden;
    position: relative;
    margin: 50px 20px 0px
}

#column_editor_roll {
    overflow: hidden;
    height: 212px
}

#column_editor_box .bx-prev {
    margin: 0px 15px 0px 0px;
    background: url(/images/agency_dir_btn_pre.png) no-repeat
}

#column_editor_box .bx-next {
    background: url(/images/agency_dir_btn_next.png) no-repeat
}

#column_editor_box .bx-controls-direction {
    margin-top: 15px;
    text-align: center
}

#column_editor_box .bx-controls-direction a {
    display: inline-block;
    width: 33px;
    height: 33px;
    text-indent: 9999px
}

#column_LF .editor .slide {
    vertical-align: top;
    font-size: 14px;
    text-align: center
}

#column_LF .editor .slide p {
    color: #AAA
}

#column_LF .editor .slide strong {
    display: block;
    padding: 10px 0
}

#column_LF .editor .apply_columnist {
    float: right !important;
    width: 210px;
    border-left: 2px solid #E6E7E8;
    text-align: center;
    margin-left: 20px
}

#column_LF .editor .apply_columnist p {
    font-size: 15px;
    line-height: 22px;
    padding: 7px 0
}

#column_LF .editor .apply_columnist a:hover {
    color: inherit
}

#column_LF .editor .apply_columnist a:hover span {
    color: #639;
    text-decoration: underline
}

#column_LF .editor .apply_columnist span {
    display: inline-block;
    border: 1px solid #363636;
    padding: 7px 15px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer
}

#column_LF .editor .apply_columnist span img {
    padding-left: 12px
}

.column_list h5 {
    border: 1px solid #DDD;
    border-width: 1px 0;
    font-size: 17px;
    text-align: center;
    color: #1c1c1c;
    padding: 30px 0;
    font-weight: normal
}

.column_list .hash_tags {
    position: relative;
    padding: 20px 0px
}

.column_list .hash_tags a {
    display: inline-block;
    padding: 8px 20px;
    background: #F0F0F0;
    font-size: 12px;
    margin-right: 10px;
    color: #878787
}

.column_list .hash_tags a:hover {
    background: #e5e5e5;
    color: #666
}

.column_list .tag_sch {
    position: absolute;
    top: 20px;
    right: 0;
    width: 185px;
    border: 1px solid #DDD;
    padding: 3px 0
}

.column_list .tag_sch .tag_sch_box {
    height: 26px;
    line-height: 26px;
    margin-left: 15px;
    font-size: 14px;
    width: 100px;
    padding: 0 10px
}

.column_list .cell {
    overflow: hidden;
    position: relative;
    border-top: 1px solid #EEE
}

.column_list .cell a {
    display: block;
    padding: 50px 0
}

.column_list .cell a:hover .subject {
    text-decoration: underline
}

.column_list .cell a:hover .thumb_img img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all .2s ease-in-out
}

.column_list .thumb_img {
    float: left;
    margin-right: 25px;
    overflow: hidden
}

.column_list .thumb_img img {
    transition: all .2s ease-in-out
}

.column_list .info {
    margin-left: 257px
}

.column_list .subject {
    font-size: 17px;
    line-height: 18px;
    color: #000
}

.column_list .comment_1 {
    font-size: 14px;
    color: #999;
    padding: 15px 0;
    line-height: 21px
}

.column_list .count {
    position: relative;
    font-size: 14px;
    color: #999
}

.column_list .count em {
    display: inline-block;
    padding: 0 7px
}

.column_list .vote {
    position: absolute;
    top: 0;
    right: 5px;
    color: #FF4949
}

.column_list .empty {
    border-top: 1px solid #EEE
}

.column_list .empty a {
    display: block;
    width: 150px;
    margin: 0 auto;
    line-height: 38px;
    text-align: center;
    font-size: 15px;
    background: #e5e5e5;
    color: #454545
}

.column_list .empty p {
    display: block;
    font-size: 20px;
    color: #999;
    padding: 50px 0;
    text-align: center
}

#column_VF {
    position: relative
}

#column_VF .head {
    overflow: hidden;
    position: relative;
    height: 320px
}

#column_VF .head .wrap {
    position: absolute;
    width: 100%;
    z-index: 101;
    height: 100%;
    text-align: center
}

#column_VF .head .main_img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99
}

#column_VF .head .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: #000
}

#column_VF .head h3 {
    font-size: 32px;
    word-spacing: 0;
    line-height: 1.35;
    word-break: break-all;
    color: #FFF;
    padding-top: 100px;
    padding-bottom: 50px;
    text-shadow: 2px 2px 4px #333
}

#column_VF .head span {
    font-size: 15px;
    color: #FFF;
    padding: 3px 0;
    text-shadow: 1px 1px 2px #333
}

#column_VF .head span em {
    padding: 0 10px
}

#column_VF .head .prof_img img {
    width: 40px;
    height: 40px;
    margin-bottom: 15px
}

#column_VF .head .more_info {
    padding-top: 15px
}

#column_VF .head .more_info span {
    font-size: 13px
}

#column_VF .head .more_info span.total_cnt_cmt {
    cursor: pointer
}

#column_VF #BoardNavi {
    border: 0
}

#column_VF .goList {
    text-align: right;
    padding-bottom: 10px;
    position: absolute;
    top: 12px;
    right: 12px;
    font-size: 13px;
    border: 1px solid #FFF;
    text-align: center;
    line-height: 30px;
    padding: 2px 25px;
    color: #FFF
}

#column_VF .goList:hover {
    color: #333;
    background: #FFF
}

#column_VF .body {
    width: 650px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 32px;
    word-break: break-all;
    word-wrap: break-word;
    padding: 80px 25px 20px 25px
}

#column_VF .body p {
    line-height: 24pt
}

#column_VF .body p b {
    font-weight: 600
}

#column_VF .body p a {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    border-bottom: 3px solid #d9e7ff;
    box-shadow: inset 0 -4px 0 #d9e7ff;
    -webkit-transition: background .15s cubic-bezier(.33,.66,.66,1);
    transition: background .15s cubic-bezier(.33,.66,.66,1)
}

#column_VF .body p a:hover {
    background: #d9e7ff;
    color: inherit
}

#column_VF .body p.caption {
    text-align: center;
    font-size: 10pt !important;
    color: #666;
    line-height: 18px !important;
    padding-top: 5px
}

#column_VF .body p.caption span {
    font-size: 10pt !important;
    color: #666
}

#column_VF .body u {
    text-decoration: none;
    border-bottom: 1px solid
}

#column_VF .body img {
    max-width: 650px;
    height: auto
}

#column_VF .body ul {
    padding-left: 45px
}

#column_VF .body ul li {
    list-style: disc
}

#column_VF .body ul li a {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    border-bottom: 3px solid #d9e7ff;
    box-shadow: inset 0 -4px 0 #d9e7ff;
    -webkit-transition: background .15s cubic-bezier(.33,.66,.66,1);
    transition: background .15s cubic-bezier(.33,.66,.66,1)
}

#column_VF .body ul li a:hover {
    background: #d9e7ff;
    color: inherit
}

#column_VF .body p a:hover {
    background: #d9e7ff;
    color: inherit
}

#column_VF .body table tr td {
    padding: 10px 20px
}

#column_VF .body table tr td p {
    font-size: 10pt;
    line-height: 24px !important
}

#column_VF .body table tr td p b {
    font-weight: 600;
    font-size: 15px
}

#column_VF .body figure {
    width: auto !important;
    margin: 1em 0
}

#column_VF .body figure img {
    margin-bottom: 0
}

#column_VF .body figure .caption {
    font-size: 10pt;
    color: #999;
    text-align: center
}

#column_VF .body figure .caption span {
    font-size: 10pt !important;
    color: #999 !important;
    text-align: center !important
}

#column_VF .body table.table {
    border-collapse: collapse
}

#column_VF .body table.table tbody tr td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    font-size: 11pt
}

#column_VF .body table.table-bordered {
    border: 1px solid #DDD
}

#column_VF .body table.table-bordered tbody tr td {
    border: 1px solid #DDD
}

#column_VF .body table.table.table-bordered {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

#column_VF .body img.note-float-center {
    display: block;
    margin: 0 auto
}

#column_VF .body h1, #column_VF .body h3 {
    font-size: 32px;
    font-weight: normal;
    margin: 20px 0
}

#column_VF .body h2, #column_VF .body h4 {
    font-size: 24px;
    font-weight: normal;
    margin: 10px 0
}

#column_VF .body h3, #column_VF .body h5 {
    font-size: 18px;
    font-weight: normal;
    margin: 10px 0;
    line-height: 1.4
}

#column_VF .hashtagcover {
    position: relative;
    width: 650px;
    margin: 0 auto
}

#column_VF .hash_tags {
    position: relative;
    margin-bottom: 70px
}

#column_VF .hash_tags a {
    display: inline-block;
    padding: 8px 20px;
    background: #F0F0F0;
    font-size: 13px;
    margin: 0 10px 10px 0;
    color: #448AFF;
    font-weight: 600
}

#column_VF .hash_tags a:hover {
    background-color: #e5e5e5;
    text-decoration: underline
}

#column_VF .columnist_detail {
    position: relative;
    width: 650px;
    margin: 0 auto 30px auto;
    border-top: 1px solid #DDD;
    padding-top: 20px
}

#column_VF .columnist_detail:after {
    content: '';
    display: block;
    clear: both
}

#column_VF .columnist_detail .wrap {
    overflow: hidden
}

#column_VF .columnist_detail .profile_img {
    float: left;
    width: 64px;
    padding-right: 25px
}

#column_VF .columnist_detail .profile_img img {
    width: 62px;
    height: 62px;
    border: 1px solid #EEE
}

#column_VF .columnist_detail .pr_bn {
    display: block;
    margin: 20px 0
}

#column_VF .description {
    position: relative;
    float: left;
    width: 561px
}

#column_VF .description .expert {
    padding: 0 3px;
    margin-left: 5px;
    letter-spacing: -1px;
    line-height: 17px;
    color: #fff;
    background: #6F7198
}

#column_VF .description p {
    font-size: 13px;
    color: #333;
    line-height: 22px
}

#column_VF .description p a {
    display: inline-block;
    color: inherit
}

#column_VF .description p a:hover span {
    text-decoration: underline
}

#column_VF .description strong {
    display: inline-block;
    font-size: 17px;
    margin-bottom: 15px
}

#column_VF .description strong + span {
    color: #999;
    font-size: 14px;
    padding-left: 10px
}

#column_VF .description strong .conect_nick:hover {
    color: #454545;
    text-decoration: underline
}

#column_VF .description strong .MinfoPop {
    font-size: 12px
}

#column_VF .description .btn_go_expert {
    position: absolute;
    top: 0;
    right: 0;
    background: #448aff;
    color: #FFF;
    padding: 10px 20px;
    font-size: 16px
}

#column_VF .description .liner {
    border-top: 1px solid #EEE;
    margin-top: 20px
}

#column_VF .hashtagcover .subscrib {
    position: absolute;
    top: 0;
    right: 0
}

#column_VF .subscrib_btn {
    position: relative;
    width: 130px;
    height: 32px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    background: #448aff;
    color: #fff;
    cursor: pointer
}

#column_VF .subscrib_box {
    display: none;
    position: absolute;
    z-index: 10;
    width: 260px;
    padding: 20px;
    bottom: -132px;
    right: 0;
    background: #FFF;
    border: 1px solid #CCCCCC;
    text-align: left;
    background: #FFF;
    box-shadow: 5px 5px 5px #cccccc
}

#column_VF .subscrib_box p {
    font-size: 12px;
    line-height: 19px;
    font-weight: 600;
    margin-bottom: 15px
}

#column_VF .subscrib_box div input {
    height: 33px;
    line-height: 30px
}

#column_VF .subscrib_box div input:first-child {
    border: 1px solid #CCC;
    padding-left: 10px;
    width: 180px;
    height: 31px
}

#column_VF .subscrib_box div input.subs_btn {
    width: 65px;
    cursor: pointer;
    margin-left: -4px;
    background: #448aff;
    color: #FFF
}

#column_VF .column_more {
    overflow: hidden;
    width: 590px;
    margin: 0 auto 30px auto;
    border: 5px solid #EEE;
    padding-bottom: 20px;
    padding: 15px 25px
}

#column_VF .column_more .title {
    display: block;
    font-size: 15px;
    padding: 10px 0 13px 0
}

#column_VF .column_more .wrap {
    overflow: hidden
}

#column_VF .column_more .cell {
    float: left;
    width: 301px
}

#column_VF .column_more .cell a {
    display: block;
    color: #676767
}

#column_VF .column_more .cell a:hover {
    text-decoration: underline
}

#column_VF .column_more .cell a > img {
    display: none
}

#column_VF .column_more .cell.num_1 {
    float: left;
    width: 232px;
    padding-right: 25px;
    margin-right: 25px;
    border-right: 1px solid #EEE
}

#column_VF .column_more .cell.num_1 a > img {
    display: block;
    padding-bottom: 10px
}

#column_VF .column_more .cell.num_1 em {
    display: none
}

#column_VF .column_more .subject {
    display: block;
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 12px
}

#column_VF .column_more .subject em {
    display: inline-block;
    font-style: normal;
    padding-right: 5px
}

#column_VF .writer_profile {
    width: 650px;
    margin: 0 auto 20px auto;
    text-align: center
}

#column_VF .writer_profile > strong {
    display: block;
    text-align: left;
    font-size: 15px;
    padding-top: 20px;
    color: #639
}

#column_VF .writer_profile .wrap {
    background: #F9F8FA;
    padding: 15px;
    border: 1px solid #EAEAEA
}

#column_VF .writer_profile .writer_name {
    font-size: 15px;
    padding: 10px 0
}

#column_VF .writer_profile .MEU_int {
    font-size: 12px;
    line-height: 1.7;
    word-break: break-all;
    color: #000;
    text-align: justify;
    max-height: 80px;
    padding-right: 20px
}

#column_VF .writer_profile .prof_img img {
    width: 40px;
    height: 40px
}

#column_VF .writer_profile .RelationArticle {
    margin-top: 10px
}

#column_VF .writer_profile .RelationArticle .cell a {
    display: block;
    text-align: left;
    font-size: 13px;
    padding: 5px 10px
}

#column_VF .writer_profile .RelationArticle .cell a:hover {
    color: inherit
}

#column_VF .writer_profile .RelationArticle .cell a:hover .title {
    text-decoration: underline;
    color: #448AFF
}

#column_VF .writer_profile .RelationArticle .cell .serial_num {
    display: inline-block;
    width: 30px;
    text-align: center;
    border: 1px solid #e0e0e0;
    padding: 3px 0;
    font-size: 12px;
    margin-right: 9px;
    font-weight: 600
}

#column_VF .writer_profile .RelationArticle .cell .title em {
    font-style: normal;
    color: #e55757
}

#column_VF .writer_profile .RelationArticle .cell .cnt {
    float: right;
    line-height: 22px;
    font-size: 12px;
    width: 85px;
    text-align: right
}

#column_VF .writer_profile .RelationArticle .cell .cnt em {
    font-style: normal
}

#column_VF .total_cnt {
    width: 650px;
    margin: 0 auto
}

#column_VF .total_cnt p {
    font-size: 18px;
    padding-bottom: 15px
}

#column_VF .total_cnt p span {
    color: #639;
    padding-left: 5px
}

#column_VF .SNS_share ul {
    overflow: hidden;
    text-align: center;
    padding: 10px 0 25px 0
}

#column_VF .SNS_share ul li {
    width: 40px;
    float: none;
    display: inline-block;
    margin: 0
}

#column_VF_cmt {
    position: relative;
    width: 650px;
    margin: 0 auto
}

#column_VF_cmt #cmt_wf {
    border-top: 1px solid #E0E0E0
}

#column_VF_cmt #cmt_wf .cmt_wf_wrap .cmt_input .AB-cmt-wrap textarea {
    width: 608px;
    resize: none !important;
    border-color: #EEE !important;
    box-shadow: none;
    padding: 20px
}

#column_VF_cmt #cmt_wf .cmt_wf_wrap {
    border: 0;
    background: none;
    padding: 25px 0 12px 0
}

#column_VF_cmt #cmt_wf .cmt_input_back_img {
    background-position: 15px 10px
}

#column_VF_cmt #cmt_wf .comment_btn {
    background: #E0E0E0;
    color: #1c1c1c;
    border: 0;
    width: 100px !important;
    line-height: 30px;
    height: 30px !important
}

#column_VF_cmt #cmt_wf .cmt_wf_wrap .cmt_input .cmt_submit_btn {
    position: relative
}

#column_VF_cmt #cmt_wf .cmt_wf_wrap .cmt_input .cmt_submit_btn input {
    background: #797D84;
    width: 100px!important;
    height: 30px!important;
    line-height: 30px;
    border-radius: 0!important;
    color: #fff
}

#column_VF_cmt #cmt_wf .cmt_wf_wrap .btn_emoji {
    bottom: 24px
}

#column_VF_cmt form[id^="TCBOARD_comment_MODIFY"] .AB_cmt_reply_depth_2 #cmt_wf .cmt_wf_wrap .cmt_input .AB-cmt-wrap textarea {
    width: 522px!important;
    margin-bottom: -2px
}

#column_VF_cmt #cmt_wf .cmt_wf_wrap .cmt_input .AB-cmt-wrap.recmt textarea {
    width: 455px!important
}

#column_VF_cmt #cmt_wf .cmt_wf_wrap .cmt_input .cmt_submit_btn.recmt {
    width: 475px!important
}

#column_VF_cmt #cmt_wf .cmt_wf_wrap .cmt_input .AB-cmt-wrap.recmt .cmt_cancel_btn {
    top: 67px
}

#column_VF_cmt form[id^="TCBOARD_comment_MODIFY"] .AB_cmt_reply_depth_ #cmt_wf .cmt_wf_wrap {
    padding: 0
}

#column_VF_cmt form[id^="TCBOARD_comment_MODIFY"] .AB_cmt_reply_depth_ #cmt_wf, #column_VF_cmt form[id^="TCBOARD_comment_MODIFY"] .AB_cmt_reply_depth_1 #cmt_wf, #column_VF_cmt form[id^="TCBOARD_comment_MODIFY"] .AB_cmt_reply_depth_2 #cmt_wf {
    border-top: 0
}

#column_VF_cmt form[id^="TCBOARD_comment_MODIFY"] .AB_cmt_reply_depth_ #cmt_wf .cmt_wf_wrap .cmt_input .AB-cmt-wrap textarea {
    width: 584px!important;
    margin-bottom: -2px!important
}

#column_VF_cmt form[id^="TCBOARD_comment_MODIFY"] .AB_cmt_reply_depth_ #cmt_wf .cmt_submit_btn {
    width: 604px!important
}

#column_VF_cmt form[id^="TCBOARD_comment_MODIFY"] .AB_cmt_reply_depth_ #cmt_wf .btn_emoji.bd_R3, #column_VF_cmt form[id^="TCBOARD_comment_MODIFY"] .AB_cmt_reply_depth_1 #cmt_wf .btn_emoji.bd_R3 {
    right: 125px;
    bottom: 12px
}

#column_VF_cmt form[id^="TCBOARD_comment_MODIFY"] .AB_cmt_reply_depth_1 #cmt_wf .cmt_wf_wrap {
    padding: 0
}

#column_VF_cmt form[id^="TCBOARD_comment_MODIFY"] .AB_cmt_reply_depth_1 #cmt_wf .cmt_wf_wrap .cmt_input .AB-cmt-wrap textarea {
    width: 550px !important;
    margin-bottom: -2px
}

#column_VF_cmt form[id^="TCBOARD_comment_MODIFY"] .AB_cmt_reply_depth_1 #cmt_wf .cmt_submit_btn {
    width: 570px!important
}

#column_VF_cmt form[id^="TCBOARD_comment_MODIFY"] .AB_cmt_reply_depth_2 #cmt_wf .cmt_wf_wrap .cmt_input .AB-cmt-wrap textarea {
    width: 562px !important;
    padding: 0
}

#column_VF_cmt form[id^="TCBOARD_comment_MODIFY"] .cmt_cancel_btn {
    top: -45px
}

.frm label {
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: #898d97;
    letter-spacing: -1px
}

.frm .item {
    position: relative;
    margin-bottom: 15px
}

.frm .item input {
    width: 363px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    font-size: 15px;
    color: #61646d
}

.frm .item select {
    width: 385px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    font-size: 15px;
    color: #61646d;
    cursor: pointer;
    border-color: #d6d6d6
}

.frm .item textarea {
    width: 363px;
    resize: none;
    padding: 10px;
    font-size: 15px;
    color: #61646d
}

.frm .input {
    margin-left: 115px
}

.frm .e_txt {
    margin-left: 115px;
    font-size: 14px;
    color: #ff7979
}

.frm:after {
    display: block;
    content: "";
    clear: both
}

.itemC .c_txt {
    margin-left: 40px;
    font-size: 18px;
    color: #a6a7ac
}

.itemC .c_txt span {
    padding-right: 15px
}

.itemC .c_txt input {
    width: 20px;
    height: 25px;
    margin: 0px 7px 0px 0px
}

.itemC .c_txt label {
    padding-right: 35px;
    font-size: 16px;
    color: #fff
}

.frm_scroll img {
    cursor: pointer
}

.db_txt {
    width: 385px;
    color: #a6a7ac;
    float: right
}

.db_txt .db_txt_box {
    overflow-y: scroll;
    height: 80px;
    margin-bottom: 10px;
    border: 1px solid #e0e0e0;
    background: #fff
}

.db_txt .db_txt_box p {
    padding: 10px 20px;
    color: #131b2e
}

#mkt_resource .head {
    background: url('https://cdn.ibos.kr/images/p3207_top_bg.png') repeat-y;
    background-size: 100%;
    text-align: center;
    height: 150px
}

#mkt_resource .head p {
    color: #FFF;
    font-size: 15px
}

#mkt_resource .head h3 a {
    display: inline-block;
    font-size: 26px;
    padding-top: 36px;
    padding-bottom: 10px;
    color: #FFF
}

#mkt_resource .searchBox input {
    background: none;
    font-size: 14px;
    vertical-align: middle
}

#mkt_resource .searchBox .sbox {
    width: 250px;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 8px
}

#mkt_resource .filter {
    border-bottom: 1px solid #EEE
}

#mkt_resource .filter ul {
    width: 1280px;
    margin: 0 auto
}

#mkt_resource .filter ul li {
    display: inline-block;
    border-right: 1px solid #EEE;
    width: 168px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    font-size: 14px;
    vertical-align: top;
    cursor: pointer
}

#mkt_resource .filter ul li:first-child {
    border-left: 1px solid #EEE
}

#mkt_resource .filter ul li i.fa-caret-down {
    font-size: 12px;
    color: #333;
    margin-left: 12px
}

#mkt_resource .filter ul li.w2 i {
    letter-spacing: 0;
    font-size: 16px;
    color: #999
}

#mkt_resource .filter ul li.w2 {
    width: 72px
}

#mkt_resource .filter ul li.w2:hover {
    background: #F9F9F9
}

#mkt_resource .filter ul li.w2.active i {
    color: #FF4949
}

#mkt_resource .filter dl {
    display: none;
    background: #FFF;
    border: 1px solid #C0C0C0;
    padding: 12px 0;
    position: relative;
    z-index: 99
}

#mkt_resource .filter dl dd {
    line-height: 38px;
    font-size: 13px
}

#mkt_resource .filter dl dd a {
    display: block
}

#mkt_resource .filter dl dd:hover {
    background: #FAFAFA
}

#mkt_resource .cont {
    overflow: hidden;
    width: 1280px;
    margin: 20px auto 0 auto
}

#mkt_resource .cont > div {
    float: left
}

#mkt_resource .sub-nav {
    border: 1px solid #EEE;
    width: 128px;
    margin-right: 20px;
    padding: 40px 20px 50px 20px;
    border-radius: 20px;
    background: #f9f9f9
}

#mkt_resource .sub-nav a {
    display: block
}

#mkt_resource .sub-nav a:hover span {
    text-decoration: underline
}

#mkt_resource .sub-nav p {
    font-weight: 600;
    font-size: 15px;
    padding-bottom: 20px;
    color: #333
}

#mkt_resource .sub-nav span {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 32px;
    line-height: 16px;
    word-break: break-all;
    margin-top: 8px;
    letter-spacing: 0;
    color: #454545;
    font-size: 13px
}

#mkt_resource .sub-nav .list {
    margin-bottom: 30px
}

#mkt_resource .sub-nav .thumb {
    width: 126px;
    height: 59px;
    border-radius: 5px
}

#mkt_resource .main {
    width: 1088px;
    margin-bottom: 20px
}

#mkt_resource .main .wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 70px 30px
}

#mkt_resource .cell {
    position: relative;
    background: #FFF
}

#mkt_resource .cell a {
    overflow: hidden;
    display: block
}

#mkt_resource .cell a:hover .title strong, #mkt_resource .cell a:hover .title span {
    text-decoration: underline
}

#mkt_resource .cell .thumb a {
    height: 192px;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.05);
    border-radius: 8px;
    position: relative
}

#mkt_resource .cell .thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%,-50%);
    object-fit: cover
}

#mkt_resource .cell .banner img {
    width: 100%;
    height: auto;
    border-radius: 8px
}

#mkt_resource .cell span {
    display: inline-block;
    color: #999;
    font-size: 12px
}

#mkt_resource .cell span em {
    font-style: normal;
    padding-left: 3px
}

#mkt_resource .cell span.spacer {
    padding: 0 7px;
    color: #E0E0E0
}

#mkt_resource .cell span.cnt_attached_file em {
    color: #448AFF;
    padding-left: 7px;
    display: inline-block
}

#mkt_resource .cell span.cnt_comment em {
    color: #369
}

#mkt_resource .cell span.hot {
    color: #FFF;
    background: #f38f18;
    line-height: 20px;
    position: absolute;
    top: 10px;
    left: 20px;
    padding: 0 7px
}

#mkt_resource .cell .title img {
    position: relative;
    top: -4px;
    margin-left: 7px
}

#mkt_resource .cell .title strong {
    font-size: 18px;
    margin-bottom: 16px;
    font-weight: bold;
    color: #000;
    letter-spacing: -0.5px
}

#mkt_resource .cell .title strong span {
    color: #448AFF !important;
    font-weight: inherit !important
}

#mkt_resource .cell .title span {
    color: #FF4949;
    font-size: 15px
}

#mkt_resource .cell .comment_1 {
    font-size: 13px;
    color: #878787;
    padding-bottom: 10px
}

#mkt_resource .cell .info {
    padding: 16px 0
}

#mkt_resource .cell .likencmt {
    position: absolute;
    top: 130px;
    right: 10px;
    background: #FFF;
    padding: 0 7px;
    line-height: 20px
}

#mkt_resource .cell .likencmt i {
    color: #FF4949
}

#mkt_resource .cell .likencmt em {
    color: #FF4949
}

#mkt_resource .cell .src {
    padding-top: 12px
}

#mkt_resource .cell .src .date {
    float: right
}

#mkt_resource .cell .src i {
    margin-right: 3px
}

#mkt_resource .cell .src a {
    display: inline-block;
    overflow: visible;
    color: #666
}

#mkt_resource .cell .src a:hover {
    text-decoration: underline
}

#mkt_resource .null {
    min-height: 500px;
    line-height: 500px
}

#mkt_resource .null p {
    font-size: 23px;
    color: #999;
    text-align: center
}

#mkt_resource .reference {
    border: 1px solid #EEE;
    width: 1088px;
    margin-left: 190px;
    margin-bottom: 50px;
    border-radius: 20px
}

#mkt_resource .reference ul {
    padding: 40px 50px;
    overflow: hidden
}

#mkt_resource .reference ul li {
    float: left;
    width: 183px;
    height: 60px;
    line-height: 58px;
    text-align: center;
    margin: 0 14px 14px 0
}

#mkt_resource .reference ul li a {
    display: block;
    border: 1px solid #EEE;
    border-radius: 10px
}

#mkt_resource .reference ul li a:hover {
    border-color: #999
}

#mkt_resource .reference ul li img {
    max-height: 50px;
    max-width: 120px;
    width: auto;
    height: auto
}

#mkt_resource .reference p {
    font-weight: 600;
    font-size: 15px;
    padding-bottom: 20px;
    color: #333
}

#mkt_resource_filter {
    border: 1px solid #CCC
}

#mkt_resource_vf {
    background: #F4F3F4;
    padding-top: 40px
}

#mkt_resource_vf .contWrap {
    overflow: hidden;
    width: 1170px;
    margin: 0 auto
}

#mkt_resource_vf .contWrap > div {
    float: left;
    background: #FFF
}

#mkt_resource_vf .leftMain {
    width: 850px
}

#mkt_resource_vf .rightSub {
    width: 300px;
    height: 100px
}

#personalized_alert {
    position: fixed;
    right: 20px;
    bottom: 20px;
    text-align: right;
    z-index: 999
}

#personalized_alert .text {
    padding: 20px;
    font-size: 15px;
    border: 2px solid #EEE;
    background: #FCFCFC;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 10px
}

#personalized_alert .text p {
    padding: 5px 0;
    text-align: left;
    margin-right: 80px
}

.LoginWrap {
    margin-bottom: 12px;
    background: #FFF;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#Login_Form .Unlogged .frm {
    position: relative;
    height: 124px;
    padding: 12px 0px;
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    align-items: center;
    box-sizing: border-box
}

#Login_Form .Unlogged .Logged {
    height: 47px
}

#Login_Form .Unlogged .SNS {
    display: flex;
    justify-content: center
}

#Login_Form .l_iboss .InputFrm_wrap {
    display: block
}

#Login_Form .InputFrm_wrap {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 124px;
    z-index: 10;
    background: #fff
}

#Login_Form .InputFrm {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 20px 0
}

#Login_Form .InputFrm .Input-idpw input {
    display: block;
    height: 40px;
    width: 200px;
    border: 1px solid #E0E0E0;
    font-size: 15px;
    font-weight: 600;
    padding: 0 12px;
    border-radius: 4px;
    box-sizing: border-box;
    color: #000;
    background-color: #F8F8F8
}

#Login_Form .InputFrm .Input-idpw input[type=password] {
    margin-top: 4px
}

#Login_Form .InputFrm .submit input {
    width: 100px;
    height: 84px;
    background-color: #333;
    cursor: pointer;
    color: #FFF;
    font-weight: 600;
    font-size: 16px;
    border-radius: 8px
}

#Login_Form .InputFrm .btn_close {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    cursor: pointer;
    color: #999;
    font-size: 18px
}

#Login_Form .Unlogged .tit {
    font-size: 13px;
    color: #999;
    text-align: center
}

#Login_Form .Unlogged .SNS > div {
    float: left;
    position: relative;
    width: 18%;
    margin-right: 3px;
    text-align: center;
    cursor: pointer
}

#Login_Form .Unlogged .toggle {
    display: none;
    position: absolute;
    top: -28px;
    height: 21px;
    border-radius: 3px;
    background: #454545;
    opacity: 0.8
}

#Login_Form .Unlogged .toggle em {
    display: block;
    padding-bottom: 3px;
    line-height: 21px;
    font-size: 11px;
    font-family: "Dotum";
    font-style: normal;
    color: #fff;
    background-image: url(/images/level_gage_arrow_161005.png);
    background-repeat: no-repeat;
    background-position: 24px 21px
}

#Login_Form .Unlogged .SNS > div:hover .toggle {
    display: block;
    z-index: 999
}

#Login_Form .Unlogged .s_naver.on > span {
    border-color: #1ac700;
    background: #1ac700
}

#Login_Form .Unlogged .s_naver:hover .toggle {
    left: 0px;
    width: 126px
}

#Login_Form .Unlogged .s_facebook.on > span {
    border-color: #3b579d;
    background: #3b579d
}

#Login_Form .Unlogged .s_facebook:hover .toggle {
    left: 0px;
    width: 136px
}

#Login_Form .Unlogged .s_google.on > span {
    border-color: #ea4538;
    background: #ea4538
}

#Login_Form .Unlogged .s_google:hover .toggle {
    left: 0px;
    width: 115px
}

#Login_Form .Unlogged .s_kakao.on > span {
    border-color: #ffeb00;
    background: #ffeb00
}

#Login_Form .Unlogged .s_kakao:hover .toggle {
    right: -35px;
    width: 136px
}

#Login_Form .Unlogged .s_kakao:hover .toggle em {
    background-position: 72px 21px
}

#Login_Form .Unlogged .s_email.on > span {
    border-color: #666;
    background: #666
}

#Login_Form .Unlogged .s_email:hover .toggle {
    right: 0px;
    width: 152px
}

#Login_Form .Unlogged .s_email:hover .toggle em {
    background-position: 123px 21px
}

#Login_Form .Unlogged .SNS > div > span, #Login_Form .Unlogged .SNS > div > a {
    display: block;
    height: 30px;
    line-height: 28px;
    border: 1px solid #eaeaea
}

#Login_Form .Unlogged .Btn {
    overflow: hidden;
    line-height: 12px;
    text-align: center
}

#Login_Form .Unlogged .Btn a, #Login_Form .Unlogged .Btn .btn_close {
    padding: 0px 8px;
    font-size: 14px;
    font-weight: 300
}

#Login_Form .Unlogged .Btn a:hover, #Login_Form .Unlogged .Btn .btn_close:hover {
    color: #448aff
}

#Login_Form .Unlogged .Btn a+a {
    border-left: 1px solid #eee;
    color: #666
}

#Login_Form .Unlogged .Btn .btn_close {
    display: none;
    border-left: 1px solid #eee;
    color: #e55757;
    cursor: pointer
}

.accountForGuest {
    height: 124px;
    padding: 12px 0px;
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    align-items: center;
    box-sizing: border-box;
    gap: 8px
}

.accountForGuest .tit {
    font-size: 13px;
    color: #999;
    text-align: center
}

.accountForGuest .Btn {
    display: flex;
    gap: 16px;
    justify-content: center
}

.accountForGuest .Btn a {
    font-size: 14px;
    font-weight: 300
}

.accountForGuest .Btn a:hover {
    color: #4c06cd;
    font-weight: 500;
    transition: color .2s ease,color .1s ease
}

#btnLoginForGeust {
    font-size: 16px;
    color: #FFF;
    background: #5707eb;
    display: block;
    margin: 0 24px;
    border-radius: 8px;
    line-height: 26px;
    text-align: center;
    padding: 8px 0;
    box-sizing: border-box;
    font-weight: 500
}

#btnLoginForGeust:hover {
    background: #4c06cd;
    transition: background .2s ease,color .1s ease
}

#Login_Form .l_iboss .Btn .btn_close {
    display: inline
}

#Login_Form .Logged {
    font-size: 14px;
    padding: 20px 20px 12px
}

#Login_Form .Logged .user-info {
    display: flex;
    justify-content: space-between
}

#Login_Form .Logged .user-info > div {
    display: flex;
    align-items: center
}

#Login_Form .Logged .user-info .setting {
    font-size: 12px;
    color: #AAA;
    margin-left: 4px
}

#Login_Form .Logged .nickname {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    letter-spacing: -0.4px
}

#Login_Form .Logged .LogOut {
    border: 1px solid #E0E0E0;
    color: #6c6c6c;
    width: 70px;
    height: 24px;
    letter-spacing: -1px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    font-weight: 500
}

#Login_Form .Logged .nickname .biz {
    font-size: 12px;
    width: 15px;
    line-height: 17px;
    margin: 3px 0 0 5px;
    padding: 0 3px;
    background: #0093D1
}

#Login_Form .Logged .nickname a {
    float: left
}

#Login_Form .Logged .nickname a:hover {
    color: inherit
}

#Login_Form .Logged .nickname p {
    float: left
}

#Login_Form .Logged a.biz {
    margin-top: 4px;
    background: url('https://cdn.ibos.kr/images/iboss_nickname_tag.png') no-repeat;
    background-position: -33px 0;
    width: 22px;
    height: 14px;
    text-indent: -999em;
    display: block;
    margin-left: 5px;
    float: left
}

#Login_Form .Logged a.expert {
    margin-top: 4px;
    background: url('https://cdn.ibos.kr/images/iboss_nickname_tag.png') no-repeat;
    width: 32px;
    height: 14px;
    text-indent: -999em;
    display: block;
    margin-left: 3px;
    float: left
}

#Login_Form .Logged .states {
    display: flex;
    align-items: center;
    margin: 12px 0 4px 0
}

#Login_Form .Logged .states a {
    display: block;
    height: 18px;
    line-height: 18px
}

#Login_Form .Logged .states .plus-ico {
    display: flex;
    justify-content: center;
    align-items: center
}

#Login_Form .Logged .states .plus-ico img {
    height: 18px
}

#Login_Form .Logged .states .non-plus {
    display: flex;
    align-items: center;
    gap: 4px
}

#Login_Form .Logged .states .non-plus img {
    width: 16px
}

#Login_Form .Logged .states .non-plus span {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.4px;
    color: #6b7684
}

#Login_Form .Logged .states .my-litter, #Login_Form .Logged .states .my-cash {
    color: #8b95a1;
    font-size: 12px;
    letter-spacing: -0.4px;
    font-weight: bold;
    line-height: 18px
}

#Login_Form .Logged .states .my-litter strong, #Login_Form .Logged .states .my-cash strong {
    font-size: 14px;
    color: #6b7684;
    display: inline-block;
    margin-right: 2px
}

#Login_Form .Logged .states .my-litter::before, #Login_Form .Logged .states .my-cash::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 8px;
    background: #E0E0E0;
    margin: 0 16px
}

#QuickMenu {
    display: flex;
    justify-content: space-around;
    border-top: 1px solid #F5F5F5;
    margin: 0 20px;
    height: 46px
}

#QuickMenu.direct-link a {
    font-size: 14px;
    text-align: center;
    display: block;
    line-height: 40px;
    font-weight: 600;
    width: 100%;
    color: #000;
    position: relative
}

#QuickMenu.direct-link a:first-child {
    border-left: 0
}

#QuickMenu.direct-link a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
    width: 1px;
    height: 8px;
    background: #E0E0E0
}

#QuickMenu.direct-link a:first-child::before {
    content: none
}

.mb_layer {
    display: none;
    position: absolute;
    top: 100px;
    left: 0;
    width: 300px;
    background: #FFF;
    z-index: 99
}

.mb_layer > div {
    display: none;
    overflow-y: auto;
    height: 234px;
    padding: 10px 5px;
    border: 1px solid #EAEAEA;
    border-top: 0
}

.mb_layer > div .msg_title {
    position: relative;
    padding-bottom: 7px
}

.mb_layer > div .msg_title p {
    font-size: 12px;
    font-weight: 600;
    color: #939;
    padding-left: 10px
}

.mb_layer > div .msg_title a {
    position: absolute;
    top: -2px;
    right: 0;
    font-size: 12px;
    color: #666;
    padding: 2px 5px
}

.mb_layer > div .cell {
    position: relative;
    border-top: 1px dotted #e5e5e5
}

.mb_layer > div .cell .new {
    position: absolute;
    top: 7px;
    left: 0;
    width: 5px;
    height: 5px;
    text-indent: -999em;
    background-image: url('https://cdn.ibos.kr/images/main_icon.png');
    background-position: 0px -179px;
    background-repeat: no-repeat
}

.mb_layer > div .cell .OLD {
    position: absolute;
    top: 7px;
    left: 0;
    width: 5px;
    height: 5px;
    text-indent: -999em;
    background: url('https://cdn.ibos.kr/images/main_icon.png') -6px -179px no-repeat
}

.mb_layer > div .cell .info {
    padding-left: 10px;
    color: #787878;
    font-size: 12px
}

.layer_alarm .cell {
    position: relative;
    border-top: 1px dotted #e5e5e5
}

.layer_alarm .cell a {
    display: block;
    overflow: hidden;
    padding: 10px;
    font-size: 12px;
    line-height: 18px;
    margin-right: 25px;
    letter-spacing: -1px
}

.layer_alarm .cell a > div {
    position: relative
}

.layer_alarm .cell a:hover {
    text-decoration: none
}

.layer_alarm .cell a:hover .text-ellipsis {
    text-decoration: underline
}

.layer_alarm .cell .info {
    padding-left: 10px;
    font-size: 11px
}

.layer_alarm .cell .info strong {
    padding-right: 10px;
    margin-right: 10px;
    font-weight: normal;
    background: url('https://cdn.ibos.kr/images/161031_best_05.png') center right no-repeat
}

.layer_alarm .cell .info .category_1 {
    font-weight: 600
}

.layer_alarm .cell .text-ellipsis {
    color: #333;
    font-size: 12px;
    margin-left: 10px
}

.layer_alarm .cell .new {
    position: absolute;
    top: 7px;
    left: 0;
    width: 5px;
    height: 5px;
    text-indent: -999em;
    background: url('https://cdn.ibos.kr/images/main_icon.png') 0 -179px no-repeat
}

.layer_alarm .cell .origin_article {
    margin-left: 10px;
    color: #999;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.layer_alarm .cell .btn_delete {
    position: absolute;
    top: 17px;
    right: 0px;
    cursor: pointer;
    padding: 2px 5px
}

.layer_alarm .all_delete, .layer_msg .all_delete {
    position: absolute;
    top: -2px;
    right: 48px;
    font-size: 11px;
    color: #894389;
    letter-spacing: -1px;
    padding: 0 5px;
    height: 20px;
    line-height: 20px
}

.layer_alarm .all_delete:hover, .layer_msg .all_delete:hover {
    text-decoration: underline;
    cursor: pointer
}

.layer_myarts .cell {
    position: relative;
    border-top: 1px dotted #e5e5e5
}

.layer_myarts .cell a {
    display: block;
    overflow: hidden;
    padding: 10px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -1px
}

.layer_myarts .cell a:hover {
    text-decoration: none
}

.layer_myarts .cell a:hover .text-ellipsis {
    text-decoration: underline;
    font-weight: 600
}

.layer_myarts .cell a > div {
    position: relative
}

.layer_myarts .cell .text-ellipsis {
    color: #333;
    font-size: 12px;
    margin-left: 10px
}

.layer_myarts .cell .info {
    padding-left: 10px;
    font-size: 11px;
    color: #787878
}

.layer_myarts .cell .info span {
    padding-right: 5px;
    margin-right: 5px;
    background: url('https://cdn.ibos.kr/images/161031_best_05.png') center right no-repeat
}

.layer_myarts .cell .info span em {
    font-style: normal;
    font-weight: 600
}

.layer_myarts .cell .comment em {
    color: #369
}

.layer_myarts .cell .count em {
    font-weight: normal !important
}

.layer_myarts .cell .info span.time {
    background: none;
    padding: 0;
    margin: 0
}

.layer_mycmt .cell {
    position: relative;
    border-top: 1px dotted #e5e5e5
}

.layer_mycmt .cell a {
    display: block;
    overflow: hidden;
    padding: 10px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -1px
}

.layer_mycmt .cell a:hover {
    text-decoration: none
}

.layer_mycmt .cell a:hover .text-ellipsis {
    text-decoration: underline;
    font-weight: 600
}

.layer_mycmt .cell a > div {
    position: relative
}

.layer_mycmt .cell .text-ellipsis {
    color: #333;
    font-size: 12px;
    margin-left: 10px
}

.layer_mycmt .cell .info {
    padding-left: 10px;
    font-size: 11px;
    color: #787878
}

.layer_mycmt .cell .info span {
    padding-right: 10px;
    margin-right: 10px;
    background: url('https://cdn.ibos.kr/images/161031_best_05.png') center right no-repeat
}

.layer_mycmt .cell .info span em {
    font-style: normal;
    font-weight: 600
}

.layer_mycmt .cell .comment em {
    color: #369
}

.layer_mycmt .cell .count em {
    font-weight: normal !important
}

.layer_mycmt .cell .info span.time {
    background: none;
    padding: 0;
    margin: 0
}

.layer_msg .cell a {
    display: block;
    padding: 10px;
    font-size: 12px;
    line-height: 18px
}

.layer_msg .cell a:after {
    content: '';
    display: block;
    clear: both
}

.layer_msg .cell a > div {
    float: left
}

.layer_msg .cell a:hover strong {
    color: initial
}

.layer_msg .cell a:hover .text-ellipsis {
    text-decoration: underline
}

.layer_msg .cell .profile {
    padding-top: 3px
}

.layer_msg .cell .profile img {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin-right: 10px
}

.layer_msg .cell .conts {
    width: 210px
}

.layer_msg .cell .conts strong {
    padding-right: 15px
}

.layer_msg .cell .conts .text-ellipsis {
    color: #545454;
    font-size: 13px
}

.layer_msg .cell .conts .chat_time {
    color: #999;
    font-size: 11px
}

.layer_msg .cell .conts .msg_cnt {
    position: absolute;
    top: 20px;
    right: 5px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    color: #FFF;
    background-color: #FF4949;
    font-weight: bold;
    font-size: 10px;
    padding: 2px
}

.layer_scrapbook .cell {
    position: relative;
    border-top: 1px dotted #e5e5e5
}

.layer_scrapbook .cell a {
    display: block;
    overflow: hidden;
    padding: 10px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -1px
}

.layer_scrapbook .cell a:hover {
    text-decoration: none
}

.layer_scrapbook .cell a:hover .text-ellipsis {
    text-decoration: underline;
    font-weight: 600
}

.layer_scrapbook .cell a > div {
    position: relative
}

.layer_scrapbook .cell .text-ellipsis {
    color: #333;
    font-size: 12px;
    margin-left: 10px
}

.layer_scrapbook .cell .info {
    padding-left: 10px;
    font-size: 11px;
    color: #787878
}

.layer_scrapbook .cell .info span {
    padding-right: 10px;
    margin-right: 10px;
    background: url('https://cdn.ibos.kr/images/161031_best_05.png') center right no-repeat
}

.layer_scrapbook .cell .info span em {
    font-style: normal;
    font-weight: 600
}

.layer_scrapbook .cell .comment em {
    color: #369
}

.layer_scrapbook .cell .count em {
    font-weight: normal !important
}

.layer_scrapbook .cell .info span.time {
    background: none;
    padding: 0;
    margin: 0
}

#adReview_LF .title {
    position: relative;
    background: url('https://cdn.ibos.kr/images/ad_review_title_bg.jpg') no-repeat;
    height: 250px;
    text-align: center
}

#adReview_LF .title h3 {
    font-size: 44px;
    color: #FFF
}

#adReview_LF .title p {
    font-size: 18px;
    color: #FFF;
    padding-top: 15px
}

#adReview_LF .title .wrap {
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 50%;
    margin-left: -221px
}

#adReview_LF .conts {
    position: relative;
    height: 387px;
    background: url('https://cdn.ibos.kr/images/ad_review_cont1_bg.jpg') no-repeat;
    margin-top: 25px;
    margin-bottom: 25px
}

#adReview_LF .conts > div {
    position: absolute;
    top: 50px;
    left: 50%;
    width: 510px;
    height: 290px;
    margin-left: -255px
}

#adReview_LF .conts > div a {
    display: block;
    text-align: center;
    padding: 30px
}

#adReview_LF .conts p {
    font-size: 15px;
    color: #666
}

#adReview_LF .conts span {
    display: block;
    font-size: 20px;
    color: #8A1AFF;
    padding-bottom: 15px
}

#adReview_LF .conts strong {
    display: block;
    font-size: 26px;
    padding-bottom: 10px;
    color: #1C1C1C
}

#adReview_LF .conts .info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

#adReview_LF .conts .info ul {
    overflow: hidden
}

#adReview_LF .conts .info ul li {
    float: left;
    width: 50%
}

#adReview_LF .conts .info ul li span {
    display: inline-block;
    font-size: 14px;
    color: #666;
    padding: 0 10px 15px 10px;
    letter-spacing: 0
}

#adReview_LF .conts .info ul li span em {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    width: 17px
}

#adReview_LF .conts .info ul li span.vote em {
    background: url('https://cdn.ibos.kr/images/5997_column_img_47.png') no-repeat;
    text-indent: -999em;
    height: 15px
}

#adReview_LF .conts .info ul li span.cmt em {
    background: url('https://cdn.ibos.kr/images/5997_column_img_44.png') no-repeat;
    text-indent: -999em;
    height: 15px
}

#adReview_LF .desc {
    border: 2px solid #9090D6;
    border-width: 2px 0;
    padding: 30px
}

#adReview_LF .desc ul {
    overflow: hidden
}

#adReview_LF .desc ul li {
    float: left;
    width: 605px
}

#adReview_LF .desc ul li:first-child {
    width: 250px;
    padding-right: 50px
}

#adReview_LF .desc ul li strong {
    font-size: 28px
}

#adReview_LF .desc ul li p {
    font-size: 16px;
    line-height: 26px
}

#adReview_LF .f_list tr:hover {
    background: #F1F1F1
}

#adReview_LF .f_list th {
    border: solid #743a44;
    border-width: 3px 0 1px;
    height: 50px;
    line-height: 50px;
    color: #857779;
    font-size: 15px;
    font-weight: 600
}

#adReview_LF .f_list td {
    height: 50px;
    border-bottom: 1px solid #eee;
    font-size: 13px;
    text-align: center;
    color: #000
}

#adReview_LF .f_list td.subject {
    text-align: left;
    font-weight: 600;
    font-size: 14px
}

#adReview_LF .f_list td a {
    display: block;
    padding: 17px 0
}

#adReview_LF .f_list td a span {
    border-bottom: 1px solid #FFF
}

#adReview_LF .f_list td a:hover span {
    border-color: #FF4949;
    color: #FF4949
}

#adReview_LF .f_list .f_list_tit {
    font-size: 17px;
    padding: 30px 0 15px 0;
    display: block
}

#column_VF .body.adReview {
    width: 750px;
    padding: 40
}

.search_N_click p {
    padding-bottom: 35px;
    text-align: justify;
    color: #000;
    font-size: 18px;
    line-height: 38px
}

.search_N_click p a {
    color: #000 !important
}

.search_N_click p a:hover {
    border-bottom: 1px solid #000
}

.search_N_click h3 {
    font-size: 28px;
    font-weight: 600;
    padding-bottom: 50px
}

.search_N_click span {
    font-size: 12px;
    color: #666
}

.search_N_click > strong {
    display: block;
    padding: 20px 0;
    font-size: 26px;
    color: #939;
    font-weight: normal;
    letter-spacing: -1px
}

.search_N_click > strong a {
    color: #939 !important
}

.reviewer_profile {
    width: 750px;
    margin: 30px auto;
    text-align: center
}

.reviewer_profile .prof_img {
    position: relative;
    z-index: 99
}

.reviewer_profile .prof_img img {
    width: 90px;
    height: 90px
}

.reviewer_profile .wrap {
    border: 1px solid #EEE;
    border-width: 1px 0;
    padding: 70px 0 30px 0;
    position: relative;
    top: -35px
}

.reviewer_profile .writer_name strong {
    font-size: 20px
}

.reviewer_profile .writer_name span {
    display: block;
    color: #aaa;
    padding-bottom: 7px;
    font-size: 18px
}

.reviewer_profile .MEU_int {
    font-size: 16px;
    color: #666;
    padding-top: 15px
}

.reviewer_profile .adReview_attachedFile p {
    color: #639;
    font-size: 19px
}

.reviewer_profile .adReview_attachedFile a {
    display: block;
    margin: 20px auto;
    width: 180px;
    border: 1px solid #639;
    color: #639;
    padding: 10px;
    font-size: 15px
}

.reviewer_profile .adReview_attachedFile a:hover {
    background: #639;
    color: #FFF
}

.adReview .nor_form {
    width: 740px;
    margin: 0 auto
}

.adReview .nor_form h3 {
    font-size: 23px;
    padding: 35px 0;
    font-weight: 600;
    text-align: center
}

.adReview .nor_form h5 {
    font-weight: normal;
    margin-bottom: 45px;
    text-align: center;
    font-size: 18px;
    letter-spacing: -1px
}

.adReview .nor_form p {
    position: relative;
    font-size: 16px;
    letter-spacing: -0.5px;
    margin-bottom: 20px
}

.adReview .nor_form p label {
    background: #448AFF;
    font-weight: 600
}

.adReview .nor_form label {
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    background: #663399;
    color: #FFF;
    padding: 0 8px;
    height: 28px;
    line-height: 28px;
    margin-right: 5px
}

.adReview .nor_form strong {
    position: relative;
    display: block;
    font-size: 17px;
    margin-bottom: 20px;
    padding-left: 40px
}

.adReview .nor_form .paragraph {
    padding-bottom: 35px
}

.adReview .nor_form .intro {
    padding: 20px 45px
}

.adReview .nor_form .cont {
    background: #F7F7F7;
    padding: 45px;
    padding-bottom: 0
}

.adReview .nor_form .cont p {
    padding-left: 40px
}

.adReview .nor_form .epilogue {
    padding: 45px;
    margin-top: 70px;
    padding-bottom: 0
}

.adReview .nor_form .epilogue img {
    max-width: 660px !important;
    height: auto
}

.ag_dic_info {
    width: 580px;
    margin: 0 auto 50px auto;
    border: 1px solid #E5E5E5;
    padding: 20px;
    min-height: 150px
}

.ag_dic_info .logo {
    float: left;
    width: 150px;
    height: 150px;
    line-height: 150px
}

.ag_dic_info .wrap {
    position: relative;
    margin-left: 170px
}

.ag_dic_info .wrap strong {
    display: block;
    font-size: 18px;
    border-bottom: 1px solid #E5E5E5;
    padding: 10px;
    margin-bottom: 10px
}

.ag_dic_info .wrap strong a {
    display: inline-block;
    font-size: 13px;
    color: #448AFF;
    margin-left: 15px
}

.ag_dic_info .wrap p {
    letter-spacing: -0.5px;
    padding-left: 10px
}

.ag_dic_info .wrap p span {
    padding-left: 10px;
    margin-left: 10px;
    font-size: 12px;
    color: #878787;
    border-left: 1px solid #eee
}

.ag_dic_info .wrap p span:first-child {
    border: 0;
    padding: 0;
    margin: 0
}

.ag_dic_info .wrap p.intd {
    font-size: 13px;
    line-height: 24px;
    padding-top: 15px
}

.ag_dic_info .wrap a.more {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #EEE;
    padding: 1px 4px;
    font-family: "돋움", Dotum;
    font-size: 11px;
    color: #999
}

.ag_dic_info .wrap a.more:hover {
    background: #F9F9F9;
    color: #666
}

#article_no_p {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9999;
    width: 100%;
    height: 100%
}

#article_no_p .p_cont {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 9999;
    width: 300px;
    height: 73px;
    margin-left: -180px;
    margin-top: -150px;
    padding: 30px;
    border: 1px solid #454545;
    background-color: #fff;
    text-align: center
}

#article_no_p h5 {
    padding-bottom: 12px;
    font-size: 17px
}

#article_no_p p {
    font-size: 15px;
    line-height: 24px
}

#levelup_ppu {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000
}

#levelup_ppu .bg {
    width: 100%;
    height: 100%;
    background-color: #000;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    -khtml-opacity: .7;
    opacity: .7
}

#levelup_ppu .levelup_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -267px;
    margin-left: -212px
}

#levelup_ppu .levelup_cont {
    width: 350px;
    margin: 10px auto;
    padding: 20px 25px 25px;
    border: 5px solid #000;
    border-radius: 10px;
    background: #fff
}

#levelup_ppu .levelup_cont .txt {
    margin: 10px 0px;
    font-size: 14px;
    text-align: center;
    color: #000
}

#levelup_ppu .level_now {
    height: 65px;
    line-height: 65px;
    border-radius: 10px;
    text-align: center;
    background: #f1f1f1
}

#levelup_ppu .level_leg {
    padding-right: 20px;
    font-size: 24px;
    background: url(/images/levelup_popup_bg_icon.png) no-repeat 100% 50%;
    color: #000
}

#levelup_ppu .level_user {
    padding-left: 15px;
    font-size: 30px;
    color: #ff382c
}

#levelup_ppu .level_present {
    border-top: 1px solid #000;
    text-align: center
}

#levelup_ppu .level_present dl {
    display: inline-block;
    margin: 0px 5px
}

#levelup_ppu .level_present dt {
    margin: 10px 0px 5px;
    font-size: 15px;
    color: #666
}

#levelup_ppu .level_present dd {
    width: 150px;
    padding: 10px 0px;
    border-radius: 10px;
    background: #f1f1f1;
    font-size: 20px;
    color: #28a7c9
}

#levelup_ppu .btn_close {
    display: block;
    width: 208px;
    height: 47px;
    line-height: 47px;
    margin: 0% auto;
    border: 5px solid #000;
    border-radius: 10px;
    background: #ffea00;
    font-size: 20px;
    color: #000;
    text-align: center;
    cursor: pointer
}

.column_subscribe {
    border: 2px solid #5f328f;
    padding: 40px 0;
    margin: 0 10px 90px 0;
    background: #FFF
}

.column_subscribe .email {
    background: #fff;
    width: 724px;
    margin: 0 auto;
    padding: 15px 0
}

.column_subscribe .email strong {
    display: block;
    text-align: center;
    font-size: 21px;
    color: #333
}

.column_subscribe .email p {
    font-size: 15px;
    text-align: center;
    padding: 10px 0
}

.column_subscribe .email .frm_box {
    width: 550px;
    margin: 0 auto;
    position: relative
}

.column_subscribe .email div input[type="text"] {
    border: none;
    height: 47px;
    width: 355px;
    padding: 0 0 0 17px;
    line-height: 47px;
    font-size: 17px;
    color: #000
}

.column_subscribe .email div .email_submit {
    display: block;
    position: absolute;
    width: 115px;
    height: 49px;
    top: 0;
    right: 0;
    border: 0;
    font-size: 17px;
    color: #FFF;
    padding: 0 15px;
    background: #5F328F
}

.column_subscribe .email .frm_box {
    width: 750px;
    position: relative;
    margin: 0 auto;
    padding-top: 30px
}

.column_subscribe .email .frm_box > div {
    display: inline-block;
    vertical-align: top
}

.column_subscribe .email .frm_box .select_chk {
    position: relative;
    width: 250px;
    height: 47px;
    margin-right: 5px;
    border: 1px solid #ccc;
    font-size: 14px;
    color: #B2B2B2;
    cursor: pointer
}

.column_subscribe .email .frm_box .select_list:after {
    content: '';
    display: block;
    clear: both
}

.column_subscribe .email .frm_box #btn_sel_col {
    display: block;
    width: 167px;
    height: 47px;
    line-height: 47px;
    padding-left: 10px;
    text-align: left;
    color: #666;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left
}

.column_subscribe .email .frm_box #ex {
    height: 47px;
    float: left;
    line-height: 47px
}

.column_subscribe .email .frm_box .select_chk ul {
    display: none;
    position: absolute;
    z-index: 10;
    top: 52px;
    left: -1px;
    width: 750px;
    padding: 0;
    border: 1px solid #ccc;
    background: #fff;
    box-shadow: 5px 5px 7px rgba(0,0,0,0.2)
}

.column_subscribe .email .frm_box .select_chk ul:after {
    content: '';
    display: block;
    clear: both
}

.column_subscribe .email .select_chk li {
    position: relative;
    float: left;
    width: 230px;
    height: 55px;
    color: #333;
    cursor: pointer;
    padding: 0 10px
}

.column_subscribe .email .select_chk li .AB-checkbox {
    position: relative;
    z-index: 10;
    width: 15px;
    height: 15px;
    margin-top: 22px
}

.column_subscribe .email .select_chk li span {
    width: 190px
}

.column_subscribe .email .select_chk li span img {
    width: 35px;
    margin-right: 5px;
    border-radius: 100%
}

.column_subscribe .email .select_chk li label {
    position: absolute;
    width: 95%;
    height: 100%;
    top: 0;
    left: 0;
    padding-right: 15px;
    line-height: 55px;
    text-indent: 40px;
    font-size: 13px;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.column_subscribe .email .select_chk li label.bgon {
    background: #5F328F;
    color: #FFF
}

.column_subscribe .email .f_email {
    position: relative;
    width: 493px;
    border: 0
}

.column_subscribe .email .f_email .AB-text {
    font-size: 14px;
    border: 1px solid #ccc
}

.column_subscribe .email div input[type="text"] {
    border: none;
    height: 47px;
    width: 355px;
    padding: 0 0 0 17px;
    line-height: 47px;
    font-size: 17px;
    color: #000
}

.column_subscribe .email input[type="text"].AB-text::placeholder {
    color: #666
}

.column_subscribe .email .select_chk .arrowin {
    position: absolute;
    width: 0;
    height: 0;
    top: 20px;
    right: 13px;
    border-top: 10px solid #999;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    background: #000;
    font-size: 0;
    line-height: 0
}

.column_subscribe .email div .email_submit {
    display: block;
    position: absolute;
    width: 115px;
    height: 49px;
    top: 0;
    border: 0;
    font-size: 17px;
    color: #FFF;
    padding: 0 15px;
    background: #5F328F
}

.MinfoPop2 {
    position: absolute;
    z-index: 1000
}

.MinfoPop2 .mb_info_pop .wrap {
    position: relative;
    width: 340px;
    border: 1px solid #CCC;
    background: #fff;
    box-shadow: 1px 1px 2px #AAA
}

.MinfoPop2 .mb_info_pop .wrap:after {
    content: '';
    display: block;
    clear: both
}

.MinfoPop2 .mb_info_pop .usr_profile_img {
    float: left;
    margin: 15px;
    position: relative
}

.MinfoPop2 .mb_info_pop .usr_profile_img.s_user {
    padding: 2px;
    border: 2px solid #663399;
    margin: 11px
}

.MinfoPop2 .mb_info_pop .usr_info {
    float: left;
    padding: 15px;
    padding-left: 0;
    text-align: left
}

.MinfoPop2 .mb_info_pop .usr_info strong {
    font-size: 15px;
    color: #1c1c1c
}

.MinfoPop2 .mb_info_pop .usr_info strong a:hover {
    text-decoration: underline;
    color: inherit
}

.MinfoPop2 .mb_info_pop .usr_info .biz {
    background: url('https://cdn.ibos.kr/images/iboss_nickname_tag.png') no-repeat;
    background-position: -33px 0;
    width: 22px;
    height: 14px;
    text-indent: -999em;
    display: inline-block;
    margin-left: 5px
}

.MinfoPop2 .mb_info_pop .usr_info .expert {
    background: url('https://cdn.ibos.kr/images/iboss_nickname_tag.png') no-repeat;
    width: 32px;
    height: 14px;
    text-indent: -999em;
    display: inline-block;
    margin-left: 3px
}

.MinfoPop2 .mb_info_pop .usr_info p {
    display: block;
    float: none;
    line-height: normal
}

.MinfoPop2 .mb_info_pop .usr_info p .usr_name {
    display: inline-block;
    padding-bottom: 0
}

.MinfoPop2 .mb_info_pop .usr_info p.MEU_position {
    color: #999;
    padding-left: 27px;
    padding-top: 5px
}

.MinfoPop2 .mb_info_pop .usr_info dl {
    padding-top: 5px
}

.MinfoPop2 .mb_info_pop .usr_info dl dd {
    overflow: hidden;
    padding-left: 5px;
    line-height: 20px
}

.MinfoPop2 .mb_info_pop .usr_info dl dd img {
    margin-right: 5px;
    position: relative;
    top: -1px
}

.MinfoPop2 .mb_info_pop .usr_info dl dd span {
    font-size: 12px;
    letter-spacing: 0;
    color: #666;
    font-weight: normal
}

.MinfoPop2 .mb_info_pop .usr_info dl dd span.text-ellipsis {
    color: #666 !important;
    font-weight: normal !important
}

.MinfoPop2 .mb_info_pop .usr_info dl dd span a {
    font-weight: normal;
    color: #454545
}

.MinfoPop2 .mb_info_pop .usr_info dl dd span a:hover {
    text-decoration: underline;
    color: #454545
}

.MinfoPop2 .mb_info_pop .buttons {
    position: relative;
    clear: both;
    background: #F2F2F2;
    border-top: 1px solid #E0E0E0;
    height: 32px;
    line-height: 32px;
    padding: 0 15px
}

.MinfoPop2 .mb_info_pop .buttons > a {
    margin-right: 5px;
    border: 1px solid #E0E0E0;
    background: #FFF;
    padding: 3px 5px;
    color: #999;
    font-size: 12px;
    font-weight: normal;
    vertical-align: top
}

.MinfoPop2 .mb_info_pop .buttons > a:hover {
    color: #1c1c1c;
    border-color: #999
}

.MinfoPop2 .mb_info_pop .buttons span {
    position: absolute;
    top: 4px;
    right: 15px
}

.MinfoPop2 .mb_info_pop .buttons span a {
    border: 1px solid #E0E0E0;
    background: #FFF;
    cursor: pointer;
    height: 20px;
    line-height: 20px;
    color: #999
}

.MinfoPop2 .mb_info_pop .buttons span:hover a {
    color: #1c1c1c;
    border-color: #999
}

.MinfoPop2 .mb_info_pop .buttons .btn_follow a {
    width: auto;
    padding: 0px 5px;
    color: #999;
    font-weight: normal
}

.MinfoPop2 .mb_info_pop .buttons .btn_follow .btn_following_cancel {
    background: #a075cc;
    border: 0;
    background-position: 2px center;
    border-radius: 3px;
    color: #FFF
}

.MinfoPop2 .mb_info_pop .wedge {
    position: absolute;
    top: 10px;
    left: -7px
}

.MinfoPop2 .mb_info_pop .btn_more {
    position: absolute;
    top: 15px;
    right: 10px;
    color: #A5A5A5;
    font-size: 10px;
    font-weight: normal
}

.MinfoPop2 .mb_info_pop .btn_more:hover {
    text-decoration: underline
}

.MinfoPop2 .mb_info_pop .mb_memo {
    position: absolute;
    bottom: 42px;
    right: 7px;
    cursor: pointer;
    line-height: 0
}

[id^="ABP-btn-fdmenu-"] {
    font-size: 13px
}

.user-dropdown {
    position: absolute;
    z-index: 1000
}

.user-dropdown .wrap {
    position: relative;
    width: 280px;
    background: #FFF;
    box-shadow: 0 2px 17px rgb(0 0 0 / 16%);
    border-radius: 16px;
    box-sizing: border-box
}

.user-dropdown .usr_profile_img {
    position: relative
}

.user-dropdown .usr_profile_img a {
    display: inline-block
}

.user-dropdown .usr_profile_img.s_user::after {
    padding: 2px;
    border: 2px solid #663399;
    clear: both;
    content: "";
    position: absolute;
    top: -4px;
    left: -4px;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.user-dropdown .usr_profile_img.frame01::after {
    clear: both;
    content: "";
    position: absolute;
    top: -29px;
    left: -15px;
    width: 120px;
    height: 120px;
    background: url('https://cdn.ibos.kr/images/iboss_profile_frame_card_01.png')
}

.user-dropdown .usr_profile_img.frame02::after {
    clear: both;
    content: "";
    position: absolute;
    top: -29px;
    left: -15px;
    width: 120px;
    height: 120px;
    background: url('https://cdn.ibos.kr/images/iboss_profile_frame_card_02.png')
}

.user-dropdown .usr_info a.usr_name {
    font-size: 17px;
    color: #000;
    font-weight: 500
}

.user-dropdown .usr_info ul {
    padding-top: 10px
}

.user-dropdown .usr_info ul li {
    line-height: 28px;
    font-size: 13px;
    color: #5F5F5F
}

.user-dropdown .usr_info ul li a {
    border-bottom: 1px solid;
    color: #5F5F5F
}

.user-dropdown .usr_info ul li i {
    margin-right: 8px;
    font-size: 15px
}

.user-dropdown .usr_info .user-blocked-state {
    float: right;
    font-size: 13px;
    color: #FF4949
}

.user-dropdown .usr_info .user-blocked-state i {
    margin-right: 2px
}

.user-dropdown .buttons {
    position: relative;
    clear: both;
    display: flex;
    justify-content: space-between;
    padding: 12px 20px 20px
}

.user-dropdown .buttons a {
    border-radius: 20px;
    text-align: center;
    font-size: 14px;
    width: 100%;
    line-height: 40px;
    color: #000;
    border: 1px solid #333;
    font-weight: 500
}

.user-dropdown .buttons a:active, .user-dropdown .buttons a i, .user-dropdown .buttons span i {
    margin-right: 8px
}

.user-dropdown .buttons span:active {
    position: relative;
    top: 1px
}

.user-dropdown .buttons span {
    float: right;
    width: 64px;
    cursor: pointer;
    margin-right: 0
}

.user-dropdown-gift, .user-dropdown-more {
    display: none;
    width: 250px;
    position: absolute;
    top: 175px;
    right: -60px;
    background: #FFF;
    box-shadow: 0 1px 10px rgba(0,0,0,0.15);
    border-radius: 10px;
    padding: 10px;
    z-index: 1
}

.user-dropdown-gift a, .user-dropdown-more a {
    display: block;
    padding: 0 20px;
    line-height: 40px;
    font-size: 14px;
    color: #5F5F5F;
    width: auto;
    border: 0;
    background: #FFF
}

.user-dropdown-gift a:hover, .user-dropdown-more a:hover {
    background: #F6F6F6;
    border-radius: 5px;
    color: #000
}

.user-dropdown-gift a i, .user-dropdown-more a i {
    font-size: 16px;
    margin-right: 16px;
    position: relative;
    top: 1px;
    width: 16px
}

.user-dropdown-more a.btn_following_cancel {
    color: #663399
}

.user-dropdown-more a.btn_following_cancel i {
    font-weight: bold
}

.user-dropdown-more a.user_block {
    color: #f24545
}

.user-dropdown.n0609 .buttons a:hover {
    background: #EEE;
    transition: all 0.3s
}

.user-dropdown.n0609 .buttons a:active {
    margin: 0;
    position: relative;
    top: 1px
}

.user-dropdown.n0609 .more-layer {
    position: absolute;
    right: 10px;
    top: 10px
}

.user-dropdown.n0609 .more-layer i {
    font-size: 16px;
    padding: 8px;
    cursor: pointer;
    color: #555;
    width: 32px;
    box-sizing: border-box;
    text-align: center
}

.user-dropdown.n0609 .more-layer i:hover {
    background: #F0F0F0;
    border-radius: 3px;
    transition: all 0.3s;
    color: #000
}

.user-dropdown.n0609 .user-dropdown-gift, .user-dropdown.n0609 .user-dropdown-more {
    top: 42px;
    right: -15px;
    width: auto
}

.user-dropdown .user-wrap {
    position: relative;
    text-align: center;
    padding: 40px 20px 20px
}

.user-dropdown .user-wrap .usr_info {
    width: 100%;
    text-align: center;
    padding-top: 10px
}

.user-dropdown .user-wrap .verified_icon {
    font-size: 13px
}

.user-dropdown .user-wrap .usr_info .NickName {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.user-dropdown .user-wrap .usr_info .NickName > div {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 20px;
    flex-wrap: wrap
}

.user-dropdown .user-wrap .usr_profile_img img {
    width: 100px;
    height: 100px;
    border-radius: 50%
}

.user-dropdown .user-wrap .comp {
    font-size: 14px;
    color: #666;
    line-height: normal
}

.user-dropdown .user-wrap .comp a.on:hover {
    transition: all 0.2s;
    color: #448AFF
}

.user-dropdown .user-wrap .sp {
    display: inline-block;
    content: '';
    width: 2px;
    height: 2px;
    background: #aaa;
    border-radius: 50%;
    margin: 0 6px;
    vertical-align: middle
}

.user-dropdown .user-wrap .accessTime {
    font-size: 13px;
    color: #888
}

.user-dropdown .user_act {
    background: #F6F6F6;
    margin: 0 20px;
    border-radius: 16px;
    padding: 12px 16px;
    box-sizing: border-box;
    clear: both
}

.user-dropdown .user_act ul {
    display: flex;
    justify-content: space-around;
    text-align: center
}

.user-dropdown .user_act li p {
    font-size: 13px;
    line-height: 16px;
    color: #555;
    margin-top: 4px
}

.user-dropdown .user_act li a {
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    color: #333
}

.user-dropdown .user_act li a:hover {
    text-decoration: underline;
    transition: all 0.3s
}

.user-dropdown .user_act li a.none:hover {
    text-decoration: none;
    transition: all 0.3s;
    cursor: text
}

.user-dropdown .user_act li span.sp {
    display: block;
    width: 1px;
    height: 30px;
    background: #EEE;
    margin-top: 6px
}

.user-dropdown .int .inner {
    word-break: break-all;
    margin-top: 8px;
    padding: 0 20px
}

.user-dropdown .int .inner a {
    font-size: 14px;
    line-height: 160%;
    color: #666;
    letter-spacing: -0.4px;
    display: inline-block
}

.user-dropdown .int .inner a:hover {
    text-decoration: underline;
    transition: all .3s ease-in;
    color: #000
}

.user-dropdown .int-more {
    text-align: center
}

.user-dropdown .int-more a {
    font-size: 12px;
    font-weight: bold;
    color: #555 !important;
    line-height: 28px;
    padding: 0 12px;
    cursor: pointer;
    margin-top: 4px
}

.user-dropdown .int-more a:hover {
    text-decoration: underline;
    transition: all 0.3s
}

.user-dropdown .wrap.special .user-wrap {
    padding: 80px 20px 20px
}

.user-dropdown .wrap.special .user-wrap .bg-cover {
    height: 140px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px
}

.user-dropdown .wrap.special .user-wrap .usr_profile_img img {
    width: 120px;
    height: 120px;
    background-color: #FFF
}

.user-dropdown .wrap.special .more-layer {
    top: 150px
}

.user-dropdown .wrap.special .user-dropdown-gift, .user-dropdown .wrap.special .user-dropdown-more {
    top: 182px;
    right: -15px;
    width: auto
}

.user-dropdown .special .user-wrap .usr_profile_img img {
    box-shadow: 0 2px 17px rgb(0 0 0 / 16%)
}

.preLoading .wrap {
    position: relative;
    background: #FFF;
    box-shadow: 0 2px 17px rgb(0 0 0 / 16%);
    border-radius: 16px;
    padding: 20px
}

.preLoading .usr_profile_img {
    position: relative;
    width: 80px;
    height: 80px;
    background: #f0f0f0;
    border-radius: 50%;
    margin: 0 auto
}

.preLoading .usr_info {
    float: left;
    width: 210px;
    text-align: left
}

.preLoading .usr_info .NickName .usr_name {
    background: #F0F0F0;
    width: 150px;
    height: 24px;
    margin: 0 auto;
    border-radius: 6px
}

.preLoading .usr_info .NickName .accessTime {
    background: #F9F9F9;
    width: 60px;
    height: 20px;
    margin: 4px auto 0 auto;
    border-radius: 6px
}

.preLoading .usr_info a.usr_name {
    font-size: 17px;
    color: #000;
    font-weight: 500;
    border-radius: 6px
}

.preLoading .usr_info ul {
    padding-top: 10px
}

.preLoading .usr_info ul li {
    line-height: 28px
}

.preLoading .user_item ul li span {
    background: #f0f0f0;
    display: inline-block
}

.preLoading .user_item ul li .half {
    width: 68px;
    height: 20px;
    margin-right: 8px
}

.preLoading .user_item ul li .full {
    width: 160px;
    height: 20px
}

.preLoading .buttons {
    position: relative;
    clear: both;
    display: flex;
    justify-content: space-between
}

.preLoading .buttons span {
    width: 100%;
    height: 40px;
    background: #E5E5E5;
    border-radius: 4px;
    box-sizing: border-box;
    border-radius: 6px
}

.cert_spwrap {
    position: relative;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
    color: #494C9C;
    margin-left: 4px;
    vertical-align: middle
}

.cert_spwrap .fa-s {
    color: #FFF;
    font-size: 8px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 16px;
    text-align: center;
    line-height: 16px;
    z-index: 10
}

.comment_writer .cert_spwrap {
    top: -2px
}

.block_popup .dim_bg {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 99
}

#block_user_write {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 380px;
    text-align: center;
    margin-top: 10px;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

#block_user_write .outer-container {
    border-radius: 12px;
    box-shadow: 0 1px 10px rgb(0 0 0 / 8%);
    background: #fff;
    padding: 20px
}

#block_user_write h4 {
    font-size: 18px;
    color: #000;
    font-weight: bold
}

#block_user_write p {
    font-size: 14px;
    margin-top: 15px
}

#block_user_write p span {
    font-weight: bold
}

#block_user_write textarea {
    background: #f9f9f9;
    border: 1px solid #efefef;
    border-radius: 3px;
    font-size: 14px;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    height: 80px
}

#block_user_write .item {
    text-align: center;
    background: #fff;
    margin-top: 13px
}

#block_user_write .wf_submit_btn {
    padding: 20px 0 0 0
}

#block_user_write .wf_submit_btn input {
    width: 120px;
    background: #663399;
    box-shadow: none
}

#block_user_write .wf_submit_btn a {
    border: none !important;
    box-shadow: none;
    background: #e5e5e5;
    display: inline-block !important;
    color: #888 !important
}

#block_user_write .wf_submit_btn a:hover {
    color: inherit
}

#mb_memotxt {
    display: none;
    position: absolute;
    width: 308px;
    right: 0;
    top: 156px;
    padding: 15px;
    z-index: 50;
    background: #fff;
    border: 1px solid #ddd
}

#mb_memotxt textarea {
    width: 300px;
    margin-bottom: 12px;
    resize: none
}

#mb_memotxt textarea::placeholder {
    font-size: 14px
}

#mb_memotxt > div:after {
    content: '';
    display: block;
    clear: both
}

#mb_memotxt input[type=submit], #mb_memotxt .memo_cencle {
    display: inline-block;
    width: 50%;
    height: 25px;
    line-height: 25px;
    vertical-align: top;
    background: #3998D7;
    text-align: center;
    color: #FFF
}

#mb_memotxt .memo_cencle {
    background: #BDBDBD;
    cursor: pointer
}

#not_found_nickname {
    background: #F9F9F9;
    padding: 50px 0 200px 0;
    text-align: center
}

#not_found_nickname p {
    font-size: 24px;
    padding: 30px
}

#not_found_nickname .sch_nick {
    display: inline-block;
    background: #3F51B5;
    color: #FFF;
    font-size: 16px;
    padding: 12px 35px
}

#cooperator h3 {
    font-weight: 500
}

#cooperator {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 100px
}

#cooperator .co_head {
    min-height: 28px;
    background: #FFF
}

#cooperator.__fixedMenu .co_head {
    position: fixed;
    top: 0;
    left: 50%;
    border-width: 0 1px 1px 1px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 99;
    border-bottom: 1px solid #EEE;
    width: 100%;
    box-sizing: border-box
}

#cooperator .co_head h3 {
    text-align: center;
    font-size: 24px;
    color: #000;
    font-weight: bold
}

#cooperator .co_head a {
    position: absolute;
    top: 15px;
    right: 0;
    font-size: 16px;
    width: 150px;
    line-height: 40px;
    background: #FF3300;
    color: #FFF;
    border-radius: 3px
}

#cooperator .co_head .wrap {
    position: relative;
    padding: 20px 0;
    width: 864px;
    margin: 0 auto 10px
}

#cooperator .conts {
    width: 1050px;
    margin: 0 auto;
    background: #FFF;
    padding: 50px 0
}

#cooperator .db_get {
    width: 664px;
    margin: 20px auto 0;
    border: 1px solid #E0E0E0;
    padding: 70px 100px;
    background: #F6F6F6
}

#cooperator .db_get ul li {
    text-align: left;
    padding: 5px 0;
    display: flex
}

#cooperator .db_get ul li input {
    padding: 12px 15px;
    width: 450px;
    font-size: 15px;
    background: #FFF;
    border-radius: 5px;
    border: 0 !important
}

#cooperator .db_get ul li input:focus {
    border: 1px solid #663399;
    outline: none
}

#cooperator .db_get ul li .input-radio {
    line-height: 42px;
    padding: 0 15px;
    width: 450px;
    font-size: 15px;
    background: #f6f6f6;
    border-radius: 5px;
    display: inline-block
}

#cooperator .db_get ul li .input-radio p {
    display: inline-block
}

#cooperator .db_get ul li .input-radio.p7610 p {
    margin-right: 30px
}

#cooperator .db_get ul li .input-radio.p7610 p label {
    width: auto;
    font-size: 14px
}

#cooperator .db_get ul li .input-radio.p7610 span {
    display: block;
    line-height: normal;
    font-size: 13px;
    color: #777;
    margin-bottom: 12px
}

#cooperator .db_get ul li .input-radio.p7610 span a {
    color: #448AFF
}

#cooperator .db_get ul li .input-radio.p7610 span a:hover {
    text-decoration: underline
}

#cooperator .db_get ul li input[type=radio] {
    width: auto;
    position: relative;
    top: -1px
}

#cooperator .db_get ul li input[type=radio] + label {
    display: inline-block;
    cursor: pointer;
    padding-left: 4px
}

#cooperator .db_get ul li.chkbox-align {
    min-height: 42px
}

#cooperator .db_get ul li.chkbox-align .input-radio {
    display: flex;
    align-items: center
}

#cooperator .db_get ul li.chkbox-align .input-radio p {
    display: flex;
    align-items: center
}

#cooperator .db_get ul li.chkbox-align input[type=checkbox] {
    position: static;
    padding: 0;
    margin: 0;
    width: 15px;
    height: 15px;
    line-height: 15px
}

#cooperator .db_get ul li.chkbox-align input[type=checkbox] + label span {
    margin: 0
}

#cooperator .db_get ul li .input-checkbox {
    line-height: 42px;
    font-size: 15px;
    background: #f6f6f6;
    border-radius: 5px;
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

#cooperator .db_get ul li .input-checkbox p {
    display: inline-block
}

#cooperator .db_get ul li .input-checkbox span {
    color: #555
}

#cooperator .db_get ul li input[type=checkbox] {
    width: auto;
    position: relative;
    top: -1px
}

#cooperator .db_get ul li input[type=checkbox] + label {
    display: inline-block;
    cursor: pointer;
    padding-left: 4px
}

#cooperator .db_get ul li label {
    display: inline-block;
    width: 150px;
    font-size: 15px;
    vertical-align: top
}

#cooperator .db_get ul li label span {
    color: #FF4949
}

#cooperator .db_get ul li select {
    width: 482px;
    height: 40px;
    border-color: #E0E0E0;
    background: #FFF;
    border: 0;
    border-radius: 5px
}

#cooperator .db_get ul li .phone_part {
    width: 134px
}

#cooperator .db_get ul li #select_self_input {
    margin: 10px 0 0 150px
}

#cooperator .db_get ul li textarea {
    padding: 10px 15px;
    width: 450px;
    font-size: 14px;
    border-color: #E0E0E0;
    resize: none;
    min-height: 60px;
    line-height: 22px;
    background: #FFF
}

#cooperator .db_get ul li textarea:focus {
    border: 1px solid #663399;
    outline: none
}

#cooperator .db_get .clause {
    display: inline-block;
    width: 450px;
    background: #FFF;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 5px
}

#cooperator .db_get .clause p {
    font-size: 13px;
    line-height: 18px
}

#cooperator .db_get .more-info {
    border-bottom: 1px solid #eee;
    margin: 0 0 45px
}

#cooperator .db_get .more-info img {
    border: 0
}

#cooperator .db_get .more-info h3 {
    font-size: 24px;
    margin: 15px 25px 0
}

#cooperator .db_get .more-info p {
    font-size: 15px;
    margin: 15px 0 45px 0;
    color: #a3a3a3
}

#cooperator .db_get .agreement {
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -1px
}

#cooperator .db_get .submit {
    margin: 25px 0;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    background: #663399;
    color: #fff;
    width: 150px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    vertical-align: top;
    box-shadow: 0 0 6px rgba(0,0,0,0.15)
}

#cooperator .db_get .submit:hover {
    background: #4d2673;
    transition: all .2s ease-in-out
}

#cooperator .db_list {
    width: 1050px;
    margin: 0 auto
}

#cooperator .db_list .table-mbt td {
    height: 42px;
    padding: 5px 0
}

#cooperator .db_list .table-mbb td {
    background: #FFF;
    letter-spacing: 0;
    font-size: 13px
}

#cooperator .db_list .state_btn {
    padding: 2px 5px;
    border: 1px solid #aaa
}

#cooperator .interview {
    width: 864px;
    background: #5C457D;
    color: #FFF;
    padding: 30px 0;
    margin: 12px auto;
    font-size: 21px
}

#cooperator .interview span {
    display: block;
    font-size: 42px;
    padding-bottom: 20px;
    text-align: center
}

#cooperator .interview a {
    display: block;
    width: 200px;
    background: #FFF;
    color: #663399;
    margin: 30px auto 0 auto;
    line-height: 44px;
    font-size: 18px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.12)
}

#cooperator .interview a:active {
    position: relative;
    top: 1px
}

#cooperator .interview.more {
    color: #666;
    font-size: 17px;
    margin-top: 0;
    background: #f6f6f6;
    padding: 70px 0
}

#cooperator .interview.more a {
    box-shadow: none;
    background: none
}

#cooperator .interview.more a:hover {
    text-decoration: underline
}

#cooperator .db_get dl {
    display: inline-block;
    width: 450px;
    padding: 10px 0px
}

#cooperator .db_get dl dd {
    line-height: 24px
}

#cooperator .db_get dl dd input {
    width: auto;
    margin: 5px
}

#cooperator .db_get dl dd label {
    cursor: pointer
}

#cooperator .tab_1, #cooperator .tab_2 {
    cursor: pointer
}

#cooperator .map_samsung {
    display: none
}

#cooperator .michelan .db_get {
    padding: 70px 100px;
    border-top: 0
}

#cooperator .recmd_for {
    background: #1E9748;
    width: 864px;
    margin: 0 auto;
    border: 1px solid #E0E0E0;
    border-width: 0 1px;
    padding: 32px 0;
    text-align: left
}

#cooperator .recmd_for h5, #cooperator .recmd_for h6, #cooperator .recmd_for p {
    color: #FFF;
    text-indent: 200px;
    font-size: 16px
}

#cooperator .recmd_for h5 {
    font-size: 24px;
    margin-bottom: 8px
}

#cooperator .recmd_for h6 {
    margin-top: 40px;
    margin-bottom: 8px;
    color: #EEE
}

#cooperator .recmd_for h6 + p {
    font-size: 15px;
    color: #EEE
}

#cooperator .recmd_for p {
    line-height: 26px;
    margin-bottom: 4px
}

#cooperator .recmd_for strong {
    border-bottom: 1px solid
}

#cardLanding .header {
    background: url('https://cdn.ibos.kr/images/230804_landing_full_top_bg.png') no-repeat;
    background-size: cover;
    text-align: center;
    padding: 100px 0
}

#cardLanding .conts {
    background: #e8f0fd;
    padding-bottom: 100px
}

#cardLanding .conts .benefits {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 100px 0
}

#cardLanding .conts .benefits img {
    display: block;
    margin: 0 auto
}

#cardLanding .conts .benefits img:first-child {
    margin-bottom: 20px
}

#cardLanding .conts .use {
    padding-bottom: 100px;
    text-align: center
}

#cardLanding .conts .use img:first-child {
    display: block;
    margin: 0 auto 50px
}

#cardLanding .conts .use img:last-child {
    margin-left: 20px
}

#cardLanding .conts .faq > div {
    background: #c4d8fa;
    color: #2a3d92;
    width: 864px;
    margin: 0 auto;
    border-radius: 30px;
    padding: 50px 100px;
    box-sizing: border-box
}

#cardLanding .conts .faq img {
    display: block;
    margin: 0 auto 50px
}

#cardLanding .conts .faq strong {
    display: block
}

#cardLanding .conts .faq p {
    font-size: 24px;
    margin-bottom: 30px;
    line-height: 160%;
    letter-spacing: -1px
}

#cardLanding .noti {
    background: #DEE1E7;
    font-size: 16px;
    line-height: 180%
}

#cardLanding .noti > div {
    width: 864px;
    margin: 0 auto;
    padding: 50px 0
}

#cooperator .bnf_for {
    background: #fff;
    width: 862px;
    margin: 0 auto;
    border: 1px solid #E0E0E0;
    border-width: 0 1px;
    padding: 32px 0;
    text-align: left
}

#cooperator .bnf_for h5, #cooperator .bnf_for h6, #cooperator .bnf_for span, #cooperator .bnf_for p {
    color: #666;
    text-indent: 65px
}

#cooperator .bnf_for h5 {
    font-size: 24px;
    margin-bottom: 10px;
    color: #333
}

#cooperator .bnf_for h6 {
    margin-top: 20px;
    margin-bottom: 8px;
    color: #333;
    font-size: 16px
}

#cooperator .bnf_for h6 + p {
    color: #666
}

#cooperator .bnf_for p {
    margin-bottom: 4px;
    font-size: 14px
}

#cooperator .bnf_for span {
    font-size: 12px;
    display: inline-block;
    color: #999
}

#cooperator .bnf_for strong {
    border-bottom: 1px solid
}

#cooperator .faq {
    width: 864px;
    margin: 20px auto;
    background: #f6f6f6;
    padding: 50px 100px;
    border: 1px solid #e0e0e0;
    text-align: left;
    box-sizing: border-box
}

#cooperator .faq strong {
    display: block;
    font-size: 18px;
    padding: 12px 0 8px;
    color: #000;
    position: relative
}

#cooperator .faq strong::before {
    clear: both;
    content: "💬";
    position: absolute;
    left: -28px
}

#cooperator .faq p {
    font-size: 16px;
    line-height: 160%;
    margin-bottom: 12px
}

#cooperator .ytbList {
    width: 864px;
    border: 1px solid #e0e0e0;
    margin: 0 auto;
    background: #eee
}

#cooperator .ytbWrap {
    position: relative;
    padding-top: 56%;
    width: 100%;
    height: 0
}

#cooperator .ytbWrap:last-child {
    margin-bottom: 60px
}

#cooperator .ytbWrap iframe {
    position: absolute;
    top: 0;
    left: 5%;
    width: 90%;
    height: 100%
}

#recommend-partner + .contact {
    text-align: center;
    display: flex;
    height: 68px;
    align-items: center;
    justify-content: center;
    background: #113868;
    gap: 20px
}

#recommend-partner + .contact a {
    display: block;
    color: #FFF;
    font-size: 18px;
    line-height: 20px
}

#recommend-partner + .contact span {
    background-color: rgba(255,255,255,0.35);
    height: 12px;
    width: 1px
}

#WriterRelation .certification {
    position: relative;
    display: inline-block
}

#WriterRelation .certification a.biz {
    position: relative;
    top: 1px;
    background: url('https://cdn.ibos.kr/images/iboss_nickname_tag.png') no-repeat;
    background-position: -33px 0;
    width: 22px;
    height: 14px;
    text-indent: -999em;
    display: inline-block
}

#WriterRelation .certification a.expert {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 32px;
    text-indent: -999em;
    margin-right: 3px;
    background: url('https://cdn.ibos.kr/images/iboss_nickname_tag.png') no-repeat
}

#WriterRelation .certification a.cert_icon {
    margin-left: -8px;
    position: relative;
    top: -1px
}

#WriterRelation .certification .cert_icon:hover p {
    display: block;
    position: absolute;
    top: -5px;
    left: 25px;
    width: 75px;
    background: #000;
    color: #FFF;
    padding: 5px 10px;
    z-index: 999;
    opacity: .6
}

#WriterRelation .certification p {
    display: none
}

#WriterRelation .verified_user {
    position: absolute;
    text-indent: -9999px;
    top: 46px;
    right: 0;
    background: url('https://cdn.ibos.kr/images/mypage_icon_ver2.png') no-repeat;
    background-position: -31px 0;
    width: 24px;
    height: 24px
}

#WriterRelation .verified_user:hover .vp_cover {
    display: block
}

#WriterRelation .verified_user p {
    display: none;
    position: absolute;
    top: -3px;
    left: 20px;
    width: 85px;
    background: #000;
    color: #FFF;
    padding: 5px 10px;
    z-index: 999;
    opacity: .6;
    text-align: center;
    font-style: normal
}

#WriterRelation .verified_user p a {
    display: block;
    color: inherit;
    text-indent: 0;
    margin: 0 !important
}

#WriterRelation .verified_user p img {
    position: relative;
    top: -2px;
    left: 3px
}

#WriterRelation .verified_user:hover p {
    display: block
}

.MinfoPop2 .verified_user.mb_popup {
    top: 81px !important;
    right: 15px !important;
    left: auto;
    position: absolute;
    background: url('https://cdn.ibos.kr/images/mypage_icon_ver2.png') no-repeat;
    background-position: -31px 0;
    text-indent: -9999em;
    width: 24px;
    height: 24px
}

#SchResult .certification {
    display: inline-block;
    padding-left: 5px
}

#SchResult .certification a.biz {
    background: url('https://cdn.ibos.kr/images/iboss_nickname_tag.png') no-repeat;
    background-position: -33px 0;
    width: 22px;
    height: 14px;
    text-indent: -999em;
    display: inline-block;
    margin-left: 5px
}

#SchResult .certification a.expert {
    background: url('https://cdn.ibos.kr/images/iboss_nickname_tag.png') no-repeat;
    width: 32px;
    height: 14px;
    text-indent: -999em;
    display: inline-block;
    margin-left: 3px
}

#SchResult .certification .cert_icon:hover p {
    display: block;
    position: absolute;
    top: -4px;
    left: 20px;
    width: 100px;
    background: #000;
    color: #FFF;
    padding: 5px 10px;
    z-index: 999
}

#SchResult .certification p {
    display: none
}

.comment_writer .prof_cover {
    position: relative;
    float: left;
    margin-right: 5px
}

.comment_writer p {
    display: inline-block
}

.comment_writer p a:hover {
    color: inherit
}

.comment_writer .biz {
    position: relative;
    top: 3px;
    background: url('https://cdn.ibos.kr/images/iboss_nickname_tag.png') no-repeat;
    background-position: -33px 0;
    width: 22px;
    height: 14px;
    text-indent: -999em;
    display: inline-block;
    margin-left: 3px
}

.comment_writer p.mb_certi img {
    margin-right: 10px;
    margin-left: -10px;
    position: relative;
    top: -1px
}

.comment_writer .expert {
    position: relative;
    top: 3px;
    background: url('https://cdn.ibos.kr/images/iboss_nickname_tag.png') no-repeat;
    width: 32px;
    height: 14px;
    text-indent: -999em;
    display: inline-block;
    margin-left: 3px
}

.prof_cover .verified_user {
    position: absolute;
    bottom: -3px;
    right: -3px;
    background: url('https://cdn.ibos.kr/images/mypage_icon_ver2.png') no-repeat;
    background-position: -14px 0;
    text-indent: -9999em;
    width: 15px;
    height: 15px
}

.prof_cover .verified_user .bd_R3 {
    display: none;
    position: absolute;
    top: -3px;
    left: 20px;
    width: 85px;
    background: #000;
    color: #FFF;
    padding: 5px 10px;
    z-index: 999;
    opacity: .6;
    text-align: center;
    font-style: normal
}

.prof_cover .verified_user .bd_R3 a {
    display: block;
    color: inherit;
    text-indent: 0;
    margin: 0 !important
}

.prof_cover .verified_user .bd_R3 img {
    position: relative;
    top: -2px;
    left: 3px
}

.prof_cover .verified_user:hover .bd_R3 {
    display: block
}

.prof_cover .vp_cover {
    display: none;
    position: absolute;
    top: 23px;
    right: -112px;
    width: 135px;
    padding-top: 20px;
    text-align: center;
    font-size: 11px
}

.prof_cover .vp_cover > div {
    position: relative;
    background: #fff;
    z-index: 1;
    padding: 5px 0;
    font-weight: 600;
    color: #333;
    text-indent: 0;
    border: 1px solid #ddd;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    font-style: normal;
    line-height: 16px;
    cursor: pointer
}

.prof_cover .vp_cover > span {
    display: block;
    color: #0A63BC;
    font-weight: 600;
    margin-top: 7px
}

.prof_cover .vp_cover > div > i {
    position: absolute;
    left: 10px;
    top: -7px;
    width: 13px;
    height: 7px;
    background: url(/images/user_menu_icon_arrow_top.png) no-repeat;
    z-index: 2
}

#ProfTop .verified_user {
    position: absolute;
    top: 88px;
    right: 12px;
    background: url('https://cdn.ibos.kr/images/mypage_icon_ver2.png') no-repeat;
    background-position: -57px 0;
    text-indent: -9999em;
    width: 37px;
    height: 37px;
    z-index: 10
}

#ProfTop .verified_user p {
    display: none;
    position: absolute;
    top: -3px;
    left: 20px;
    width: 85px;
    background: #000;
    color: #FFF;
    padding: 5px 10px;
    z-index: 999;
    opacity: .6;
    text-align: center;
    font-style: normal
}

#ProfTop .verified_user p a {
    display: block;
    color: inherit;
    text-indent: 0;
    margin: 0 !important
}

#ProfTop .verified_user p img {
    position: relative;
    top: -2px;
    left: 3px
}

#ProfTop .verified_user:hover p {
    display: block
}

#Login_Form .verified_user {
    position: absolute;
    top: 25px;
    right: -4px;
    background: url('https://cdn.ibos.kr/images/mypage_icon_ver2.png?v=1.0') no-repeat;
    background-position: 0 -17px;
    text-indent: -9999em;
    width: 19px;
    height: 19px
}

.layer_msg .profile {
    position: relative
}

.layer_msg .profile .verified_user {
    position: absolute;
    top: 17px;
    right: 3px;
    background: url('https://cdn.ibos.kr/images/mypage_icon_ver2.png?v=1.0') no-repeat;
    background-position: 0 -17px;
    text-indent: -9999em;
    width: 19px;
    height: 19px
}

.layer_msg .profile .vp_cover {
    display: none;
    position: absolute;
    top: -10px;
    right: -153px;
    padding-left: 15px;
    text-align: center
}

.layer_msg .profile .verified_pop {
    position: relative;
    background: #fff;
    z-index: 1;
    padding: 10px;
    font-weight: 600;
    color: #333;
    text-indent: 0;
    border: 1px solid #ddd;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    font-style: normal;
    line-height: 16px
}

.layer_msg .profile .verified_user:hover .vp_cover {
    display: block
}

.layer_msg .profile .verified_pop span {
    display: block;
    color: #0A63BC;
    font-weight: 600;
    margin-top: 7px
}

.layer_msg .profile .verified_pop img {
    position: absolute;
    left: -7px;
    top: 10px;
    width: auto;
    height: auto
}

#column_VF .verified_user {
    position: absolute;
    bottom: 88px;
    right: 50%;
    width: 15px;
    height: 15px;
    margin-right: -24px;
    text-indent: -999em;
    background: url('https://cdn.ibos.kr/images/mypage_icon_ver2.png') no-repeat;
    background-position: -14px 0
}

#column_VF .vp_cover {
    display: none;
    position: absolute;
    top: -10px;
    right: -153px;
    padding-left: 15px;
    text-align: center
}

#column_VF .verified_pop {
    position: relative;
    background: #fff;
    z-index: 1;
    padding: 10px;
    font-weight: 600;
    color: #333;
    text-indent: 0;
    border: 1px solid #ddd;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    font-style: normal;
    line-height: 16px
}

#column_VF .verified_user:hover .vp_cover {
    display: block
}

#column_VF .verified_pop span {
    display: block;
    color: #0A63BC;
    font-weight: 600;
    margin-top: 7px;
    font-size: 12px;
    text-shadow: none;
    padding: 0
}

#column_VF .verified_pop img {
    position: absolute;
    left: -7px;
    top: 10px;
    width: auto;
    height: auto
}

.verified_icon {
    font-size: 12px;
    color: #448AFF;
    margin-left: 4px
}

.colm_info {
    clear: both;
    text-align: center
}

.colm_info .SNS_share {
    overflow: hidden;
    width: 270px;
    margin: 20px auto 0 auto
}

.colm_write {
    overflow: hidden
}

.colm_write .section {
    width: 504px;
    float: left
}

.colm_write .section.s1 {
    margin-right: 42px
}

.colm_write .section ul {
    padding: 20px 0
}

.colm_write .section ul li {
    border: 0 !important
}

.colm_write .section ul li input {
    width: 347px !important
}

.colm_write .section ul li label span {
    padding-left: 3px
}

.colm_write .section ul li iframe {
    margin-left: 135px
}

.colm_write .section ul li textarea {
    border: 1px solid #E0E0E0;
    padding: 10px;
    width: 347px;
    resize: none
}

.prev_next_column ul {
    overflow: hidden;
    border-top: 1px solid #EAEAEA
}

.prev_next_column ul li {
    position: relative;
    float: left;
    width: 474px;
    font-size: 17px;
    color: #000
}

.prev_next_column ul li:first-child {
    border-right: 1px solid #EAEAEA;
    width: 473px
}

.prev_next_column ul li a {
    display: block;
    color: #000;
    padding: 30px 0
}

.prev_next_column ul li a:hover span {
    text-decoration: underline
}

.prev_next_column ul li label {
    display: block;
    font-size: 12px;
    color: #AAA;
    cursor: pointer;
    line-height: 100%
}

.prev_next_column ul li em {
    position: absolute;
    top: 36px;
    width: 27px;
    height: 27px;
    display: block;
    background: url('https://cdn.ibos.kr/images/board_icon_set.png?v=180918') no-repeat
}

.prev_next_column ul li span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.prev_next_column ul li.prev a {
    padding-left: 72px
}

.prev_next_column ul li.next {
    text-align: right
}

.prev_next_column ul li.next a {
    padding-right: 72px
}

.prev_next_column ul li.noarticle {
    background: #FAFAFA
}

.prev_next_column ul li.noarticle a {
    color: #CACACA
}

.prev_next_column ul li.noarticle label {
    cursor: default
}

.prev_next_column ul li.prev em {
    left: 30px;
    background-position: -30px -40px !important
}

.prev_next_column ul li.prev.noarticle em {
    background-position: -30px -70px !important
}

.prev_next_column ul li.next em {
    right: 30px;
    background-position: 0 -40px !important
}

.prev_next_column ul li.next.noarticle em {
    background-position: 0 -70px !important
}

#ColumWrite .hd_bg_section {
    position: relative
}

#ColumWrite .hd_bg_section .bg {
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#ColumWrite .colm_bg {
    height: 350px;
    background-size: cover;
    background-position: 50% 50%
}

#ColumWrite .colm_bg p {
    position: relative;
    width: 1050px;
    margin: 0 auto
}

#ColumWrite .colm_bg p input {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    cursor: pointer
}

#ColumWrite .colm_bg p iframe {
    display: none
}

#ColumWrite .write_wrap {
    position: relative;
    width: 1050px;
    margin: -265px auto 0 auto
}

#ColumWrite .head-container {
    position: relative;
    height: 180px
}

#ColumWrite .head-container > div {
    position: absolute;
    bottom: 0;
    left: 0
}

#ColumWrite .head-container select {
    margin-bottom: 25px;
    background: none;
    color: #FFF;
    border-width: 0 0 1px 0;
    cursor: pointer
}

#ColumWrite .head-container select option {
    color: #000
}

#ColumWrite .head-container input {
    position: relative;
    z-index: 99
}

#ColumWrite .head-container .subject {
    width: 1030px;
    color: #FFF;
    font-size: 44px;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 100%;
    height: 48px;
    word-break: break-word;
    background: none;
    border-width: 0 0 1px 0;
    padding: 10px
}

#ColumWrite .head-container .subject::-webkit-input-placeholder {
    color: #CCC
}

#ColumWrite .head-container .subject::-moz-placeholder {
    color: #CCC
}

#ColumWrite .head-container .subject:-ms-input-placeholder {
    color: #CCC
}

#ColumWrite .head-container .subject:-moz-placeholder {
    color: #CCC
}

#ColumWrite .head-container .strapline {
    width: 1030px;
    margin-top: 10px;
    color: #FFF;
    font-size: 19px;
    background: none;
    border-width: 0 0 1px 0;
    padding: 10px
}

#ColumWrite .head-container .strapline::-webkit-input-placeholder {
    color: #CCC
}

#ColumWrite .head-container .strapline::-moz-placeholder {
    color: #CCC
}

#ColumWrite .head-container .strapline:-ms-input-placeholder {
    color: #CCC
}

#ColumWrite .head-container .strapline:-moz-placeholder {
    color: #CCC
}

#ColumWrite .body-container {
    overflow: hidden;
    background: #FFF;
    border: 1px solid #E0E0E0;
    width: 978px;
    margin: 35px auto 0px auto;
    padding: 40px 35px
}

#ColumWrite .body-container .editor {
    width: 660px;
    float: left;
    padding-left: 10px
}

#ColumWrite .body-container .write_info {
    float: right;
    width: 250px
}

#ColumWrite .body-container .write_info > div {
    background: #F0F0F0;
    overflow: hidden
}

#ColumWrite .body-container .write_info .write_guide {
    border: 0
}

#ColumWrite .body-container .write_info .write_guide dl {
    background: #FFF;
    margin: 0 10px
}

#ColumWrite .body-container .write_info .load-saved {
    position: static;
    padding: 15px;
    background: #FFF
}

#ColumWrite .body-container .write_info .load-saved p:hover {
    border: 0;
    color: #000
}

#ColumWrite .body-container .hash_tag {
    clear: both;
    margin-left: 10px
}

#ColumWrite .body-container .hash_tag input {
    width: 630px;
    padding: 5px 10px;
    font-size: 14px;
    height: 22px;
    line-height: 22px
}

#ColumWrite .btn_bg_file {
    overflow: hidden;
    position: absolute;
    top: 20px;
    right: 50px;
    z-index: 100;
    width: 145px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    cursor: pointer;
    text-align: center
}

#ColumWrite .file_text {
    font-size: 14px;
    cursor: pointer
}

#ColumWrite .file_text img {
    margin-right: 7px
}

#ColumWrite .file_1 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 145px;
    height: 30px;
    opacity: 0;
    font-size: 200px;
    direction: ltr;
    cursor: pointer
}

.bstip_box {
    position: absolute;
    padding: 4px 12px;
    line-height: 160%;
    background: rgba(0,0,0,0.7);
    font-size: 13px;
    color: #FFF;
    text-indent: 0;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    border-radius: 8px;
    max-width: 300px;
    z-index: 9999
}

.bstip_box em {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: rgba(0,0,0,0.7) transparent
}

.bstip_box em.t {
    bottom: -6px;
    left: 50%;
    margin-left: -3px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid rgba(0,0,0,0.7)
}

.bstip_box em.l {
    width: 7px;
    height: 14px;
    margin-left: 0px;
    left: 100%;
    top: 10px;
    background-position: -43px -225px
}

.bstip_box em.r {
    width: 7px;
    height: 14px;
    margin-left: 0px;
    left: -7px;
    top: 10px;
    background-position: -22px -225px
}

.bstip_box em.b {
    top: -6px;
    bottom: auto;
    left: 50%;
    margin-left: -3px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 6px solid rgba(0,0,0,0.7)
}

.bstip_box strong {
    color: #FFF;
    font-weight: bold
}

.bstip_box hr {
    border: 0;
    border-top: 1px solid #EEE;
    height: 1px
}

.atwho-view {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    margin-top: 20px;
    background: white;
    color: black;
    border: 1px solid #E0E0E0;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    min-width: 180px;
    z-index: 11110 !important;
    font-size: 13px;
    font-weight: normal
}

.atwho-view ul {
    padding: 0;
    margin: auto;
    max-height: 200px;
    overflow-y: auto
}

.atwho-view ul li {
    padding: 7px 10px;
    cursor: pointer;
    letter-spacing: -0.5px
}

.atwho-view .cur {
    background: #EDF3FF
}

.atwho-view strong {
    color: #448AFF
}

.memo_wrap {
    position: absolute;
    top: 20px;
    right: 0
}

.memo_wrap p {
    font-size: 14px;
    text-align: right;
    cursor: pointer
}

.memo_wrap p em {
    display: inline-block;
    width: 24px;
    height: 24px
}

.memo_wrap p em img {
    width: 100%
}

.memo_wrap ul {
    display: none;
    padding: 5px 0;
    border: 1px solid #A0A0A0;
    background: #FFF;
    box-shadow: 3px 3px 6px 0 rgba(0,0,0,0.2)
}

.memo_wrap:hover ul {
    display: block
}

.memo_wrap ul li:hover {
    background: #F5F5F5
}

.memo_wrap ul li:hover span {
    text-decoration: underline
}

.save-temp {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    color: #555;
    border-radius: 4px;
    background: #F5F6F8
}

.save-temp .save_memo {
    display: flex;
    padding: 0 16px;
    align-items: center;
    height: 44px
}

.save-temp label {
    width: 1px;
    background-color: #D9D9D9;
    height: 16px
}

.save-temp .call_memo {
    font-weight: bold;
    color: #4429F3;
    padding: 0 16px
}

.memo_list_bg {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9998;
    background: rgba(0,0,0,0.5)
}

.memo_list {
    position: absolute;
    width: 550px;
    max-height: 680px;
    padding: 32px 0;
    z-index: 999;
    top: 50%;
    left: 50%;
    background: #fff;
    border-radius: 20px;
    transform: translate(-50%, -50%)
}

.memo_list .btn_memo {
    padding: 20px 30px;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    border-bottom: 1px solid #EEE
}

.memo_list .tmp-saved-close {
    position: absolute;
    right: 4px;
    top: 12px;
    font-size: 24px;
    padding: 8px;
    width: 24px;
    text-align: center;
    line-height: 24px;
    color: #999;
    font-weight: 300
}

.memo_list .tmp-saved-close:hover {
    cursor: pointer;
    color: #000
}

.memo_list .all-articles {
    position: absolute;
    right: 44px;
    top: 12px;
    font-size: 14px;
    padding: 8px;
    text-align: center;
    line-height: 24px;
    color: #666
}

.memo_list .all-articles:hover {
    text-decoration: underline
}

.memo_list .wrap_cover .wrap {
    width: 100%;
    height: 100%
}

.memo_list .list-body table {
    padding: 0 20px;
    background-color: #FFF
}

.memo_list .list-body td {
    font-size: 16px;
    height: 54px;
    line-height: normal
}

.memo_list .list-body td input {
    width: auto
}

.memo_list .list-body td.time {
    font-size: 13px;
    letter-spacing: -0.4px
}

.memo_list .list-body .AB-LF-common {
    font-weight: 600;
    word-break: keep-all
}

.memo_list .list-body .call {
    padding: 4px 8px;
    background: #3998D7;
    color: #fff;
    font-size: 14px
}

.memo_list .paging .ABA-list-paging {
    margin: 0
}

.memo_list .tmp-null {
    text-align: center;
    font-size: 22px;
    background: #F9F9F9;
    border: 1px solid #EEE
}

.memo_list .tmp-null strong {
    display: block;
    padding: 200px 0;
    color: #999;
    font-weight: 500
}

.memo_list .list-body {
    display: grid;
    gap: 1px;
    background-color: #F2F4F6
}

.memo_list .list-body .cell {
    display: flex;
    justify-content: space-between;
    background-color: #FFF;
    padding: 0 16px
}

.memo_list .list-body .cell .article {
    width: 100%;
    padding: 0 !important
}

.memo_list .list-body .cell a.call {
    display: flex;
    gap: 4px;
    padding: 4px 12px;
    align-items: center
}

.memo_list .list-body .cell a.call:hover .AB-LF-common {
    transition: all 0.2s;
    text-decoration: underline
}

.memo_list .list-body .cell a.call div {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px 12px
}

.memo_list .list-body .cell a.call > i {
    height: 44px;
    min-width: 44px;
    text-align: center;
    line-height: 44px;
    border-radius: 8px
}

.memo_list .list-body .cell .date {
    font-size: 13px;
    color: #999;
    font-weight: normal
}

.memo_list .list-body .cell .call {
    padding: 0;
    background: none;
    color: #333;
    font-size: 16px;
    font-weight: 600
}

.memo_list .list-body .cell .c1 {
    background-color: #f5e0e9
}

.memo_list .list-body .cell .c2 {
    background-color: #e3e2e0
}

.memo_list .list-body .cell .c3 {
    background-color: #eee0da
}

.memo_list .list-body .cell .c4 {
    background-color: #dbeddb
}

.memo_list .list-body .cell .c5 {
    background-color: #fadec9
}

.memo_list .list-body .cell .c6 {
    background-color: #d3e5ef
}

.memo_list .list-body .cell .c7 {
    background-color: #e8deee
}

.memo_list .list-body .cell .c8 {
    background-color: #d3e5ef
}

.memo_list .list-body .cell .c9 {
    background-color: #f1f0ef
}

.memo_list .list-body .cell .c0 {
    background-color: #dae0ee
}

.memo_list .cell .ctrl {
    display: flex;
    align-items: center;
    gap: 4px
}

.memo_list .cell .ctrl a {
    font-size: 16px;
    color: #AAA;
    font-weight: 300;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%
}

.memo_list .cell .ctrl a:hover {
    background-color: #F0F0F0;
    transition: all 0.3s
}

.write_guide {
    border: 1px solid #E0E0E0;
    margin: 10px 0;
    background: #FFF
}

.write_guide dl dt {
    padding: 12px 15px;
    color: #663399;
    font-weight: 600;
    font-size: 16px
}

.write_guide dl dd {
    font-size: 14px;
    cursor: pointer;
    padding: 15px;
    border-top: 1px solid #EEE;
    color: #666;
    letter-spacing: -1px
}

.write_guide dl dd:hover {
    color: #000;
    background: #F5F5F5;
    transition: all .2s ease-in-out
}

.write_guide dl dd em {
    display: inline-block;
    background: url('https://cdn.ibos.kr/images/board_icon_set.png') no-repeat;
    width: 15px;
    height: 15px;
    position: relative;
    top: 3px;
    margin-right: 10px
}

.write_guide .guide_pop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999
}

.write_guide .guide_pop > div {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -275px;
    margin-left: -300px;
    width: 600px;
    height: 550px;
    background: #fff;
    border: 1px solid #777
}

.write_guide .guide_pop .close {
    position: absolute;
    right: 16px;
    top: 16px
}

.write_guide .guide_pop h3 {
    padding: 20px;
    font-size: 19px;
    color: #639;
    font-weight: 600;
    border-bottom: 1px solid #E0E0E0
}

.write_guide .guide_pop h4 {
    padding: 20px;
    font-size: 30px;
    letter-spacing: -2px
}

.write_guide .guide_pop .wrap {
    width: 100%;
    height: 480px;
    overflow-y: auto
}

.write_guide .guide_pop .ABA-article-contents {
    padding: 10px 30px
}

#proposal .pr_header {
    position: relative;
    background: url('https://cdn.ibos.kr/images/p1486336_top_bg.jpg') no-repeat;
    height: 205px;
    padding: 60px 90px
}

#proposal .pr_header h1, #proposal .pr_header h3 {
    font-size: 40px;
    font-weight: normal;
    color: #D84138;
    letter-spacing: -2px;
    line-height: 48px
}

#proposal .pr_header h3 {
    color: #FFFFFF
}

#proposal .pr_header p {
    font-size: 18px;
    color: #FFF;
    padding-top: 50px
}

#proposal .sld_bn .nav ul {
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    background: #F2F4F6;
    padding: 6px 8px
}

#proposal .sld_bn .nav ul li {
    width: 100%
}

#proposal .sld_bn .nav ul li span {
    display: block;
    text-align: center;
    line-height: 44px;
    color: #999;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer
}

#proposal .sld_bn .nav ul li.active span {
    color: #000;
    background: #FFF;
    border-radius: 8px;
    transition: all 0.3s;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08)
}

#proposal .sld_bn .cont {
    background: #F6F6F6;
    margin: 20px 0;
    border-radius: 16px;
    overflow: hidden
}

#proposal .sld_bn .cont > div {
    display: none
}

#proposal .sld_bn .cont > div:first-child {
    display: block
}

#proposal .apply_form {
    position: absolute;
    top: 60px;
    right: 60px;
    width: 300px;
    height: 145px;
    border: 1px solid #FFF;
    padding: 20px 30px
}

#proposal .apply_form .cont {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    color: #FFF;
    padding: 30px;
    width: 300px;
    height: 125px
}

#proposal .apply_form .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFF;
    z-index: 9
}

#proposal .apply_form .closed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 10;
    opacity: 0.83
}

#proposal .apply_form .closed_text {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 12;
    color: #FFF;
    padding: 30px;
    width: 360px;
    height: 125px;
    font-size: 15px;
    line-height: 28px;
    box-sizing: border-box;
    text-align: center
}

#proposal .apply_form strong {
    display: block;
    font-size: 19px;
    font-weight: normal
}

#proposal .apply_form span {
    font-size: 15px;
    color: #999
}

#proposal .apply_form .f-form {
    position: relative;
    padding: 15px 0
}

#proposal .apply_form .f-form input {
    background: #FFF;
    width: 204px;
    height: 22px;
    padding: 8px 12px;
    cursor: pointer
}

#proposal .apply_form .f-form .btn_submit {
    position: absolute;
    top: 15px;
    right: 0;
    background: #FF4949;
    color: #FFF;
    text-align: center;
    line-height: 40px;
    width: 60px;
    font-size: 14px
}

#proposal .apply_form .dn {
    text-align: center;
    font-size: 13px
}

#proposal .apply_form .dn a {
    color: #FFF;
    font-size: 16px
}

#proposal .apply_form .dn img {
    position: relative;
    top: -2px;
    margin-left: 7px
}

#proposal .pr_body {
    overflow: hidden;
    margin-top: 20px
}

#proposal .pr_body > div {
    float: left;
    min-height: 100px
}

#proposal .pr_body .tit {
    position: relative;
    padding: 20px 0
}

#proposal .pr_body .tit h3 a {
    font-size: 21px;
    color: #000;
    font-weight: 600
}

#proposal .pr_body .tit p {
    font-size: 16px;
    color: #999
}

#proposal .pr_body .cont {
    width: 820px;
    padding-right: 20px
}

#proposal .pr_body .ly {
    width: 360px;
    background: #F9F9F9;
    margin-top: 0
}

#proposal .btn_request {
    position: absolute;
    bottom: 20px;
    right: 0px;
    background: #F0F0F0;
    width: 100px;
    text-align: center;
    line-height: 30px;
    font-size: 13px;
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    color: #666
}

#proposal .btn_request:hover {
    border-color: #333;
    color: #000;
    transition: all .2s ease-in-out
}

#proposal .request {
    overflow: hidden
}

#proposal .request .cell {
    float: left;
    width: 358px;
    border: 1px solid #E0E0E0;
    margin-bottom: 10px
}

#proposal .request .cell:hover {
    border-color: #888888;
    transition: all .1s ease-in-out
}

#proposal .request .cell a {
    display: block;
    padding: 15px
}

#proposal .request .cell a:hover {
    color: inherit
}

#proposal .request .cell.num_1, #proposal .request .cell.num_3, #proposal .request .cell.num_5, #proposal .request .cell.num_7 {
    margin-right: 10px
}

#proposal .request .category_1 {
    color: #8A6FA7;
    font-size: 15px
}

#proposal .request .text-ellipsis {
    font-size: 18px;
    margin-bottom: 10px;
    letter-spacing: -1px;
    color: #000
}

#proposal .request .info span {
    color: #999;
    font-size: 13px
}

#proposal .request .info span em {
    font-style: normal;
    color: #FF4949
}

#proposal .request .info p {
    display: inline-block;
    font-size: 13px;
    color: #FF4949
}

#proposal .request .info label {
    padding: 0 5px
}

#proposal .request .info .BDU_tob em {
    color: #000
}

#proposal #BnMain {
    background: #F9F9F9;
    text-align: center;
    margin: 12px 0
}

#proposal #BnMain img {
    width: 100%;
    height: auto;
    border-radius: 8px
}

#proposal .contents {
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 20px;
    margin-bottom: 20px
}

#proposal .contents .cell {
    clear: both;
    overflow: hidden;
    border-top: 1px solid #E0E0E0;
    padding: 20px 0
}

#proposal .contents .cell:first-child {
    border-top: 0
}

#proposal .contents .cell a {
    display: block
}

#proposal .contents .cell a:hover .subject {
    text-decoration: underline
}

#proposal .contents .thumb_img {
    float: left;
    margin-right: 25px
}

#proposal .contents .subject {
    font-size: 17px;
    line-height: 18px;
    color: #000
}

#proposal .contents .comment_1 {
    font-size: 14px;
    color: #999;
    padding: 15px 0;
    line-height: 21px
}

#proposal .contents .count {
    position: relative;
    font-size: 14px;
    color: #999
}

#proposal .contents .count em {
    display: inline-block;
    padding: 0 7px
}

#proposal .contents .vote {
    position: absolute;
    top: 0;
    right: 0;
    color: #FF4949
}

#proposal .services {
    overflow: hidden
}

#proposal .services .cell {
    margin-bottom: 8px
}

#proposal .services .cell a {
    display: block;
    padding: 12px 24px;
    font-size: 14px;
    background: #FFF;
    border-radius: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #666;
    border: 1px solid #EAEAEA
}

#proposal .services .cell a:hover {
    color: #000;
    background: #FAFAFA
}

#proposal .services .cell a i {
    margin-right: 12px
}

#proposal .services .cell a i.fad {
    color: #639
}

#proposal .services.top_fixed .cell a {
    background: #F5F5F5;
    color: #333;
    border-color: #F0F0F0
}

#proposal .services.top_fixed .cell a:hover {
    text-decoration: underline
}

#proposal .expert .cell {
    background: #FFF;
    border: 1px solid #DFDFDF;
    margin: 10px
}

#proposal .expert .cell:hover {
    border-color: #888888;
    transition: all .1s ease-in-out
}

#proposal .expert .cell > a {
    overflow: hidden;
    display: block;
    padding: 15px;
    clear: both
}

#proposal .expert .cell > a:hover {
    color: inherit
}

#proposal .expert .exp_serv_desc {
    font-size: 15px;
    padding-bottom: 7px
}

#proposal .expert .exp_info {
    color: #999;
    font-size: 13px
}

#proposal .expert .prof {
    float: left;
    margin-right: 15px;
    text-align: center
}

#proposal .expert .prof .expert_name {
    font-size: 17px
}

#proposal .expert .review_cnt {
    overflow: hidden;
    clear: both;
    border-top: 1px dotted #DFDFDF;
    text-align: right;
    padding: 10px 20px
}

#proposal .expert .review_cnt p {
    float: right
}

#proposal .expert .review_cnt img {
    position: relative;
    top: -2px
}

#proposal .expert .review_cnt .count.done {
    color: #FF4949;
    padding-right: 2px
}

#proposal .expert .review_cnt .nickname {
    float: left
}

#proposal .expert .expert_more a {
    display: block;
    border: 1px solid #E0E0E0;
    background: #FFF;
    font-size: 14px;
    color: #000;
    line-height: 42px;
    text-align: center;
    margin: 0 10px;
    margin-bottom: 20px
}

#proposal .expert .expert_more a:hover {
    background: #F0F0F0;
    transition: all .2s ease-in-out
}

#proposal .agency_list {
    overflow: hidden;
    padding: 0 20px
}

#proposal .agency_list > div {
    float: left;
    width: 30.33%;
    text-align: center;
    padding: 1.5%
}

#proposal .agency_list .logo {
    height: 76px;
    background: #FFF;
    overflow: hidden
}

#proposal .agency_list img {
    max-height: 78px
}

#proposal .agency_list span {
    display: block;
    font-size: 12px;
    letter-spacing: -1px;
    line-height: 18px;
    min-height: 36px;
    padding-top: 3px;
    word-break: break-all
}

#proposal .dir_wrap .tit ul {
    position: absolute;
    top: 20px;
    right: 15px;
    line-height: 28px
}

#proposal .dir_wrap .tit ul::after {
    clear: both;
    display: block;
    content: ""
}

#proposal .dir_wrap .tit ul li {
    float: left
}

#proposal .dir_wrap .tit ul li span {
    display: inline-block;
    margin-left: 12px;
    cursor: pointer;
    font-size: 13px;
    color: #999
}

#proposal .dir_wrap .tit ul li.on span {
    color: #000
}

#proposal .dir_wrap .list {
    padding: 0 10px;
    margin-bottom: 20px
}

#proposal .dir_wrap .list::after {
    clear: both;
    display: block;
    content: ""
}

#proposal .dir_wrap .list .cell {
    float: left;
    width: 87px;
    margin: 12px
}

#proposal .dir_wrap .list .cell a {
    display: block
}

#proposal .dir_wrap .list .cell a:hover p {
    text-decoration: underline
}

#proposal .dir_wrap .list .cell p {
    font-size: 14px;
    letter-spacing: -0.5px;
    line-height: 17px;
    height: 32px;
    margin: 6px 4px 12px 4px;
    color: #333;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

#proposal .dir_wrap .list .cell .logo {
    border: 1px solid #EEE;
    width: 95px;
    height: 95px;
    line-height: 95px;
    text-align: center;
    background: #FFF
}

#proposal .dir_wrap .list .cell .logo img {
    border-radius: 3px;
    max-width: 75px;
    max-height: 75px
}

#proposal .dir_wrap .list .more {
    clear: both;
    background: #FFF
}

#proposal .dir_wrap .list .more a {
    display: block;
    border: 1px solid #EEE;
    line-height: 28px;
    text-align: center;
    color: #666
}

#proposal #dir_cont {
    background: #F9F9F9;
    min-height: 960px
}

#proposal .dir_wrap .list .cell.dummy p {
    background: #F0F0F0;
    height: 12px;
    width: 90%;
    display: inline-block
}

#proposal .dir_wrap .list .cell.dummy p:last-child {
    width: 60%;
    margin: 0
}

#proposal .proposal_bd {
    padding: 20px 0
}

.cmt-wf-limit-bg {
    position: relative;
    background: #F9F9F9;
    font-size: 14px;
    padding: 20px;
    margin: 10px 70px 30px 0;
    border-radius: 10px
}

.cmt-wf-limit-bg p span {
    color: #ff4949;
    font-weight: bold
}

.cmt-wf-limit-bg a {
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -12px;
    padding: 7px 15px;
    font-size: 13px;
    color: #fff;
    background: #3998D7
}

.sf-cmt {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-top: 6px
}

.sf-cmt .submit-box {
    padding: 10px;
    border: 1px solid #e0e0e0;
    border-width: 0 1px 1px 1px;
    background: #f9f9f9
}

.sf-cmt .submit-box:after {
    content: '';
    display: block;
    clear: both
}

.sf-cmt .submit-box .ad-img {
    float: left
}

.sf-cmt .submit-box .ad-img span {
    display: inline-block;
    vertical-align: top
}

.sf-cmt .submit-box .ad-img span:first-child {
    padding: 7px 16px;
    margin-right: 10px;
    font-size: 14px;
    color: #fff;
    background: #369;
    cursor: pointer
}

.cmt-wf-limit-cmt {
    margin-top: 6px
}

.cmt-wf-limit-cmt .textbox {
    height: 120px;
    border: 1px solid #e0e0e0
}

.cmt-wf-limit-cmt .submit-box .submit {
    float: right;
    width: 100px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
    color: #fff;
    background: #797D84;
    cursor: pointer
}

.cmt-wf-limit-recmt > div {
    float: left
}

.cmt-wf-limit-recmt .submit-cv {
    float: right
}

.cmt-wf-limit-recmt .textbox {
    width: 574px;
    height: 120px;
    border: 1px solid #e0e0e0
}

.cmt-wf-limit-recmt .submit-cv span {
    display: block;
    width: 100px;
    line-height: 32px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background: #797D84;
    cursor: pointer
}

.cmt-wf-limit-recmt .submit-cv .submit {
    margin-bottom: 5px
}

#newsFeed.mileage {
    padding-bottom: 100px
}

#newsFeed.mileage h3 {
    font-size: 17px;
    margin: 20px 0 10px 0
}

.mileage .bdshadow {
    background: #FFF;
    box-shadow: none !important
}

.mileage .Prof {
    text-align: center;
    padding-top: 20px
}

.mileage .Prof .nickname {
    display: block;
    font-size: 17px;
    padding-top: 7px;
    color: #000
}

.mileage .my_ltr_cash {
    overflow: hidden;
    border-top: 1px solid #E5E3E6;
    padding: 20px;
    margin-top: 20px;
    text-align: left
}

.mileage .my_ltr_cash p {
    position: relative;
    text-align: right;
    line-height: 32px;
    font-size: 13px;
    font-weight: 600
}

.mileage .my_ltr_cash p label {
    position: absolute;
    top: 0;
    left: 0;
    font-weight: normal;
    color: #555
}

.mileage .ltr_purchase {
    display: block;
    text-align: center;
    background: #448AFF;
    color: #FFF;
    line-height: 32px;
    font-size: 13.5px;
    margin-top: 10px
}

.mileage .ltr_gift {
    display: block;
    text-align: center;
    color: #448AFF;
    line-height: 30px;
    font-size: 13.5px;
    margin-top: 7px;
    border: 1px solid #448AFF
}

.mileage .w50 {
    float: left;
    width: 70px;
    margin-top: 7px;
    display: block;
    text-align: center;
    color: #448AFF;
    line-height: 30px;
    font-size: 13.5px;
    border: 1px solid #448AFF
}

.mileage .w50.cash_to_money {
    margin-right: 4px;
    cursor: pointer
}

.mileage .cash_gift {
    margin-top: 7px;
    display: block;
    text-align: center;
    color: #448AFF;
    line-height: 30px;
    font-size: 13.5px;
    border: 1px solid #448AFF
}

.mileage .cnh_sub {
    position: relative;
    margin-top: 10px;
    background: #FFF;
    border: 1px solid #E0E0E0
}

.mileage .cnh_sub ul li {
    font-size: 14px;
    line-height: 44px
}

.mileage .cnh_sub ul li:first-child a {
    border-bottom: 1px solid #F5F5F5
}

.mileage .cnh_sub ul li a {
    position: relative;
    display: block;
    color: #000;
    text-indent: 52px
}

.mileage .cnh_sub ul li a:hover {
    border-color: #E5E5E5;
    text-decoration: underline
}

.mileage .cnh_sub ul li.on a {
    background: #F5F5F5;
    border-color: #E5E5E5;
    font-weight: 600
}

.mileage .cnh_sub ul li a label {
    position: absolute;
    top: 15px;
    left: 25px;
    display: inline-block;
    text-indent: -999em;
    width: 15px;
    height: 15px;
    background: url('https://cdn.ibos.kr/images/profile_icon_set.png?v=21040702') no-repeat
}

.mileage .cnh_sub ul li a label.ltr {
    background-position: 0 -80px
}

.mileage .cnh_sub ul li a label.cash {
    background-position: -40px -80px
}

.mileage .cnh_sub ul li a label.item {
    background-position: -80px -80px
}

.mileage .cnh_sub ul li a label.boscon {
    background-position: -120px -80px
}

.mileage .cnh_sub ul li.on a label.ltr {
    background-position: -20px -80px
}

.mileage .cnh_sub ul li.on a label.cash {
    background-position: -60px -80px
}

.mileage .cnh_sub ul li.on a label.item {
    background-position: -100px -80px
}

.mileage .cnh_sub ul li.on a label.boscon {
    background-position: -140px -80px
}

.mileage .cnh_sub .help {
    position: absolute;
    bottom: -36px;
    left: 50px;
    font-size: 14px
}

.mileage .cnh_sub .help.on {
    font-weight: 600;
    color: #000
}

.mileage .current_ltr {
    margin-bottom: 10px
}

.mileage .current_ltr ul {
    overflow: hidden;
    max-height: 102px
}

.mileage .current_ltr ul li {
    float: left;
    padding: 20px 0
}

.mileage .current_ltr ul li p {
    font-size: 17px
}

.mileage .current_ltr ul li strong {
    font-size: 24px;
    color: #448AFF
}

.mileage .current_ltr ul li span {
    display: block;
    font-size: 13px;
    color: #999
}

.mileage .current_ltr ul li:first-child {
    padding: 20px 40px
}

.mileage .current_ltr ul li em.litter_title {
    display: block;
    width: 62px;
    height: 62px;
    text-indent: -999em;
    background: url('https://cdn.ibos.kr/images/profile_icon_set.png?v=2021040702') no-repeat;
    background-position: -180px 0
}

.mileage .current_cash ul li em.litter_title {
    background-position: -245px -0
}

.mileage .current_ltr ul li em.boscon_title {
    display: block;
    width: 62px;
    height: 62px;
    text-indent: -999em;
    background: url('https://cdn.ibos.kr/images/profile_icon_set.png?v=2021040702') no-repeat;
    background-position: -310px 0
}

.mileage .tabs ul {
    overflow: hidden;
    display: table;
    width: 100%
}

.mileage .tabs ul li {
    display: table-cell;
    border-left: 1px solid #E0E0E0
}

.mileage .tabs ul li:first-child {
    border-left: none
}

.mileage .tabs ul li a {
    display: block;
    background: #F1F1F1;
    text-align: center;
    font-size: 16px;
    line-height: 52px;
    border-bottom: 1px solid #EAEAEA;
    color: #999
}

.mileage .tabs ul li a:hover {
    color: #333
}

.mileage .tabs ul li.active a {
    background: #FFF;
    color: #333;
    border-color: #FFF
}

.mileage #tax_invoice_list {
    margin: 0;
    width: 100%
}

.mileage .litter_details .certify_info_tab {
    text-align: center;
    padding: 100px 0
}

.mileage .litter_details .certify_info_tab p {
    font-size: 16px;
    margin-bottom: 30px
}

.mileage .litter_details .certify_info_tab a {
    display: inline-block;
    width: 200px;
    line-height: 40px;
    background: #333;
    font-size: 15px;
    color: #fff;
    text-align: center;
    border-radius: 4px
}

.mileage .litter_details {
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 100px
}

.mileage .litter_details table tr td {
    border-top: 1px solid #EAEAEA;
    padding: 8px 0
}

.mileage .litter_details table tr:first-child td {
    border-top: 0
}

.mileage .litter_details .subject {
    font-size: 16px
}

.mileage .litter_details .list {
    padding: 12px 0
}

.mileage .litter_details .ltr_cat {
    padding: 20px 0
}

.mileage .litter_details .ltr_cat p {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 15px
}

.mileage .litter_details .ltr_cat p.plus {
    border: 1px solid #448AFF;
    color: #448AFF
}

.mileage .litter_details .ltr_cat p.minus {
    border: 1px solid #FF4949;
    color: #FF4949
}

.mileage .litter_details .ltr_cat p.charge, .mileage .litter_details .ltr_cat p.paid {
    border: 1px solid #663399;
    color: #663399
}

.mileage .litter_details .ltr_cat p.return {
    border: 1px solid #663399;
    color: #663399
}

.mileage .litter_details span.AB-LF-common {
    display: block;
    margin-bottom: 4px
}

.mileage .litter_details span.AB-LF-common span {
    display: none
}

.mileage .litter_details .det_info span {
    display: inline-block;
    color: #787878;
    font-size: 12px
}

.mileage .litter_details .det_info b {
    margin: 0 8px;
    color: #787878
}

.mileage .litter_details .det_info span.bstip {
    cursor: default
}

.mileage .litter_details .det_info span.closed {
    color: #E55757
}

.mileage .litter_details .det_info a {
    color: #787878
}

.mileage .litter_details .det_info a:hover {
    text-decoration: underline
}

.mileage .litter_details .det_info em {
    display: inline-block;
    font-style: normal;
    margin-right: 10px;
    color: #787878
}

.mileage .litter_details .ltr_num strong {
    font-size: 17px;
    font-weight: bold
}

.mileage .litter_details .ltr_num strong.plus {
    color: #448AFF
}

.mileage .litter_details .ltr_num strong.minus {
    color: #FF4949
}

.mileage .litter_details .ltr_num p.total_price {
    font-size: 17px
}

.mileage .litter_details .ltr_chg_amount {
    font-size: 17px
}

.mileage .litter_details .take_subject {
    margin: 4px 0;
    color: #666;
    max-width: 448px;
    font-size: 13px
}

.mileage .litter_details .comment {
    margin-top: 5px;
    font-size: 12px;
    color: #888
}

.mileage .litter_details .cash-msg {
    margin-bottom: 6px;
    font-size: 13px;
    color: #888
}

.mileage .litter_details .nav {
    background: #FFF;
    margin-bottom: 10px
}

.mileage .nav {
    position: relative
}

.mileage .nav div {
    margin: 20px 12px 0 12px
}

.mileage .nav ul {
    overflow: hidden
}

.mileage .nav ul li {
    float: left;
    width: 83px
}

.mileage .nav ul li:first-child a {
    border-left: 1px solid #E0E0E0
}

.mileage .nav ul li a {
    display: block;
    text-align: center;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #E0E0E0;
    border-left: 0;
    background: #F9F9F9;
    color: #333;
    font-weight: 500
}

.mileage .nav ul li a.active {
    font-size: 13px;
    background: #375199;
    color: #FFF;
    border-color: #375199
}

.mileage .nav ul li a:hover {
    text-decoration: underline
}

.mileage .null {
    text-align: center;
    padding: 100px 0
}

.mileage .null p {
    font-size: 19px;
    margin-top: 20px
}

.mileage .null p label {
    color: #448AFF
}

.mileage .null i {
    font-size: 55px;
    color: #666
}

.mileage .recent_7 {
    background: #F5F5F5;
    font-size: 12px;
    text-align: center;
    margin: 20px;
    margin-bottom: 0
}

.mileage .recent_7 p {
    padding: 10px
}

.mileage .recent_7 label {
    color: #448AFF
}

.mileage .ltr_menu ul li {
    border-top: 1px solid #EEE;
    font-size: 13.5px;
    padding-left: 22px;
    line-height: 46px;
    color: #333;
    cursor: pointer
}

.mileage .ltr_menu ul li:first-child {
    border-top: 0
}

.mileage .ltr_menu ul li:hover {
    background: #F5F5F5;
    transition: all .2s ease-in-out;
    color: #663399
}

.mileage .ltr_menu ul li em {
    display: inline-block;
    background: url('https://cdn.ibos.kr/images/board_icon_set.png') no-repeat;
    width: 15px;
    height: 15px;
    position: relative;
    top: 17px;
    margin-right: 10px;
    text-indent: -999em
}

#sideRight .menu-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 950
}

#sideRight .menu-popup > div {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -275px;
    margin-left: -300px;
    width: 600px;
    height: 550px;
    background: #fff;
    border: 1px solid #777;
    z-index: 999
}

#sideRight .menu-popup h3 {
    padding: 20px;
    margin: 0;
    font-size: 19px;
    color: #448AFF;
    font-weight: 600;
    border-bottom: 1px solid #e0e0e0
}

#sideRight .menu-popup .close {
    position: absolute;
    right: 16px;
    top: 16px;
    opacity: .2;
    cursor: pointer
}

#sideRight .menu-popup .close:hover {
    opacity: 1
}

#sideRight .menu-popup .wrap {
    width: 100%;
    height: 480px;
    overflow-y: auto
}

.mileage .graph_wrap {
    border: 1px solid #E0E0E0
}

.mileage .ltr_graph {
    background: #FFF;
    padding: 20px
}

.mileage .ltr_graph .title {
    font-size: 16px;
    letter-spacing: -1px
}

.mileage .ltr_graph_chart {
    position: relative;
    height: 190px;
    padding-left: 50px;
    background: url('https://cdn.ibos.kr/images/ltr_graph_bg.png') no-repeat
}

.mileage .ltr_graph_chart:after {
    display: block;
    content: "";
    clear: both
}

.mileage .ltr_graph .item_bar {
    float: left;
    margin-top: 5px;
    padding: 0px 23px;
    height: 185px
}

.mileage .item_bar .bar_wrap {
    position: relative;
    width: 25px;
    height: 159px;
    margin: 2px auto 10px
}

.mileage .item_bar .day {
    font-size: 13px;
    color: #999
}

.mileage .item_bar .bar {
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    border: 1px solid
}

.mileage .item_bar .bar_pass .bar {
    border-color: #d9e2f0;
    background: #eaf0fb
}

.mileage .item_bar .bar_pass .bar:hover {
    background: #c5dbff;
    transition: all .2s ease-in-out
}

.mileage .item_bar .bar_excess .bar {
    border-color: #ff9191;
    background: #ffb6b6
}

.mileage .item_bar .toggle {
    display: block;
    position: absolute;
    top: -25px;
    left: -50px;
    width: 123px;
    height: 28px;
    line-height: 24px;
    text-align: center;
    color: #285299
}

.mileage .level_bar .level_gage_wrap {
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    height: 20px;
    background: #EEE
}

.mileage .level_bar .level_gage_wrap:hover .level_gage_toggle, .mileage .level_gage_wrap:hover .level_gage_arrow {
    display: block
}

.mileage .level_bar .level_gage_wrap .level_gage_bar {
    position: relative
}

.mileage .level_bar .level_gage_toggle {
    display: none;
    position: absolute;
    top: -23px;
    padding-bottom: 1px
}

.mileage .level_bar .level_gage_point {
    height: 20px;
    line-height: 20px;
    padding: 0px 10px;
    font-size: 11px;
    color: #285299;
    font-family: Tahoma, serif;
    font-weight: 600
}

.level_bar .level_gage_point span {
    padding-right: 3px
}

.mileage .litter_level_box {
    padding: 10px 20px;
    background: #FFF
}

.mileage .litter_level_box .level_box .nickname {
    height: 20px;
    line-height: 20px;
    margin-bottom: 25px;
    font-size: 13px
}

.mileage .litter_level_box .level_box .nlevel {
    margin: 0px 5px 3px 0px
}

.mileage .litter_level_box .level_bar {
    position: relative;
    width: 100%;
    height: 45px
}

.mileage .litter_level_box .level_bar .level_gage_bar_bg {
    height: 20px;
    background: #9FBDFA
}

.mileage .litter_level_box .level_bar .level_gage_toggle {
    display: block;
    top: 0px;
    left: auto !important;
    right: 5px !important
}

.mileage .litter_level_box .level_bar .marks {
    position: relative;
    padding-top: 20px
}

.mileage .litter_level_box .level_bar .marks p {
    text-align: center;
    line-height: 22px;
    font-weight: normal;
    color: #787878
}

.mileage .litter_level_box .level_bar .marks span {
    position: absolute;
    top: 20px;
    font-family: Tahoma, serif;
    font-weight: 600;
    color: #285299;
    font-size: 11px;
    line-height: 22px
}

.mileage .litter_level_box .level_bar .marks span.nxt_ltr {
    right: 0
}

.mileage .level_ppu_wrap {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%
}

.mileage .level_ppu_cont {
    position: relative;
    width: 965px;
    margin: 0% auto
}

.mileage .level_ppu {
    position: absolute;
    right: -170px;
    display: none;
    height: 51px
}

.mileage .level_ppu_close {
    position: absolute;
    top: 1px;
    right: 6px;
    cursor: pointer;
    z-index: 10
}

.mileage .litter_details .ltr_cash_help_LF .subject_text {
    font-size: 14px
}

.mileage .litter_details .ltr_cash_help h1 {
    padding: 20px
}

.mileage .litter_details .ltr_cash_help .ABA-article-contents {
    padding: 60px 45px
}

.mileage .litter_details .ltr_cash_help .article_fnc {
    text-align: center;
    padding: 35px 0
}

.mileage .litter_details .state_Y, .mileage .litter_details .state_N, .mileage .litter_details .state_S {
    font-size: 14px
}

.mileage .litter_details .state_Y {
    color: #454545
}

.mileage .litter_details .state_N {
    color: #AAA;
    text-decoration: line-through
}

.mileage .litter_details .state_S {
    color: #448AFF
}

.mileage .ltr_cach_tr {
    padding: 20px 30px;
    overflow: hidden;
    border: 1px solid #e0e0e0;
    background: #fff
}

.mileage .ltr_cach_tr p {
    display: inline-block;
    font-size: 15px;
    line-height: 26px
}

.mileage .ltr_cach_tr a {
    padding: 5px 25px;
    float: right;
    background: #448AFF;
    color: #fff;
    font-size: 13px
}

#biz_apply_form #submit_btn {
    display: inline-block;
    width: 80px;
    height: 38px;
    line-height: 38px;
    background: #F0F0F0;
    border: 1px solid #BEBEBE;
    text-align: center;
    font-size: 14px;
    color: #888;
    margin-left: 7px;
    font-weight: 600;
    box-shadow: 0 0 6px rgba(0,0,0,0.15)
}

#rows3 .bg_bd {
    border: 1px solid #E0E0E0;
    background: #FFF
}

#rows3 .wrap {
    overflow: hidden;
    width: 1170px;
    margin: 0px auto;
    padding: 20px 0
}

#rows3 .wrap > div {
    float: left;
    min-height: 200px
}

#rows3 .wrap .lnb {
    width: 140px
}

#rows3 .side {
    width: 300px
}

#rows3 .wrap #AB_contents {
    width: 690px;
    margin: 0 20px
}

#rows3 .wrap .board_table {
    background: #FFF;
    border: 1px solid #E0E0E0;
    border-bottom: 0
}

.r3_view {
    background: #FFF;
    border: 1px solid #E0E0E0
}

#bom_articles_lst .ArticleBtn a {
    display: none
}

#bom_articles_lst .BD2986 .table-mbb tr:first-child td {
    border-top: 0
}

#bom_articles_lst #top_bd_article {
    border-top: 1px solid #663399
}

#bom_articles_lst #top_bd_article .category {
    display: inline-block;
    border: 1px solid #DDD;
    margin: 0 2px 0 5px;
    padding: 1px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 45px;
    vertical-align: top;
    text-align: center;
    background: #FFF;
    color: #999;
    line-height: 18px;
    height: 18px;
    font-size: 10px;
    letter-spacing: 0
}

#bom_articles_lst .BD2986 .table-mbb .category {
    display: inline-block;
    background: #F9F9F9;
    border: 1px solid #EAEAEA;
    margin: 0 2px 0 5px;
    font-size: 12px;
    padding: 1px 0;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 45px;
    vertical-align: top;
    text-align: center
}

#article2 .tab_container .fav .pop_setting#MyFavTopic {
    display: none;
    z-index: 9999;
    border: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none
}

#MyFavTopic .bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 9999
}

#MyFavTopic .position {
    overflow: hidden;
    position: absolute;
    top: 10%;
    left: 50%;
    margin-left: -375px;
    background: #FFF;
    height: 80%;
    z-index: 10000;
    box-shadow: 0 1px 8px rgba(0,0,0,0.35)
}

#MyFavTopic .position > form {
    overflow-y: auto;
    height: 90%
}

#MyFavTopic h1 {
    position: relative;
    font-size: 21px;
    text-align: center;
    line-height: 60px;
    background: #F5F5F5
}

#MyFavTopic h1 span {
    position: absolute;
    top: 24px;
    right: 20px;
    cursor: pointer;
    width: 14px;
    height: 14px;
    text-indent: -999em;
    background: url('https://cdn.ibos.kr/images/iboss_main_icon_set.png?v=18070901') no-repeat;
    background-position: -15px -240px
}

#MyFavTopic .wrap {
    padding: 25px
}

#MyFavTopic .wrap > div {
    overflow: hidden
}

#MyFavTopic .wrap dl > div {
    overflow: hidden;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #E0E0E0
}

#MyFavTopic .wrap dl dt {
    float: left;
    width: 90px
}

#MyFavTopic .wrap dl dd {
    float: left;
    width: 553px
}

#MyFavTopic .wrap h5 {
    clear: both;
    font-size: 14px;
    padding-top: 5px;
    color: #222;
    font-weight: normal
}

#MyFavTopic .wrap p {
    position: relative;
    float: left;
    width: 138px
}

#MyFavTopic .wrap p em {
    position: absolute;
    top: 9px;
    left: 0;
    z-index: 10;
    display: block;
    width: 13px;
    height: 13px;
    background: url('https://cdn.ibos.kr/images/iboss_main_icon_set.png?v=18070901') no-repeat;
    background-position: -1px -241px
}

#MyFavTopic .wrap input {
    height: 0;
    width: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

#MyFavTopic .wrap label {
    display: block;
    font-size: 13px;
    cursor: pointer;
    line-height: 28px;
    text-indent: 17px;
    color: #999;
    letter-spacing: -1px
}

#MyFavTopic .wrap label:hover {
    text-decoration: underline
}

#MyFavTopic .wrap p.on em {
    background-position: -1px -256px
}

#MyFavTopic .wrap p.on label {
    color: #FF9933;
    font-weight: 600
}

#MyFavTopic .fav_buttons {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 5px;
    clear: both
}

#MyFavTopic .fav_buttons a {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    width: 150px;
    line-height: 40px;
    cursor: pointer;
    vertical-align: top;
    box-shadow: 0 0 6px rgba(0,0,0,0.15);
    text-align: center;
    margin: 0;
    border: 1px solid
}

#MyFavTopic .fav_buttons a.btn_confirm {
    background: #663399;
    margin-right: 10px;
    border-color: #4d2673
}

#MyFavTopic .fav_buttons a.btn_cancel {
    background: #F0F0F0;
    color: #888;
    width: 80px;
    border-color: #BEBEBE
}

#MyFavTopic .fav_buttons a.btn_confirm:hover {
    background: #4d2673;
    transition: all .2s ease-in-out
}

#MyFavTopic .fav_buttons a.btn_cancel:hover {
    background: #D5D5D5;
    transition: all .2s ease-in-out;
    color: #333
}

#ntcbox .wrap {
    border: 1px solid #E0E0E0;
    margin-bottom: 30px
}

#ntcbox .title {
    overflow: hidden;
    padding-bottom: 5px;
    letter-spacing: -1px;
    border: 1px solid #E0E0E0;
    border-bottom: 0;
    padding: 7px 12px
}

#ntcbox .title a {
    float: right;
    padding: 1px 6px;
    color: #787878;
    border: 1px solid #E0E0E0
}

#ntcbox .title a:hover {
    background: #F0F0F0;
    color: #000;
    -webkit-transition: all .2s;
    transition: all .2s
}

#ntcbox .title a:focus {
    border: 1px solid #1E88E5
}

#ntcbox .title strong {
    font-size: 12px;
    color: #454545
}

#ntcbox .list {
    position: relative;
    border-top: 1px dotted #E0E0E0;
    padding: 12px 15px;
    font-size: 13px;
    background: #FAFAFA
}

#ntcbox .list:first-child {
    border-top: 0
}

#ntcbox .list label {
    display: inline-block;
    color: #FFF;
    background: #CCC;
    width: 17px;
    height: 15px;
    margin-right: 7px;
    text-align: center;
    line-height: 16px;
    font-size: 11px;
    font-weight: 600
}

#ntcbox .list .mb_writer {
    position: absolute;
    top: 12px;
    right: 0;
    width: 100px;
    font-size: 12px;
    color: #888;
    font-weight: 600
}

#ntcbox .nav_subject {
    font-size: 13.5px;
    font-weight: 600;
    color: #064c92;
    letter-spacing: -0.5px
}

#ntcbox .nav_subject:hover {
    text-decoration: underline
}

#hidden_iframe {
    width: 1px;
    height: 1px;
    border: 0
}

#chuseok {
    background: url('https://cdn.ibos.kr/images/180917_event_landing_bg.jpg') #010101 no-repeat;
    text-align: center;
    color: #FFF
}

#chuseok h1, #chuseok h5 {
    color: #FFF;
    font-weight: normal;
    letter-spacing: -1px
}

#chuseok h1 {
    font-size: 42px;
    padding: 10px 0
}

#chuseok h5 {
    font-size: 23px;
    padding-top: 70px
}

#chuseok .total_count {
    padding-top: 50px
}

#chuseok .total_count p {
    font-size: 14px
}

#chuseok .total_count strong {
    display: block;
    font-size: 28px;
    font-weight: normal;
    padding-top: 20px;
    letter-spacing: -1px
}

#chuseok .total_count .cnt {
    font-size: 44px
}

#chuseok table {
    width: 600px;
    margin: 50px auto 0 auto;
    border: 1px solid #574837;
    border-width: 1px 0 0 1px
}

#chuseok table tr th, #chuseok table tr td {
    border: 1px solid #574837;
    height: 60px;
    width: 120px;
    color: #FEFDDE;
    font-size: 15px;
    border-width: 0 1px 1px 0
}

#chuseok table tr td {
    font-size: 19px
}

#chuseok .btn {
    width: 450px;
    margin: 0 auto;
    padding-bottom: 50px
}

#chuseok .btn dl {
    text-align: left;
    margin-top: 50px;
    color: #b0aea9
}

#chuseok .btn dl dt {
    margin-bottom: 10px
}

#chuseok .btn dl dd {
    line-height: 1.625
}

#chuseok .btn a {
    display: block;
    background: #FFFDDF;
    line-height: 75px;
    font-size: 24px;
    margin: 50px 0
}

.BD6140_notice {
    position: relative;
    margin-bottom: 10px;
    border: 1px solid #2864e0;
    padding: 7px 12px 12px;
    text-align: center;
    background: #FFF
}

.BD6140_notice strong {
    font-weight: 500
}

.BD6140_notice span {
    display: block;
    color: #003471;
    font-size: 13px
}

.BD6140_notice a {
    font-size: 13px;
    letter-spacing: 0;
    padding-right: 10px;
    line-height: 30px
}

.my-meetup-list .list-item .conf-title.cancel span {
    color: #AAA;
    text-decoration: line-through
}

#moim_apply .clause .clause-box {
    border: 1px solid #EEE;
    padding: 15px;
    overflow-y: auto;
    height: 120px;
    margin-top: 5px;
    margin-bottom: 20px;
    background: #FCFCFC
}

#moim_apply .clause .clause-box strong {
    font-weight: 500;
    display: inline-block;
    padding-bottom: 5px
}

#moim_apply .clause .clause-box p {
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 160%;
    color: #666
}

.p1959_verification {
    position: relative;
    background: #FFECEC;
    padding: 11px 25px;
    font-size: 15px;
    font-weight: 400;
    color: #FF4949;
    border: 1px solid #ffb6b6
}

.p1959_verification i {
    margin-right: 3px
}

.p1959_verification a {
    color: inherit;
    letter-spacing: 0
}

.p1959_verification a.bd_R3 {
    position: absolute;
    top: 0;
    right: 10px;
    background: #FF4949;
    color: #FFF;
    font-size: 14px;
    line-height: 26px;
    margin: 9px 0;
    padding: 0 20px
}

.p1959_verification.verified {
    background: #E5EAF1;
    border-color: #99AEC6;
    color: #003471
}

#app-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999
}

#app-popup .bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: #000;
    opacity: .75
}

#app-popup .wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -240px;
    width: 600px;
    height: 480px;
    z-index: 1001
}

#app-popup .wrap span {
    position: absolute;
    top: 18px;
    right: 18px;
    font-size: 24px;
    cursor: pointer
}

.checkbox-namecard {
    padding: 0 0 20px 40px
}

.checkbox-namecard input {
    display: none
}

.checkbox-namecard label {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #d4d4d5;
    background: #fff;
    vertical-align: middle;
    margin-right: 5px;
    color: #fff;
    cursor: pointer;
    position: relative;
    top: -1px
}

.checkbox-namecard label.fa-check {
    background-color: #2185d0;
    border-color: #2185d0;
    text-align: center;
    line-height: 14px
}

.checkbox-namecard span {
    display: inline!important;
    cursor: pointer;
    font-size: 13px
}

.checkbox-namecard em {
    margin-left: 5px
}

.know_card.nor-board {
    padding: 0;
    margin: 15px 0 5px 0
}

.rehearsal {
    border-top: 1px solid #E0E0E0;
    padding-top: 50px;
    margin-top: 50px
}

.r-link {
    overflow: hidden;
    width: 90%;
    margin: 0 auto 25px auto;
    border: 1px solid #EEE;
    background: #F9F9F9;
    box-shadow: 1px 1px 1px #D9D9D9;
    height: 90px
}

.r-link a {
    display: block;
    line-height: 92px;
    text-align: center;
    color: #0096FF;
    font-size: 18px
}

.r-link a:hover {
    text-decoration: underline
}

.board_category_snb {
    clear: both;
    overflow: hidden;
    border-top: 2px solid #333;
    padding: 8px 0
}

.board_category_snb ul {
    position: relative;
    left: -1px
}

.board_category_snb ul li {
    float: left;
    border-left: 1px solid #E0E0E0;
    width: 90px;
    margin: 8px 0;
    height: 13.5px;
    text-align: center;
    display: flex;
    justify-content: space-evenly
}

.board_category_snb ul li:first-child {
    width: 92px
}

.board_category_snb ul li a {
    display: inline-block;
    font-size: 13.5px;
    line-height: 100%;
    padding-bottom: 2px;
    color: #666
}

.board_category_snb ul li a:hover {
    border-bottom: 1px solid #663399;
    color: #663399
}

.board_category_snb ul li.active a {
    font-weight: 600;
    color: #333
}

.board_category_snb.event_cate ul li:last-child {
    float: right;
    border: 0
}

.board_category_snb.event_cate ul li:last-child a {
    font-weight: bold
}

.bd-top-bn {
    clear: both
}

.bd-top-bn .item {
    background: #F9F9F9;
    text-align: center;
    padding: 12px 0;
    border: 1px solid #EEE;
    border-bottom: 0
}

.trend-nav-tag {
    margin-bottom: 12px;
    clear: both
}

.trend-nav-tag ul {
    overflow: hidden
}

.trend-nav-tag ul li {
    float: left
}

.trend-nav-tag a {
    display: inline-block;
    font-size: 12.5px;
    line-height: 18px;
    padding: 4px 10px;
    margin-right: 4px;
    background: #F9F9F9;
    color: #999;
    border: 1px solid #EEE
}

.trend-nav-tag .on a {
    color: #FFF;
    background: #663399;
    border-color: #663399
}

.news-article-list .cell {
    position: relative;
    clear: both;
    border-top: 1px solid #EEE;
    margin: 32px 0;
    padding-top: 25px
}

.news-article-list .cell:first-child {
    margin-top: 0
}

.news-article-list .cell a {
    display: block
}

.news-article-list .cell a:hover .subject_text {
    text-decoration: underline
}

.news-article-list .cell a:hover .img img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all .2s ease-in-out
}

.news-article-list .img {
    position: absolute;
    top: 24px;
    left: 0;
    overflow: hidden
}

.news-article-list .img img {
    width: 160px;
    height: 120px;
    border-radius: 8px;
    object-fit: cover
}

.news-article-list .info {
    margin-left: 180px;
    font-size: 15px;
    line-height: 24px;
    color: #454545
}

.news-article-list .date {
    margin-left: 180px;
    font-size: 12px;
    margin-bottom: 4px
}

.news-article-list .date span {
    display: inline-block;
    margin-left: 16px;
    color: #888;
    letter-spacing: 0
}

.news-article-list .date span:first-child {
    margin-left: 0
}

.news-article-list .date .category {
    display: inline-block;
    background: #CCC;
    color: #FFF;
    padding: 0 4px;
    line-height: 18px;
    border-radius: 2px;
    margin-right: 6px;
    font-size: 11px
}

.news-article-list .date .category:hover {
    transition: all .2s ease-in-out;
    background: #333
}

.news-article-list .date .category.on {
    background: #333
}

.news-article-list .spacer {
    border-right: 1px solid #E0E0E0;
    height: 10px
}

.news-article-list .subject_text {
    display: block;
    font-size: 18px;
    color: #000;
    font-weight: 500
}

.news-article-list .comment_text {
    height: 40px;
    overflow: hidden;
    color: #888;
    font-size: 13.5px;
    line-height: 20px;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: 0;
    margin: 12px 0;
    word-break: break-all
}

#news-wrap .article {
    position: relative;
    padding: 16px 12px;
    background: #FFF;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box
}

#news-wrap .article:hover {
    background: #F8F8F8
}

#news-wrap .subject_text {
    display: block;
    font-size: 18px;
    color: #000
}

#news-wrap .article p {
    font-size: 14px;
    color: #999;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 150%
}

#news-wrap .article a {
    display: block;
    font-weight: 600;
    word-break: keep-all
}

#news-wrap figure {
    float: right;
    width: 100px;
    overflow: hidden;
    border-radius: 8px;
    margin: 0;
    margin-left: 20px
}

#news-wrap figure img {
    width: 160px;
    height: 100px;
    object-fit: cover
}

#news-wrap .media {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 13px;
    color: #999;
    margin-top: 10px
}

#news-wrap .comments {
    color: #666;
    font-weight: 600
}

#news-wrap .comments i {
    font-size: 12px;
    font-weight: normal
}

.news-more-link a {
    margin: 50px auto;
    width: 200px;
    display: block;
    border: 1px solid #448aff;
    text-align: center;
    border-radius: 8px;
    padding: 8px 0;
    font-weight: 600
}

.news-more-link a:hover {
    background: #448AFF;
    color: #FFF;
    transition: all 0.2s;
    text-decoration: none
}

.pressList {
    clear: both;
    display: flex;
    gap: 8px;
    padding-bottom: 24px;
    margin-bottom: 12px;
    border-bottom: 1px solid #F0F0F0
}

.pressList a {
    display: flex;
    align-items: center;
    border: 1px solid #dadce0;
    padding: 8px 20px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 500
}

.pressList a:hover {
    background: #EEE;
    transition: all 0.2s
}

.pressList img {
    height: 14px
}

.news-signature {
    border: 1px solid #EEE;
    padding: 18px 28px;
    border-radius: 3px;
    box-shadow: 1px 2px 2px rgba(0,0,0,0.05)
}

.news-signature p {
    font-size: 12.5px;
    color: #999;
    line-height: normal;
    margin: 0
}

.news-signature img {
    margin-bottom: 16px
}

.agency_sch {
    text-align: center;
    background: url('https://cdn.ibos.kr/images/2815_top_bg.png');
    padding: 25px 20px 15px 20px
}

.agency_sch ul {
    overflow: hidden
}

.agency_sch ul li {
    float: left
}

.agency_sch ul li a {
    color: #4E5979;
    background-color: #FFF;
    display: inline-block;
    width: 98px;
    line-height: 28px;
    margin: 0 0 10px 10px;
    font-size: 13px
}

.agency_sch ul li a:hover {
    background-color: #4E5979;
    color: #FFF
}

.agency_sch ul li.on a {
    background-color: #4E5979;
    color: #FFF
}

.agency_sch strong {
    display: block;
    text-align: center;
    color: #FFF;
    font-size: 21px;
    font-weight: normal;
    padding-bottom: 15px
}

.agency_sch .searchbox {
    background-color: #FFF;
    width: 500px;
    margin: 0 auto 20px auto
}

.agency_sch .searchbox .sch_btn {
    float: right
}

.agency_sch .mb_searchbox_2 {
    border: 0;
    line-height: 30px;
    height: 45px;
    font-size: 15px;
    width: 430px !important
}

.agency_sch .tags_link {
    width: 432px;
    margin: 0 auto
}

#agency_ad6 .wrap {
    overflow: hidden;
    padding-top: 25px;
    width: 705px
}

#agency_ad6 .cell {
    float: left;
    width: 223px;
    height: 314px;
    margin: 0 10px 20px 0;
    border: 1px solid #e5e5e5
}

#agency_ad6 .logo {
    text-align: center;
    padding: 25px 0;
    border-bottom: 1px solid #e5e5e5
}

#agency_ad6 .details {
    padding: 20px
}

#agency_ad6 .details h3 {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 15px;
    color: #000
}

#agency_ad6 .details h3 span {
    display: none;
    color: #FF4949;
    padding-left: 20px;
    font-size: 18px
}

#agency_ad6 .details h3 span em {
    display: inline-block;
    text-indent: -999em;
    width: 20px;
    height: 17px;
    background: url('https://cdn.ibos.kr/images/2815_list_heart_icon.png') no-repeat;
    vertical-align: -3px
}

#agency_ad6 .details .homepage {
    background: url('https://cdn.ibos.kr/images/act_title_icon_href_161025.png') no-repeat 0px 2px;
    padding: 0px 10px 15px 22px
}

#agency_ad6 .details .description {
    line-height: 20px;
    background: url('https://cdn.ibos.kr/images/act_title_icon_etc_161025.png') no-repeat 0px 4px;
    padding: 0px 10px 0 22px;
    height: 60px;
    overflow: hidden
}

#agency_ad6 .hash_tag {
    margin-top: 10px
}

#agency_ad6 .hash_tag a {
    display: inline-block;
    padding: 0 3px 3px 0;
    color: #448aaf;
    word-break: break-all
}

#agency_ad6 .hash_tag a:hover {
    text-decoration: underline
}

#agency_LF .wrap .cell {
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
    padding: 20px 0
}

#agency_LF .logo_info {
    float: left;
    border: 1px solid #E0E0E0;
    text-align: center;
    width: 242px;
    height: 145px
}

#agency_LF .logo_info p {
    text-align: left;
    padding-left: 30px;
    font-size: 13px;
    line-height: 20px;
    color: #999
}

#agency_LF .logo_info p span {
    display: inline-block;
    width: 46px
}

#agency_LF .logo_info .logo {
    padding: 25px 0 20px 0
}

#agency_LF .details {
    float: left;
    width: 421px;
    padding-left: 30px
}

#agency_LF .details h3 {
    font-size: 21px;
    font-weight: 600;
    padding: 15px 0
}

#agency_LF .details h3 a:hover {
    color: inherit;
    text-decoration: underline;
    color: #939
}

#agency_LF .details h3 span {
    color: #FF4949;
    padding-left: 20px;
    font-size: 18px
}

#agency_LF .details h3 span em {
    display: inline-block;
    text-indent: -999em;
    width: 20px;
    height: 17px;
    background: url('https://cdn.ibos.kr/images/2815_list_heart_icon.png') no-repeat;
    vertical-align: -6px
}

#agency_LF .details p {
    font-size: 13px;
    line-height: 24px
}

#agency_LF .hash_tag {
    margin-top: 10px
}

#agency_LF .hash_tag a {
    display: inline-block;
    background-color: #f2f2f2;
    padding: 5px 7px;
    margin-right: 3px;
    color: #999
}

.bd-title-box {
    margin-top: 20px
}

.bd-title-cate {
    overflow: hidden;
    zoom:1;margin-bottom: 25px;
    border: 1px solid #d9d9d9;
    background: #424242
}

.bd-nav {
    position: relative;
    margin: 30px 0px;
    padding-bottom: 15px;
    border-bottom: 1px solid #8c8c8c
}

.bd-nav h3 {
    font-size: 13px;
    color: #2d2d2d
}

.bd-nav .btn_write {
    position: absolute;
    bottom: 15px;
    right: 0px;
    height: 40px;
    line-height: 40px;
    padding: 0px 10px 0px 30px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background: #f45352 url(/images/listing_bg_btn_write.png) 12px 12px no-repeat
}

.bd-nav .btn_list {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 16px;
    line-height: 16px;
    font-size: 15px;
    font-weight: 600;
    color: #de1919
}

.bd-nav .btn_list img {
    padding-right: 5px;
    vertical-align: middle
}

.item:after {
    display: block;
    content: "";
    clear: both
}

.bd-title-cate .bd-cate-subject {
    float: left;
    width: 225px;
    padding: 25px 0px 15px 22px
}

.bd-cate-subject h4 {
    height: 25px;
    line-height: 25px;
    margin-bottom: 35px;
    padding-left: 15px;
    font-size: 26px;
    font-weight: 600;
    color: #fff
}

.bd-cate-subject p {
    font-size: 13px;
    line-height: 20px;
    color: #a1a1a1
}

.bd-title-cate .bd-cate {
    margin-left: 249px;
    background: #f8f8f8
}

.bd-cate li {
    float: left;
    width: 177.5px;
    height: 62px;
    line-height: 62px;
    border: solid #d9d9d9;
    border-width: 0px 0px 1px 1px;
    text-align: center
}

.bd-cate .last_bd {
    border-bottom: 0px
}

.bd-cate .last {
    border-right: 1px solid #d9d9d9;
    border-bottom: 0px
}

.bd-cate li a {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #424242
}

.bd-cate .on a span, .bd-cate li a:hover span {
    border-bottom: 1px solid #f45352;
    color: #f45352
}

.bd-title-cate:after {
    display: block;
    content: "";
    clear: both
}

.bd-sch-box {
    margin-bottom: 75px;
    padding: 30px 45px 20px;
    background: #424242
}

.bd-sch-box .bd-sch-submit {
    width: 371px;
    margin: 0% auto 45px;
    zoom:1}

.bd-sch-box .bd-sch-submit:after {
    display: block;
    content: "";
    clear: both
}

.bd-sch-submit .sch-box {
    float: left;
    width: 316px;
    height: 40px;
    line-height: 40px;
    padding: 0px 5px;
    font-size: 13px;
    color: #5d5d5d;
    text-align: center
}

.bd-sch-submit .btn_sch {
    width: 45px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-indent: -9999px;
    background: #f45352 url(/images/listing_icon_sch_1123.png) no-repeat 15px 12px;
    cursor: pointer
}

.bd-sch-cate h4 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    color: #fff
}

.bd-sch-cate h4 span {
    color: #ff6665
}

.bd-sch-cate .item {
    padding-top: 15px;
    border-top: 1px solid #323232;
    zoom:1}

.bd-sch-cate .item h5 {
    float: left;
    font-size: 16px;
    font-weight: 600;
    color: #fff
}

.bd-sch-cate .item .sch_select_box {
    position: relative;
    width: 193px;
    height: 28px;
    margin-bottom: 20px;
    background: url(/images/listing_bg_select_arrow.png) 167px center no-repeat;
    border: 1px solid #bfbfbf
}

.bd-sch-cate .item .sch_select {
    width: 100%;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    opacity: 0;
    cursor: pointer
}

.bd-sch-cate .item .sch_select_box label {
    position: absolute;
    top: 0px;
    left: 10px;
    height: 28px;
    line-height: 28px;
    padding-left: 0px;
    font-size: 15px;
    color: #fff
}

.bd-sch-cate .item > div {
    margin-left: 140px
}

.bd-sch-cate .item li {
    float: left;
    width: 121px;
    height: 16px;
    line-height: 16px;
    margin-bottom: 20px
}

.bd-sch-cate .item input {
    width: 16px;
    height: 16px;
    margin-bottom: 1px;
    vertical-align: middle
}

.bd-sch-cate .item label {
    padding-left: 13px;
    font-size: 15px;
    color: #f0f0f0;
    cursor: pointer
}

.bd-sch-cate .item label i {
    font-style: normal;
    color: #ff6665
}

.btn_confirm {
    margin-top: 5px;
    text-align: right
}

.btn_confirm input {
    height: 38px;
    line-height: 38px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer
}

.btn_confirm .btn_reset {
    width: 128px;
    color: #424242;
    text-align: center;
    background: #fff
}

.btn_confirm .btn_submit {
    margin-left: 5px;
    padding: 0px 24px 0px 47px;
    color: #fff;
    background: #f45352 url(/images/listing_icon_sch_1123.png) 25px 10px no-repeat
}

#LIS_BDTitle h2 {
    margin-bottom: 10px;
    font-size: 25px;
    font-weight: 600;
    color: #424242
}

#LIS_BDTitle h2 span {
    font-size: 15px;
    font-weight: normal;
    color: #5f5f5f
}

#LIS_BDList {
    border-top: 2px solid #8c8c8c
}

#LIS_BDList .item a:after, #LIS_BDList .co_txt p:after {
    display: block;
    content: "";
    clear: both
}

#LIS_BDList .item_cont {
    position: relative
}

#LIS_BDList .AB-thumb {
    float: left;
    position: relative;
    width: 229px;
    margin-right: 30px;
    border: 1px solid #959595
}

#LIS_BDList .AB-thumb .ad_icon {
    position: absolute;
    top: 5px;
    right: 5px
}

#LIS_BDList .AB-thumb .number {
    position: absolute;
    top: 0px;
    left: 0px
}

#LIS_BDList .AB-thumb .number span {
    display: block;
    width: 25px;
    height: 40px;
    padding: 5px 20px 0px 0px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    background: url(/images/listing_bg_num1.png) no-repeat
}

#LIS_BDList .AB-thumb .number .bg_type2 {
    background: url(/images/listing_bg_num2.png) no-repeat
}

#LIS_BDList .item {
    position: relative;
    padding: 15px 10px;
    border-bottom: 1px solid #d1d1d1;
    color: #424242
}

#LIS_BDList .item .img {
    padding: 30px 0px 20px;
    text-align: center
}

#LIS_BDList .item .co_name {
    margin-top: 25px;
    font-size: 18px;
    font-weight: 600
}

#LIS_BDList .item a:hover {
    color: inherit
}

#LIS_BDList .co_txt {
    padding: 10px 15px;
    font-size: 13px;
    color: #f0f0f0;
    background: #424242
}

#LIS_BDList .co_txt p {
    padding: 5px 0px
}

#LIS_BDList .co_txt span {
    float: left;
    width: 45px;
    color: #b3b3b3
}

#LIS_BDList .AB-explan {
    float: left;
    width: 682px
}

.AB-explan_cont {
    position: relative
}

.co_subject {
    margin: 30px 5px 20px;
    font-size: 26px;
    font-weight: 600
}

.partners {
    border: 1px solid #e5e5e5;
    margin: 15px 0;
    padding: 15px 10px
}

.partners h6 {
    border-bottom: 1px solid #6D6D6D;
    font-size: 17px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-weight: normal
}

.partners .cell a {
    display: block;
    background: url("/images/new_dot.gif") left center no-repeat;
    font-size: 13px;
    padding: 7px 0 7px 12px
}

.partners .cell a:hover {
    color: inherit;
    text-decoration: underline
}

#Layout-sub.biz .lnb_ul.LN-coms {
    width: 225px;
    border: 1px solid #e5e5e5;
    padding: 15px 10px
}

#Layout-sub.biz .lnb_ul.LN-coms li {
    padding: 0;
    width: 225px;
    height: auto
}

#Layout-sub.biz .lnb_ul.LN-coms li a {
    padding-left: 12px;
    background: url("/images/new_dot.gif") left center no-repeat
}

#Layout-sub.biz .lnb_ul.LN-coms li.submenu.first {
    background: none;
    border: 0
}

#Layout-sub.biz .lnb_ul.LN-coms li.submenu.first span {
    border-bottom: 1px solid #6D6D6D;
    font-size: 17px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-weight: normal;
    background: none;
    color: #1c1c1c
}

#Layout-sub.biz .bd-pr-layout {
    border: 1px solid #e5e5e5;
    padding: 15px 10px
}

#Layout-sub.biz .bd-pr-layout .title a {
    border-bottom: 1px solid #6D6D6D;
    font-size: 17px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-weight: normal;
    background: none;
    color: #1c1c1c;
    text-indent: 0
}

#Layout-sub.biz .agency-info {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #e0e0e0;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border-radius: 5px
}

#Layout-sub.biz .agency-info .profile_img {
    text-align: center;
    padding: 15px 0
}

#Layout-sub.biz .agency-info .nickname {
    font-size: 18px;
    text-align: center
}

#Layout-sub.biz .agency-info .detail {
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
    margin-top: 15px
}

#Layout-sub.biz .agency-info .detail .works {
    margin-bottom: 15px
}

#Layout-sub.biz .agency-info .detail .works p {
    width: 95px;
    height: 15px;
    line-height: 15px
}

#Layout-sub.biz .agency-info .detail .works p label {
    color: #878787
}

#Layout-sub.biz .agency-info .detail .works p span {
    float: right;
    font-size: 15px
}

#Layout-sub.biz .agency-info .detail .works p span i {
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    background: url(/images/p1957_icon_set.png)
}

#Layout-sub.biz .agency-info .detail .works .first {
    float: left
}

#Layout-sub.biz .agency-info .detail .works .second {
    float: right
}

#Layout-sub.biz .agency-info .detail .recent_review label {
    display: block;
    margin-bottom: 5px;
    color: #878787
}

#Layout-sub.biz .agency-info .detail .recent_review span {
    display: block
}

#Layout-sub.biz .agency-info .detail .review_btn {
    padding: 5px;
    margin-top: 20px;
    border: 1px solid #e0e0e0;
    color: #878787;
    text-align: center;
    cursor: pointer
}

#Layout-sub.biz .agency-info.unlogin p {
    text-align: center
}

#Layout-sub.biz .agency-info.unlogin .title {
    display: block;
    margin-bottom: 5px;
    font-size: 18px
}

#Layout-sub.biz .agency-info.unlogin .txt {
    display: block;
    font-size: 15px;
    color: #A8A8A8
}

#article3 .request_ad {
    width: 300px;
    float: left
}

#article3 .request_ad > p {
    font-size: 13px;
    font-weight: 600;
    padding-bottom: 12px
}

#article3 .request_ad > p span {
    display: inline-block;
    width: 7px;
    height: 7px;
    background: url(/images/main_icon.png) -16px -163px no-repeat;
    margin-right: 10px
}

#article3 .request_ad.tab2 {
    margin-left: 18px
}

#article3 .request_ad .cell {
    position: relative;
    border: 1px solid #E0E0E0;
    height: 34px;
    margin-bottom: 5px;
    padding: 10px
}

#article3 .request_ad .cell a:hover {
    text-decoration: none
}

#article3 .request_ad .cell a:hover .subject {
    text-decoration: underline
}

#article3 .request_ad .cell span {
    font-size: 12px;
    padding-right: 10px;
    color: #999
}

#article3 .request_ad .cell span em {
    font-style: normal;
    padding-left: 5px
}

#article3 .request_ad .cell .subject {
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 25px;
    padding-bottom: 5px
}

#article3 .request_ad .cell .category_1 {
    color: #937BAE;
    font-weight: 600
}

#article3 .request_ad .cell .budget em {
    color: #FF4949
}

#article3 .request_ad .cell .tob em {
    font-weight: 600;
    color: #333;
    display: inline-block;
    width: 65px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

#article3 .request_ad .deadline {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
    color: #448AFF
}

.ly_text_bn {
    line-height: 28px;
    padding: 0 10px 0 20px;
    color: #454545;
    background: url('https://cdn.ibos.kr/images/new_dot.gif') no-repeat;
    background-position: 8px 14px;
    font-size: 13px
}

.ly_text_bn span {
    color: #AAA;
    border: 1px solid #f0f0f0;
    padding: 0 2px;
    margin-right: 3px;
    font-size: 10px
}

#column_LF .title h3 a {
    display: block;
    height: 100%
}

#personalized_alert {
    position: fixed;
    right: 20px;
    bottom: 20px;
    text-align: right;
    z-index: 999
}

#personalized_alert .text {
    padding: 20px;
    font-size: 15px;
    border: 2px solid #EEE;
    background: #FCFCFC;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 10px
}

#personalized_alert .text p {
    padding: 5px 0;
    text-align: left;
    margin-right: 80px
}

#over2000 {
    position: absolute;
    top: 15px;
    left: 244px;
    z-index: 10;
    width: 310px
}

#over2000 img {
    float: left
}

#over2000 p {
    float: left;
    background: #F1F1F1;
    border: 1px solid #e0e0e0;
    padding: 20px 10px 10px 10px;
    font-size: 13px;
    line-height: 18px;
    margin-left: 15px;
    font-weight: 600;
    color: #aaa
}

#over2000 p a {
    display: block
}

#over2000 p a:hover {
    color: #000
}

#over2000 p a:hover em {
    text-decoration: underline
}

#over2000 p em {
    display: block;
    text-align: right;
    color: #448AFF;
    font-size: 12px;
    font-weight: 600;
    padding-top: 7px
}

#over2000 .close_btn {
    position: absolute;
    top: 10px;
    right: 25px;
    cursor: pointer
}

#over2000 .clamp {
    position: absolute;
    top: 35px;
    left: 62px
}

.reported_manager {
    padding: 10px 20px;
    margin: 15px auto;
    text-align: center;
    color: #000
}

.reported_manager .AB-cr a, .reported_manager .mem_frm {
    display: inline-block
}

.reported_manager p {
    font-weight: 600;
    text-align: center;
    padding-bottom: 15px
}

.reported_manager .reported_manager_btn a, .reported_manager input[type=submit] {
    margin: 0 5px;
    background-color: #FFF;
    font-size: 13px;
    padding: 4px 7px;
    line-height: 28px;
    font-weight: 600;
    border-radius: 3px
}

.reported_manager input[type=submit] {
    cursor: pointer
}

.reported_manager .reported_list {
    list-style-type: none;
    width: 100%;
    border: 1px solid #eee;
    font-size: 13px
}

.reported_manager .list-header {
    background-color: #f5f5f5;
    display: flex;
    font-weight: 600;
    border-bottom: 1px solid #ddd
}

.reported_manager ul li>a {
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.reported_manager ul li div, .list-header div {
    padding: 8px;
    box-sizing: border-box
}

.reported_manager .reported_manager.list-header {
    background-color: #f2f2f2;
    font-weight: bold
}

.reported_manager .reported_type {
    width: 10%
}

.reported_manager .reported_content {
    width: 45%;
    text-align: left
}

.reported_manager .reported_content:hover {
    text-decoration: underline
}

.reported_manager .list-header .reported_content {
    text-align: center
}

.reported_manager .reported_date {
    width: 35%
}

.reported_manager .reported_status {
    width: 10%
}

.reported_manager ul li:not(.list-header) .reported_status {
    color: red;
    font-weight: 600
}

.reported_manager .reported_manager_btn {
    margin-top: 10px
}

.reported_manager .reported_manager_btn a {
    display: inline-block;
    padding: 8px 20px;
    background-color: #333;
    color: white;
    border: none;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 5px;
    font-weight: 600;
    margin: 10px 0 30px
}

.reported_manager .reported_manager_btn a:last-child {
    background-color: #e0e0e0;
    color: black;
    margin-left: 6px
}

.reported_penalty {
    background-color: #f5f5f5;
    border-radius: 10px;
    width: 96%;
    margin: 10px auto
}

.reported_penalty li {
    display: flex;
    align-items: center
}

.reported_penalty li .num {
    width: 25px
}

.reported_penalty li .date {
    letter-spacing: 0.4px;
    font-variant-numeric: tabular-nums
}

.reported_penalty li .date span {
    margin-left: 5px
}

.news_bn_frm {
    overflow: hidden;
    position: relative;
    z-index: 10;
    background: #6ec2c2 !important;
    margin-top: 12px !important
}

.news_bn_frm .txt {
    margin-bottom: 10px;
    font-family: NotoSansMedium;
    font-size: 16px;
    color: #fff
}

.news_bn_frm .frm_news {
    margin: 5px 0px;
    padding: 20px 0px 12px 0px;
    text-align: center
}

.news_bn_frm .email_frm_btn {
    width: 52px;
    height: 30px;
    margin-left: 5px;
    font-weight: 600;
    color: #f1696d;
    background: #ffef64;
    cursor: pointer
}

.news_bn_frm .email_frm_btn:hover {
    background: #ffea31
}

.news_bn_frm .email_frm {
    width: 163px;
    height: 30px;
    padding-left: 10px;
    font-size: 14px;
    color: #aaa
}

#news_bn_frmLnb {
    display: block !important;
    margin-bottom: 5px
}

#news_bn_frm1 {
    position: fixed;
    bottom: 70px;
    right: 30px;
    width: 300px
}

#news_bn_frm2 {
    position: fixed;
    z-index: 100;
    top: 171px;
    right: 30px;
    width: 250px
}

.news_bn_frm .btn_close {
    display: block;
    position: absolute;
    top: 7px;
    right: 7px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    background: #5eabab;
    color: #f0ffff;
    border-radius: 50px;
    font-family: Tahoma, serif;
    font-size: 11px
}

#re_news {
    overflow: hidden
}

#re_news .cell {
    float: left;
    width: 290px;
    margin-right: 15px
}

#re_news .cell p {
    line-height: 1.85;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#re_news .cell a:hover {
    text-decoration: none
}

#re_news .cell a:hover span {
    text-decoration: underline
}

#re_news .cell p em {
    font-style: normal;
    padding-right: 5px
}

#re_news .figure {
    display: none
}

#re_news .num_1, #re_news .num_2 {
    display: inline-block;
    width: 150px;
    height: 162px
}

#re_news .num_1 .figure, #re_news .num_2 .figure {
    display: block
}

#re_news .num_1 p, #re_news .num_2 p {
    white-space: inherit;
    height: 36px;
    line-height: 18px;
    overflow: hidden
}

#re_news .num_1 p em, #re_news .num_2 p em {
    display: none
}

#re_news .num_1 .figure, #re_news .num_2 .figure {
    margin-bottom: 5px;
    border: 1px solid #e0e0e0
}

.BoardEditButtons a {
    display: inline-block;
    width: 75px;
    color: #333;
    border: 1px solid #DDD;
    line-height: 34px;
    height: 34px;
    -webkit-transition: all .2s cubic-bezier(.39,.575,.565,1);
    transition: all .2s cubic-bezier(.39,.575,.565,1);
    text-align: center;
    margin-left: 5px;
    font-weight: 600;
    font-size: 13px
}

#column_btbutn {
    width: 650px;
    padding: 0 25px;
    margin: 0 auto;
    margin-bottom: 30px
}

#column_btbutn .f_columnist:after {
    content: '';
    display: block;
    clear: both
}

#column_btbutn .f_columnist .cal_btn {
    float: left;
    width: 151px;
    margin-left: 15px
}

#column_btbutn .f_columnist .cal_btn:first-child {
    margin-left: 0
}

#column_btbutn .f_columnist .cal_btn a {
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #448aff;
    border: 1px solid #448aff
}

#column_btbutn .f_columnist .cal_btn a:hover {
    background: #448aff;
    color: #fff
}

#column_btbutn .f_columnist .cal_btn a.active {
    background: #448aff;
    color: #fff
}

.f_columnistBX {
    margin-top: 20px
}

#column_btbutn .subscrib_box2 {
    z-index: 10;
    width: 607px;
    padding: 20px;
    bottom: -132px;
    right: 0;
    background: #FFF;
    border: 1px solid #ebebeb;
    text-align: left;
    background: #FFF
}

#column_btbutn .subscrib_box2 p {
    font-size: 17px;
    line-height: 27px
}

#column_btbutn .subscrib_box2 .sub_ipbox {
    margin-top: 20px
}

#column_btbutn .subscrib_box2 div input {
    height: 40px;
    line-height: 40px;
    font-size: 14px
}

#column_btbutn .subscrib_box2 div input:first-child {
    border: 1px solid #ebebeb;
    padding-left: 10px;
    width: 460px;
    height: 38px
}

#column_btbutn .subscrib_box2 div input.subs_btn {
    width: 125px;
    cursor: pointer;
    margin-left: 10px;
    background: #448aff;
    color: #FFF
}

#column_btbutn .column_support {
    width: 608px;
    border: 1px solid #ebebeb;
    padding: 20px;
    margin: 0 auto
}

#column_btbutn .column_support_title {
    border-bottom: 1px solid #ebebeb;
    padding: 0 0 20px;
    margin: 0 0 20px;
    position: relative
}

#column_btbutn .column_support_title p {
    font-size: 17px;
    line-height: 26px;
    color: #464646
}

#column_btbutn .column_support_title span {
    display: block;
    font-size: 15px;
    color: #7d7d7d;
    position: absolute;
    right: 0;
    bottom: 20px;
    cursor: pointer
}

#column_btbutn .column_support_layer {
    display: none;
    position: absolute;
    top: 64px;
    right: 0;
    width: 360px;
    height: 130px;
    padding: 15px;
    font-size: 13px;
    line-height: 18px;
    color: #fff;
    background: #404040;
    z-index: 1
}

#column_btbutn .column_support_layer img.clo {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer
}

#column_btbutn .column_support_layer img.icon {
    position: absolute;
    top: -9px;
    right: 40px
}

#column_btbutn .column_support_area label {
    display: inline-block;
    width: 13%;
    font-size: 15px;
    color: #464646;
    cursor: pointer
}

#column_btbutn .column_support_area .dist_text {
    font-size: 15px;
    color: #464646
}

#column_btbutn .column_support_area .dist_text input[type="text"] {
    width: 70px;
    border: solid #b7b7b7;
    border-width: 0 0 1px;
    font-size: 14px;
    color: #464646;
    outline: none;
    text-align: right;
    margin: 0 4px 0 0
}

#column_btbutn .column_support_btn .col_support_btn {
    display: block;
    margin: 20px auto 0;
    width: 110px;
    height: 26px;
    line-height: 26px;
    color: #fff;
    font-size: 13px;
    text-align: center;
    background: #448aff;
    cursor: pointer
}

#column_btbutn .sp_step {
    background: #fff;
    width: 490px
}

#column_btbutn .sp_step .sp_popup_title .sp_info::after {
    display: block;
    content: "";
    clear: both
}

#column_btbutn .sp_step .sp_popup_title .sp_info {
    padding: 20px 0
}

#column_btbutn .sp_step .sp_popup_title .sp_img {
    float: left;
    width: 162px;
    text-align: center
}

#column_btbutn .sp_step .sp_popup_title .sp_img::after {
    width: 1px;
    height: 50px;
    background: #663399;
    content: "";
    float: right;
    margin: 30px 0 0
}

#column_btbutn .sp_step .sp_popup_title .sp_name {
    float: left;
    width: auto;
    padding: 25px 0 0 20px;
    line-height: 24px
}

#column_btbutn .sp_step .sp_popup_title .sp_name strong {
    font-size: 19px;
    color: #000
}

#column_btbutn .sp_step .sp_popup_title .sp_name p {
    font-size: 15px;
    color: #7d7d7d
}

#column_btbutn .sp_step .sp_popup_title .sp_txt {
    background: #f8f8f8;
    padding: 15px 25px;
    line-height: 30px
}

#column_btbutn .sp_step .sp_popup_title .sp_txt p {
    font-size: 14px;
    color: #663399;
    font-weight: 600
}

#column_btbutn .sp_step .sp_popup_title .sp_txt span {
    font-size: 17px;
    color: #000;
    font-weight: 600;
    letter-spacing: -1.5px
}

#column_btbutn .sp_result {
    background: #fff
}

#column_btbutn .sp_result .sp_popup_title .sp_info {
    padding: 20px 0;
    text-align: center;
    font-size: 21px;
    color: #663399
}

#column_btbutn .sp_result .sp_popup_title .sp_info img {
    margin: 0 0 10px
}

#column_btbutn .sp_result .sp_popup_title .sp_txt {
    background: #f8f8f8;
    padding: 15px 0;
    line-height: 21px;
    font-size: 15px;
    color: #464646;
    text-align: center
}

#column_btbutn .sp_result .sp_popup_title .sp_txt p {
    font-size: 17px;
    color: #000;
    margin: 0 0 10px
}

#column_btbutn .sp_popup_title h5 {
    height: 56px;
    line-height: 56px;
    border-bottom: 3px solid #663399;
    text-align: center;
    font-size: 18px;
    color: #000
}

#column_btbutn .sp_input {
    position: relative;
    width: 500px;
    margin: 0 auto
}

#column_btbutn .sp_input .cl_line {
    margin: 0 10px;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #e6e7e8;
    font-size: 15px;
    color: #000
}

#column_btbutn .sp_input .cl_line span {
    display: inline-block;
    width: 95px;
    padding: 0 0 0 15px
}

#column_btbutn .sp_input .cl_line span.pd {
    width: auto
}

#column_btbutn .sp_input .cl_line span.price {
    color: #663399;
    font-weight: 600;
    font-size: 17px
}

#column_btbutn .sp_input .cl_line input, #column_btbutn .sp_input .cl_line select {
    border: 1px solid #c7c7c7;
    width: 328px;
    height: 42px;
    line-height: 42px;
    padding: 0 0 0 20px;
    font-size: 15px;
    color: #000
}

#column_btbutn .sp_input .cl_line select {
    width: 350px;
    cursor: pointer
}

#column_btbutn .sp_input p {
    font-size: 15px;
    height: 32px;
    line-height: 32px;
    color: #ed1c24;
    padding: 0 10px
}

#column_btbutn .sp_btn {
    padding: 20px 0 30px
}

#column_btbutn #submit_btn {
    display: block;
    width: 248px;
    height: 46px;
    line-height: 46px;
    color: #fff;
    background: #663399;
    text-align: center;
    font-size: 16px;
    margin: 0 auto;
    cursor: pointer
}

#column_btbutn .sp_popup_clo {
    position: absolute;
    bottom: -20px;
    right: 0;
    font-size: 15px;
    height: 13px;
    line-height: 13px;
    color: #fff;
    cursor: pointer
}

#column_btbutn .sp_popup_clo img {
    margin: 0 0 0 4px
}

#column_LF.column_VF_class .title {
    margin-bottom: 30px;
    border: 0
}

#column_LF.column_VF_class .title h5 {
    font-size: 23px
}

#column_btbutn #colu {
    display: none
}

#column_btbutn .column_support_btn .col_support_btn {
    width: 170px!important;
    height: 40px!important;
    margin: 25px auto 0!important;
    font-size: 17px!important;
    line-height: 40px!important;
    background: #448aff!important
}

#column_btbutn .column_support_btn .col_support_btn > img {
    margin-right: 5px
}

#column_btbutn .column_support_area .dist_text input[type="text"] {
    width: 60px;
    margin: 0 5px;
    border: 1px solid #b7b7b7;
    padding-right: 5px;
    font-family: none;
    outline: none
}

#column_btbutn .column_support_title span {
    font-size: 13px;
    text-decoration: underline
}

#column_btbutn .column_support_title span img {
    margin-right: 5px
}

#column_btbutn .column_support_layer {
    top: 60px;
    font-family: '맑은고딕'
}

#column_btbutn .column_support_layer .clo {
    top: 7px;
    right: 10px;
    color: #FFF;
    text-decoration: none
}

#column_btbutn .sp_step {
    width: 100%
}

#column_btbutn .sp_step .sp_popup_title .sp_txt p {
    width: 490px;
    margin: 0 auto
}

#column_btbutn .sp_step .sp_popup_title .sp_txt span {
    display: block;
    width: 490px;
    margin: 0 auto;
    font-size: 15px
}

#column_btbutn .sp_input .cl_line {
    margin: 0
}

#column_btbutn .sp_input .cl_line span {
    padding: 0
}

#column_btbutn .sp_step .sp_popup_title .sp_txt {
    line-height: 25px
}

#column_btbutn .sp_step .sp_popup_title .sp_img {
    width: auto
}

#column_btbutn .sp_step .sp_popup_title .sp_img::after {
    margin: 30px 0 30px 25px
}

#column_btbutn .sp_popup_title h5 {
    font-size: 18px;
    height: 55px;
    line-height: 55px
}

#column_btbutn .sp_step .sp_popup_title .sp_info {
    padding: 25px 0
}

#column_btbutn #edu {
    display: none
}

#column_btbutn .education {
    padding: 20px;
    border: 1px solid #ebebeb
}

#column_btbutn .edu_inner .edu_mention {
    padding-bottom: 20px
}

#column_btbutn .edu_inner p {
    font-size: 17px;
    line-height: 26px;
    color: #464646
}

#column_btbutn .edu_inner .edu_thum {
    padding: 20px 0;
    border-top: 1px solid #ebebeb
}

#column_btbutn .edu_inner .edu_thum:after {
    content: '';
    display: block;
    clear: both
}

#column_btbutn .edu_inner .edu_thum .img {
    float: left;
    width: 100px;
    height: 87px;
    background: #444
}

#column_btbutn .edu_inner .edu_thum .thum_txt {
    float: left;
    margin-left: 20px
}

#column_btbutn .edu_inner .edu_thum .thum_txt h6 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px
}

#column_btbutn .edu_inner .edu_thum .thum_txt span {
    display: block;
    width: 488px;
    font-size: 13px;
    line-height: 180%
}

#column_btbutn .edu_inner .edu_thum .thum_txt span.AB-LF-common {
    font-size: 15px
}

#column_btbutn .edu_inner .edu_thum .thum_txt a:hover {
    color: #464646!important
}

#column_btbutn #que_con {
    display: none
}

#column_btbutn .consulting {
    padding: 20px;
    border: 1px solid #ebebeb
}

#column_btbutn .consulting .consulting_mention {
    padding-bottom: 20px
}

#column_btbutn .consulting p {
    font-size: 17px;
    line-height: 26px;
    color: #464646
}

#column_btbutn .consulting .consulting_thum {
    padding: 20px 0;
    border-top: 1px solid #ebebeb
}

#column_btbutn .consulting .consulting_thum:after {
    content: '';
    display: block;
    clear: both
}

#column_btbutn .consulting .consulting_thum .img {
    float: left
}

#column_btbutn .consulting .consulting_thum .thum_txt {
    float: left;
    margin-left: 25px
}

#column_btbutn .consulting .consulting_thum .thum_txt h6 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px
}

#column_btbutn .consulting .consulting_thum .thum_txt span {
    display: block;
    width: 459px;
    font-size: 13px
}

#column_btbutn .consulting .consulting_thum .thum_txt a {
    display: block;
    width: 100px;
    height: 30px;
    text-align: center;
    line-height: 30px!important;
    margin-top: 17px;
    background: #448aff;
    color: #fff;
    line-height: 180%
}

.Article-subject .subject.wt_hash {
    padding: 0 10px
}

.Article-subject .subject.wt_hash .wrap_title h1 {
    margin-bottom: 20px
}

.Article-subject .subject.wt_hash .ArticleBtn {
    position: absolute;
    bottom: 5px;
    right: 0
}

.Article-subject .subject.wt_hash .ABA-tit-box {
    padding: 10px 0
}

.Articles_Hash_Tags a {
    display: inline-block;
    padding: 3px 8px;
    margin-right: 5px;
    margin-bottom: 7px;
    letter-spacing: -1px;
    border: 1px solid #EEE
}

.Articles_Hash_Tags a:hover {
    background: #E5E5E5;
    color: #000;
    border-color: #C0C0C0
}

#biz_apply {
    background: #F9F9F9;
    padding: 10px 0
}

#biz_apply .wrap {
    background: #FFF;
    width: 948px;
    margin: 0 auto;
    border: 1px solid #E0E0E0;
    padding: 50px
}

#biz_apply h3 {
    font-size: 26px;
    margin-bottom: 35px;
    letter-spacing: -2px;
    text-align: center
}

#biz_apply ul {
    width: 700px;
    margin: 0 auto
}

#biz_apply ul li {
    padding: 7px 0
}

#biz_apply ul li label {
    display: inline-block;
    width: 135px;
    margin-right: 40px;
    text-align: right;
    font-size: 14px;
    color: #777
}

#biz_apply ul li label span {
    color: #FF4949
}

#biz_apply ul li input {
    padding: 7px 10px;
    font-size: 14px;
    height: 22px;
    width: 450px
}

#biz_apply .account {
    border: 1px solid #448AFF;
    padding: 25px;
    width: 420px;
    margin-left: 175px;
    margin-top: 30px;
    font-size: 15px
}

#biz_apply .account strong {
    display: block;
    padding-bottom: 5px
}

#biz_apply .sp_popup_title h5 {
    height: 56px;
    line-height: 56px;
    border-bottom: 3px solid #663399;
    text-align: center;
    font-size: 18px;
    color: #000
}

#biz_apply .sp_inner {
    margin-top: 20px;
    border-top: 1px solid #e6e7e8
}

#biz_apply .cl_line {
    margin: 0 10px;
    height: 60px;
    padding-left: 15px;
    line-height: 60px;
    border-bottom: 1px solid #e6e7e8;
    font-size: 15px;
    color: #000;
    text-align: left
}

#biz_apply .cl_line:after {
    content: '';
    display: block;
    clear: both
}

#biz_apply .sp_input .cl_line span {
    display: block;
    width: 95px;
    float: left
}

#biz_apply .sp_input .cl_line span.pd {
    width: auto
}

#biz_apply .sp_input .cl_line span.price {
    color: #663399;
    font-weight: 600;
    font-size: 17px
}

#biz_apply #submit_btn {
    cursor: pointer
}

#biz_apply .wrap.done {
    text-align: center
}

#biz_apply .wrap.done img {
    margin-bottom: 15px
}

#biz_apply .wrap.done h3 {
    color: #74B99A
}

#biz_apply .wrap.done a, #biz_apply #submit_btn {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0px 50px;
    background: #6F7198;
    font-size: 16px;
    color: #fff;
    margin-top: 30px
}

#biz_apply .wrap.done p {
    margin-top: 10px;
    line-height: 28px;
    font-size: 15px;
    color: #555
}

#cooperator .conts.honest .review {
    width: 860px;
    border: 1px solid #E0E0E0;
    border-top: 0;
    margin: 0 auto
}

#cooperator .conts.honest ul li .radio_select {
    display: inline-block;
    overflow: hidden;
    width: 482px;
    padding-bottom: 15px
}

#cooperator .conts.honest ul li p {
    float: left
}

#cooperator .conts.honest ul li p input {
    width: auto
}

#cooperator .conts.honest ul li p label {
    width: 100px;
    vertical-align: inherit
}

#myInfo #biz_intro .wrap > div {
    float: none !important
}

#myInfo #biz_intro .header {
    text-align: center;
    width: 780px;
    height: 350px;
    background: url('https://cdn.ibos.kr/images/biz_landing_img_top_bg.jpg') no-repeat
}

#myInfo #biz_intro .header h3 {
    font-size: 38px;
    letter-spacing: -2px;
    padding-bottom: 10px;
    font-weight: 600;
    color: #FFF;
    padding-top: 75px
}

#myInfo #biz_intro .header p {
    font-size: 21px;
    padding-bottom: 35px;
    letter-spacing: -1px;
    color: #FFF
}

#myInfo #biz_intro .header .adv_reg {
    cursor: pointer
}

#myInfo #biz_intro .gotobiz {
    display: block;
    margin: 0 auto 5px auto;
    width: 230px;
    background: #0093D1;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    line-height: 44px;
    height: 44px
}

#myInfo #biz_intro .body {
    border: 1px solid #E0E0E0;
    margin-top: 10px;
    background: #FFF
}

#myInfo #biz_intro .body .inner {
    width: 750px;
    margin: 50px auto
}

#myInfo #biz_intro .tit {
    font-size: 19px;
    text-align: center;
    font-weight: normal
}

#myInfo #biz_intro .spacer {
    display: block;
    width: 45px;
    border-top: 1px solid #333;
    margin: 7px auto
}

#myInfo #biz_intro .desc {
    text-align: center;
    font-size: 15px;
    line-height: 26px;
    color: #666;
    margin-bottom: 20px
}

#myInfo #biz_intro .sec1 {
    margin-bottom: 50px
}

#myInfo #biz_intro .sec1 > div {
    background: #EEE;
    padding: 20px 0;
    text-align: center
}

#myInfo #biz_intro .sec1 .table {
    background: url('https://cdn.ibos.kr/images/biz_landing_img_01.png') no-repeat;
    height: 260px;
    margin-bottom: 20px
}

#myInfo #biz_intro .sec1 .table ul li {
    float: left;
    text-align: center;
    width: 230px;
    margin-left: 30px;
    padding-top: 185px
}

#myInfo #biz_intro .sec1 .table ul li:first-child {
    margin-left: 0
}

#myInfo #biz_intro .sec1 .table ul li strong {
    display: block;
    font-size: 16px;
    padding-bottom: 10px
}

#myInfo #biz_intro .sec1 .table ul li p {
    font-size: 14px;
    color: #878787
}

#myInfo #biz_intro .sec1 .description {
    font-size: 15px;
    padding: 35px 0
}

#myInfo #biz_intro .sec1 .description p {
    float: none !important
}

#myInfo #biz_intro .sec1 .description ul {
    overflow: hidden;
    text-align: center;
    padding: 20px 0;
    float: none !important
}

#myInfo #biz_intro .sec1 .description ul li {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    padding: 15px 25px;
    text-align: left;
    background: url('https://cdn.ibos.kr/images/biz_landing_img_02-2.jpg') no-repeat;
    height: 65px;
    float: none !important
}

#myInfo #biz_intro .sec1 .description ul li:first-child {
    background: url('https://cdn.ibos.kr/images/biz_landing_img_02-1.jpg') no-repeat;
    margin-right: 30px
}

#myInfo #biz_intro .sec1 .description ul li label {
    display: block;
    background: #EFBA2A;
    color: #fff;
    padding: 2px 0;
    font-size: 13px;
    width: 70px;
    text-align: center;
    margin-bottom: 7px
}

#myInfo #biz_intro .sec1 .description ul li:first-child label {
    background: #3193D0
}

#myInfo #biz_intro .sec1 .description ul li span {
    display: block;
    font-size: 13px;
    line-height: 18px
}

#myInfo #biz_intro .sec1 .description .pl110 {
    padding-left: 110px;
    text-align: left;
    font-size: 13px;
    padding-bottom: 15px
}

#myInfo #biz_intro .sec2 ul {
    overflow: hidden;
    margin-bottom: 70px
}

#myInfo #biz_intro .sec2 ul li {
    float: left;
    width: 50%;
    background: #E8E8E8
}

#myInfo #biz_intro .sec2 ul li div {
    padding: 30px;
    height: 130px
}

#myInfo #biz_intro .sec2 ul li strong {
    font-size: 15px;
    display: block;
    padding-bottom: 10px
}

#myInfo #biz_intro .sec2 ul li p {
    font-size: 14px;
    line-height: 20px
}

#myInfo #biz_intro .sec2 ul li.sq1 {
    background: #3193D0;
    color: #FFF
}

#myInfo #biz_intro .sec2 ul li.sq4 {
    background: #F6F6F6
}

#myInfo #biz_intro .sec3 ul {
    border: 1px solid #EEE;
    border-width: 1px 0 0 1px;
    margin-bottom: 70px
}

#myInfo #biz_intro .sec3 ul li {
    display: inline-block;
    width: 248px;
    border: 1px solid #EEE;
    border-width: 0 1px 1px 0;
    height: 250px;
    vertical-align: top
}

#myInfo #biz_intro .sec3 ul li:hover {
    background: #3193D0
}

#myInfo #biz_intro .sec3 ul li:hover strong {
    color: #FFF
}

#myInfo #biz_intro .sec3 ul li:hover p {
    color: #FFF
}

#myInfo #biz_intro .sec3 ul li div {
    text-align: center;
    padding: 20px
}

#myInfo #biz_intro .sec3 ul li strong {
    display: block;
    font-size: 18px;
    padding-bottom: 30px
}

#myInfo #biz_intro .sec3 ul li p {
    font-size: 14px;
    line-height: 22px;
    color: #666
}

#myInfo #biz_intro .sec3 ul li.bef5 {
    color: #AAA
}

#myInfo #biz_intro .sec3 .bef5 p {
    color: #AAA
}

#myInfo #biz_intro .sec4 .process ul {
    overflow: hidden;
    margin-bottom: 30px
}

#myInfo #biz_intro .sec4 .process ul li {
    float: left;
    border: 2px solid #EEE;
    width: 226px;
    text-align: center;
    padding: 20px 0
}

#myInfo #biz_intro .sec4 .process ul li strong {
    font-size: 17px;
    display: block;
    padding-bottom: 5px
}

#myInfo #biz_intro .sec4 .process .arrow_rt {
    border: 0;
    width: 30px;
    text-align: center;
    height: 70px;
    line-height: 70px
}

#myInfo #biz_intro .sec4 .notice {
    font-size: 14px;
    margin-bottom: 30px
}

#myInfo #biz_intro .sec4 .notice div {
    padding-bottom: 10px
}

#myInfo #biz_intro .sec4 .notice li {
    line-height: 26px
}

#myInfo #biz_intro .event {
    background: #F4BA24;
    padding: 25px;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 70px
}

#myInfo #biz_intro .event strong {
    font-size: 16px;
    font-weight: normal
}

#myInfo #biz_intro .pr_notice {
    width: 490px;
    background: #D8E7FF;
    border: 1px solid #BBD0F2;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 22px;
    margin: 0 auto 20px auto
}

#myInfo #biz_intro .pr_notice p {
    font-weight: 600;
    color: #111369;
    text-indent: -20px;
    padding-left: 20px
}

#myInfo #biz_intro .pr_notice label {
    color: #FF4949
}

#myInfo .bg {
    display: none;
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5)
}

.new_st {
    background: #F9F9F9;
    border-top: 2px solid #555;
    padding: 10px
}

.new_st:after {
    content: '';
    display: block;
    clear: both
}

.new_st > div {
    float: left
}

.new_st .cnh_menu {
    width: 250px;
    margin-right: 10px
}

.new_st .cnh_menu > div {
    border: 1px solid #eee;
    background: #fff
}

.new_st .cnh_menu ul li a {
    display: block;
    font-size: 15px
}

.new_st .cnh_menu .Prof {
    padding: 25px;
    margin-bottom: 10px
}

.new_st .cnh_menu .Prof .img {
    width: 70px;
    margin: 0 auto 5px auto
}

.new_st .cnh_menu .Prof .img img {
    width: 100%;
    height: auto
}

.new_st .cnh_menu .Prof a {
    display: block;
    font-weight: 600;
    font-size: 16px;
    text-align: center
}

.new_st .cnh_menu .cnh_sub li a {
    padding: 10px 0 10px 20px
}

.new_st .cnh_menu .cnh_sub li a:hover {
    background: #F5F5F5;
    color: #54068D
}

.new_st .cnh_menu .cnh_sub li.on a {
    background: #f5f5f5;
    color: #54068D
}

.new_st .cnh_menu .help_menu {
    background: none;
    border: 0;
    margin-top: 15px
}

.new_st .cnh_menu .help_menu li a {
    padding-left: 20px;
    margin-bottom: 10px;
    color: #888
}

.new_st .cont {
    width: 770px;
    background: #F9F9F9
}

#cash .cont .my_cash {
    border: 1px solid #eee;
    padding: 15px;
    background: #fff;
    margin-bottom: 10px
}

#cash .cont .my_cash .s_cash {
    height: 64px;
    margin-bottom: 5px;
    padding: 15px 0;
    background: #f5f5f5
}

#cash .cont .my_cash .s_cash > span {
    display: block;
    font-size: 15px;
    text-align: center
}

#cash .cont .my_cash .s_cash p {
    text-align: center
}

#cash .cont .my_cash .s_cash p span {
    font-size: 28px
}

#cash .cont .my_cash .s_cash p .color {
    color: #468CFA
}

#cash .cont .my_cash .s_cash p .gray {
    color: #888
}

#cash .cont .my_cash > span {
    font-size: 14px
}

#cash .cont .my_cash > .color {
    color: #888
}

.new_st #tax_invoice_list {
    background: #fff;
    border: 1px solid #eee;
    padding: 15px
}

.new_st #tax_invoice_list .c_list_m {
    margin-bottom: 10px;
    padding-top: 10px
}

.new_st #tax_invoice_list .c_list_m span {
    font-size: 15px
}

.new_st #tax_invoice_list .c_list_m:after {
    content: '';
    display: block;
    clear: both
}

.new_st #tax_invoice_list .c_list_m .list {
    float: left
}

.new_st #tax_invoice_list .c_list_m .list span {
    color: #888;
    cursor: pointer
}

.new_st #tax_invoice_list .c_list_m .list span.on {
    color: #444
}

.new_st #tax_invoice_list .c_list_m .list em {
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 8px;
    background: #888
}

.new_st #tax_invoice_list .c_list_m .cash_btn {
    float: right
}

.new_st #tax_invoice_list .c_list_m .cash_btn:after {
    content: '';
    display: block;
    clear: both
}

.new_st #tax_invoice_list .c_list_m .cash_btn a {
    float: left;
    display: block;
    width: 110px;
    padding: 5px 0;
    margin-left: 5px;
    text-align: center;
    font-size: 15px;
    background: #f5f5f5
}

.new_st #tax_invoice_list .c_list_m .cash_btn .blue {
    color: #fff;
    background: #468CFA
}

.new_st #tax_invoice_list .table-mbt td {
    border: 1px solid #eee;
    border-width: 1px 0;
    background: #f5f5f5
}

#litter .cont .my_litter {
    border: 1px solid #eee;
    padding: 15px 15px 0 15px;
    background: #fff;
    border-bottom: 0
}

#litter .cont .my_litter:after {
    content: '';
    display: block;
    clear: both
}

#litter .cont .my_litter .s_litter {
    float: left;
    width: 361px;
    height: 64px;
    margin-bottom: 15px;
    padding: 15px 0;
    background: #f5f5f5
}

#litter .cont .my_litter .s_litter:first-child {
    margin-right: 15px
}

#litter .cont .my_litter .s_litter > span {
    display: block;
    font-size: 15px;
    text-align: center
}

#litter .cont .my_litter .s_litter p {
    text-align: center
}

#litter .cont .my_litter .s_litter p span {
    font-size: 28px
}

#litter .cont .my_litter .s_litter p .color {
    color: #468CFA
}

#litter .cont .percent {
    position: relative;
    height: 25px;
    border: 1px solid #eee;
    border-width: 0 1px 1px 1px;
    margin-bottom: 10px;
    background: #ECECEC
}

#litter .cont .percent > div {
    position: absolute;
    top: 1px;
    left: 0;
    width: 70%;
    height: 25px;
    background: #B9D0EF;
    border-radius: 0 10px 10px 0
}

#litter .cont .percent span {
    position: absolute;
    right: 15px;
    top: 3px;
    font-size: 12px;
    font-weight: 600;
    color: #305891
}

#litter .cont .graph {
    border: 1px solid #eee;
    padding: 20px;
    background: #fff;
    border-bottom: 0;
    margin-bottom: 10px
}

#litter .cont .graph p {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 20px
}

#litter .cont .graph table {
    width: 100%
}

#litter .cont .graph table .thead01 th {
    display: block;
    margin-bottom: 20px;
    font-size: 13px;
    text-align: right;
    color: #888
}

#litter .cont .graph table .thead02 td {
    text-align: center;
    font-size: 13px;
    color: #888
}

#cash .cont .my_honey {
    border: 1px solid #eee;
    padding: 15px;
    background: #fff;
    border-bottom: 0;
    margin-bottom: 10px
}

#cash .cont .my_honey:after {
    content: '';
    display: block;
    clear: both
}

#cash .cont .my_honey .s_honey {
    float: left;
    width: 361px;
    height: 64px;
    margin-bottom: 5px;
    padding: 15px 0;
    background: #f5f5f5
}

#cash .cont .my_honey .s_honey:first-child {
    margin-right: 15px
}

#cash .cont .my_honey .s_honey > span {
    display: block;
    font-size: 15px;
    text-align: center
}

#cash .cont .my_honey .s_honey p {
    text-align: center
}

#cash .cont .my_honey .s_honey p span {
    font-size: 28px
}

#cash .cont .my_honey .s_honey p .color {
    color: #468CFA
}

#cash .cont .my_honey > span {
    font-size: 14px
}

#cash .cont .my_honey > .color {
    color: #888
}

#cash .pay_form.cash input[type=radio] {
    cursor: pointer
}

#cash .pay_form.cash label {
    cursor: pointer
}

#column_topic {
    padding-bottom: 50px
}

#column_topic .topic_header {
    background: #F1F1F1
}

#column_topic .topic_header > div {
    overflow: hidden;
    width: 1050px;
    margin: 0 auto;
    padding: 25px 0
}

#column_topic .topic_header ul {
    position: relative
}

#column_topic .topic_header ul li {
    float: left
}

#column_topic .topic_header .breadcrumb {
    position: absolute;
    top: -15px;
    right: 0;
    margin-bottom: 5px;
    font-size: 12px;
    text-align: right;
    font-family: initial
}

#column_topic .topic_header h3 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px
}

#column_topic .topic_header .txt {
    font-size: 15px;
    line-height: 1.6;
    margin-top: 15px;
    height: 75px;
    overflow: hidden
}

#column_topic .topic_header .btn_more {
    margin: 10px auto 0%
}

#column_topic .topic_header .btn_more, #column_topic .column_none a {
    display: block;
    width: 150px;
    padding: 5px;
    color: #448aff;
    font-size: 13px;
    text-align: center;
    cursor: pointer
}

#column_topic .topic_header .cover {
    width: 300px;
    margin-right: 25px
}

#column_topic .topic_header .introd {
    width: 725px
}

#column_topic .topic_header .introd span {
    margin-right: 10px
}

#column_topic .topic_header .introd span.writer {
    font-size: 15px;
    font-weight: 600;
    color: #000
}

#column_topic .column_none p {
    font-size: 15px
}

#column_topic .column_none a {
    width: 150px;
    margin-top: 10px
}

#column_topic .menu {
    border: 1px solid #E0E0E0;
    border-width: 1px 0
}

#column_topic .menu dl {
    position: relative;
    width: 1050px;
    margin: 0 auto;
    line-height: 44px
}

#column_topic .menu dl dt {
    position: absolute;
    right: 0;
    top: 0
}

#column_topic .menu dl dt span {
    font-size: 13px
}

#column_topic .menu dl dt em {
    display: inline-block;
    width: 1px;
    height: 15px;
    position: relative;
    top: 2px;
    margin: 0 12px;
    background: url('https://cdn.ibos.kr/images/161031_best_05.png') no-repeat;
    background-position: left center
}

#column_topic .menu dl dd {
    display: inline-block;
    width: 135px;
    text-align: center;
    font-size: 16px;
    cursor: pointer
}

#column_topic .menu dl dd.active {
    border-bottom: 3px solid #FF4949;
    color: #FF4949;
    font-weight: 600
}

#column_topic .articles {
    width: 1050px;
    margin: 20px auto
}

#column_topic .articles .cell {
    border-top: 1px solid #E0E0E0;
    padding: 35px 0
}

#column_topic .articles .cell:first-child {
    border-top: 0
}

#column_topic .articles .cell a {
    position: relative;
    display: block;
    overflow: hidden;
    color: inherit
}

#column_topic .articles .cell a:hover .subject {
    text-decoration: underline
}

#column_topic .articles .cell a > div {
    float: left
}

#column_topic .articles .thumb_img {
    width: 232px;
    padding: 0 30px 0 50px
}

#column_topic .articles .info {
    width: 618px;
    padding-right: 120px
}

#column_topic .articles .subject {
    display: inline-block;
    font-size: 19px;
    margin-bottom: 15px;
    color: #000;
    font-weight: normal
}

#column_topic .articles .comment_1 {
    font-size: 14px;
    line-height: 1.6;
    color: #777
}

#column_topic .articles .count {
    margin-top: 15px
}

#column_topic .articles .count em {
    display: inline-block;
    padding: 0 15px
}

#column_topic .articles .count span {
    font-size: 13px;
    letter-spacing: 0
}

#column_topic .articles .like {
    position: absolute;
    right: 0;
    top: 40px;
    font-size: 16px;
    font-weight: 600;
    color: #FF4949
}

#column_topic .articles .like em {
    display: inline-block;
    text-indent: -999em;
    width: 22px;
    height: 19px;
    padding: 0;
    background: url('https://cdn.ibos.kr/images/view_vote_icon.png') no-repeat;
    background-position: -22px 0;
    position: relative;
    top: 4px;
    margin-right: 5px;
    cursor: pointer
}

#column_topic .columnist {
    width: 1050px;
    margin: 20px auto
}

#column_topic .columnist > div {
    padding-top: 35px
}

#column_topic .columnist ul {
    overflow: hidden;
    padding: 0 100px
}

#column_topic .columnist ul li {
    float: left;
    font-size: 16px;
    line-height: 180%
}

#column_topic .columnist ul li.writer {
    padding-left: 30px;
    padding-top: 20px;
    font-size: 19px
}

#column_topic .columnist ul li.writer strong {
    display: block;
    font-size: 24px
}

#column_topic .columnist ul li.writer a {
    font-size: 14px;
    margin-right: 15px
}

#column_topic .columnist ul li.writer a:hover {
    text-decoration: underline
}

#column_topic .columnist ul li.detail {
    float: none;
    clear: both;
    padding-top: 30px
}

#column_topic .columnist ul li.writer ul {
    padding: 0
}

#column_topic .columnist ul li.writer .etc-info {
    font-size: 15px
}

._notice_box {
    width: 490px;
    background: #D8E7FF;
    border: 1px solid #BBD0F2;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 22px
}

._notice_box p {
    font-weight: 600;
    color: #111369;
    text-indent: -20px;
    padding-left: 20px
}

._notice_box label {
    color: #FF4949
}

._notice_box.p6532 {
    width: 340px;
    font-size: 13px;
    margin: 0 auto;
    margin-left: 160px
}

._notice_box.p6532 p {
    font-size: 13px
}

#user_favorite {
    position: fixed;
    bottom: 70px;
    right: 50px;
    z-index: 1001;
    width: 350px;
    height: 200px;
    background: #FFF;
    border: 1px solid #CCC;
    padding: 20px;
    line-height: 18px;
    font-size: 13px;
    overflow-y: auto
}

#newsFeed {
    background: #F4F3F4
}

#newsFeed .sheader {
    background: #FFF;
    height: 69px;
    border-bottom: 1px solid #E0E0E0
}

#newsFeed .sheader > div {
    padding: 0
}

#newsFeed .sheader h1 {
    line-height: 69px;
    font-size: 28px
}

#newsFeed .container {
    overflow: hidden;
    width: 1170px;
    margin: 0 auto;
    padding-top: 30px
}

#newsFeed .container > div {
    float: left;
    min-height: 200px
}

#newsFeed .container > div > h5 {
    font-size: 18px;
    font-weight: normal;
    padding: 15px;
    background: #FFF;
    border: 1px solid #E0E0E0;
    border-bottom: 0
}

#newsFeed .bdshadow {
    background: #FFF;
    border: 1px solid #E0E0E0
}

#sideLeft {
    width: 190px
}

#sideLeft .btn_write {
    display: block;
    text-align: center;
    font-size: 15px;
    line-height: 44px
}

#sideLeft .fav_sbj h6 {
    position: relative;
    font-size: 15px;
    padding: 5px 0;
    letter-spacing: -1px
}

#sideLeft .fav_sbj h6 a {
    position: absolute;
    top: 6px;
    right: 0;
    font-size: 11px;
    font-weight: normal;
    color: #999
}

#sideLeft .fav_sbj ul li {
    margin: 2px 0
}

#sideLeft .fav_sbj ul li a {
    position: relative;
    display: block;
    font-size: 12.5px;
    line-height: 26px;
    border: 1px solid #F4F3F4;
    text-indent: 3px;
    color: #666
}

#sideLeft .fav_sbj ul li a:hover {
    color: #000;
    background: #FCFCFC;
    border-color: #E0E0E0;
    transition: background .2s ease-out
}

#sideLeft .fav_sbj ul li a em {
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 11px;
    font-family: Tahoma, serif;
    font-style: normal;
    color: #999
}

#sideLeft .fav_sbj ul li.on a {
    color: #000;
    background: #FCFCFC;
    border-color: #E0E0E0
}

#sideLeft .fav_sbj > div {
    border-bottom: 1px solid #E0E0E0;
    margin-top: 15px;
    padding-bottom: 10px
}

#sideLeft .fav_sbj .int ul {
    height: 212px;
    overflow: hidden
}

#sideLeft .fav_sbj .int .show_more {
    display: block;
    font-size: 13.5px;
    line-height: 26px;
    border: 1px solid #F4F3F4;
    text-indent: 4px;
    color: #666;
    cursor: pointer
}

#sideLeft .fav_sbj .int .show_more:hover {
    text-decoration: underline;
    color: #663399
}

#sideRight {
    width: 250px
}

#sideRight #BnSub img {
    width: 100%;
    height: auto
}

#sideRight .layout_col {
    background: none
}

#sideRight .layout_col > div {
    background: #FFF
}

#sideRight #ly_subb {
    padding: 0;
    margin: 20px 0;
    background: none
}

#contMain {
    width: 690px;
    margin: 0 20px;
    position: relative
}

#contMain h3 {
    position: relative;
    margin: 10px 0 20px 0;
    font-size: 19px;
    letter-spacing: -1px;
    color: #333
}

#contMain table tr td .AB-LF-common {
    font-size: 16px
}

#contMain table tr td .take_subject {
    margin: 4px 0;
    color: #666;
    max-width: 448px;
    font-size: 13px
}

#contMain table tr td em {
    font-style: normal;
    display: inline-block;
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid #E0E0E0;
    line-height: 10px;
    color: #B0B0B0;
    letter-spacing: -2px
}

#contMain table tr td em a {
    color: #B0B0B0;
    letter-spacing: -2px
}

#contMain table tr td em a:hover {
    text-decoration: underline;
    color: #666;
    transition: all .1s ease-in-out
}

#contMain .noarticle {
    font-size: 16px;
    text-align: center;
    padding-top: 55px;
    line-height: 200px
}

#contMain .setting {
    position: absolute;
    top: 10px;
    right: 0;
    cursor: pointer
}

#affiliate_form {
    background: #E9EBEE;
    padding: 35px 0
}

#affiliate_form > div {
    width: 950px;
    margin: 0 auto;
    background: #FFF;
    border: 1px solid #E0E0E0;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0,.08);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0,.08)
}

#affiliate_form .header {
    width: 730px;
    margin: 0 auto 30px auto
}

#affiliate_form .header h3 {
    font-size: 32px;
    text-align: center;
    font-weight: normal;
    color: #000;
    margin-bottom: 20px;
    padding: 20px 0
}

#affiliate_form .header p {
    font-size: 14px;
    line-height: 22px;
    padding: 0 20px 15px 20px
}

#affiliate_form .write_wrap > div {
    width: 730px;
    margin: 0 auto 35px auto
}

#affiliate_form .write_wrap h5 {
    font-size: 18px;
    position: absolute;
    top: 30px;
    left: 15px;
    line-height: 18px
}

#affiliate_form .write_wrap ul {
    position: relative;
    padding-left: 150px;
    border-top: 1px solid #999
}

#affiliate_form .write_wrap ul li {
    overflow: hidden;
    border-bottom: 1px solid #E0E0E0;
    border-top: 0;
    padding: 0;
    background: #F9F9F9
}

#affiliate_form .write_wrap ul li p {
    float: left;
    width: 410px;
    padding: 14px 5px 14px 10px;
    background: #FFF
}

#affiliate_form .write_wrap ul li p.radio {
    min-height: 34px;
    line-height: 34px
}

#affiliate_form .write_wrap ul li p.radio span {
    display: block;
    float: left;
    width: 30%
}

#affiliate_form .write_wrap ul li p.radio input {
    display: inline;
    width: auto
}

#affiliate_form .write_wrap ul li p.radio label {
    line-height: normal;
    display: inline;
    float: none;
    padding-left: 5px;
    cursor: pointer
}

#affiliate_form .write_wrap ul li input {
    border-color: #DDD;
    width: 387px;
    font-size: 13px
}

#affiliate_form .write_wrap ul li label {
    line-height: 60px;
    width: 140px
}

#affiliate_form .write_wrap ul li textarea {
    width: 387px;
    padding: 10px;
    font-size: 13px;
    font-family: initial;
    resize: none;
    border-color: #DDD
}

#affiliate_form .footer {
    width: 730px;
    margin: 0 auto 30px auto
}

#affiliate_form .footer p {
    font-size: 14px;
    line-height: 22px;
    padding: 0 20px 15px 20px
}

#affiliate_form .login_button {
    width: 650px;
    margin: 30px auto;
    border: 1px solid #B83400;
    background: #FAE9E7;
    text-align: center;
    padding: 30px 0
}

#affiliate_form .login_button p {
    font-size: 16px;
    font-weight: 600
}

#affiliate_form .login_button a {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    background: #663399;
    color: #fff;
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 0 6px rgba(0,0,0,0.15);
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
    margin-top: 30px
}

#affiliate_view .ABA-view-body strong {
    display: block;
    padding-bottom: 15px;
    color: #FF4949
}

#affiliate_view .ABA-view-body span {
    display: block;
    font-size: 14px;
    font-weight: 600
}

#affiliate_view .ABA-view-body span::before {
    content: "■";
    clear: both;
    padding-right: 5px
}

#affiliate_view .ABA-view-body p {
    margin-bottom: 10px;
    padding-left: 20px
}

#affiliate_view .ABA-view-body p::before {
    content: "-";
    padding-right: 5px
}

#notif_pop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 1000;
    width: 360px
}

.noti_cell {
    position: relative;
    height: 80px;
    background: #FFF;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    margin-top: 15px
}

.noti_cell:hover {
    box-shadow: 0 2px 6px rgba(0,0,0,0.5)
}

.noti_cell a {
    display: block;
    height: 80px
}

.noti_cell a:hover {
    text-decoration: none
}

.noti_cell a > img {
    position: absolute;
    top: 0;
    left: 0
}

.noti_cell a > div {
    position: relative;
    width: 256px;
    height: 56px;
    padding: 12px;
    padding-left: 92px
}

.noti_cell a > div span {
    color: #999;
    font-size: 12px
}

.noti_cell h3 {
    font-size: 13px;
    padding-bottom: 9px;
    line-height: 14px;
    color: #333;
    line-height: 13px
}

.noti_cell p {
    font-size: 12px;
    color: #666;
    padding-bottom: 3px
}

.noti_cell .btn_close_pop {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    z-index: 1001
}

#datalab.partner .report .table a {
    color: #1C1C1C
}

#datalab.partner .report .table a:hover {
    text-decoration: underline;
    color: #448AFF
}

#datalab.partner .npay {
    color: #448AFF
}

#datalab.partner .paid {
    color: #999
}

#datalab.partner .referrer {
    padding-left: 5px;
    word-break: break-all;
    color: #000
}

#datalab.partner .referrer:hover {
    text-decoration: none
}

#datalab.partner .referrer:hover span {
    color: #448AFF;
    text-decoration: underline
}

#datalab.partner .tp_ctr {
    position: relative;
    background: #FFF;
    padding: 10px 20px;
    margin-bottom: 15px;
    border: 1px solid #CCC
}

#datalab.partner .tp_ctr span {
    display: inline-block;
    font-size: 15px;
    margin-right: 35px
}

#datalab.partner .tp_ctr span label {
    font-weight: 600;
    color: #448AFF;
    padding-left: 5px
}

#datalab.partner .tp_ctr .nonpaid label {
    color: #FF4949
}

#datalab.partner .tp_ctr .sel_box {
    position: absolute;
    right: 10px;
    top: 5px
}

#datalab.getCode .secbbg {
    background: #FFF;
    border: 1px solid #E0E0E0;
    padding: 40px;
    text-align: center
}

#datalab.getCode .secbbg h5 {
    font-size: 18px;
    margin-bottom: 20px
}

#datalab.getCode .secbbg p {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 40px
}

#datalab.getCode .secbbg .spacer {
    padding-top: 45px;
    margin-top: 45px;
    border-top: 1px solid #E0E0E0
}

#supporters .report td p.state_A, #supporters .report td p.state_W, #supporters .report td p.state_S, #supporters .report td p.state_X {
    display: inline-block;
    padding: 2px 10px;
    font-size: 12px;
    background: #EEE;
    color: #A0A0A0
}

#supporters .report td p.state_A {
    background: #448AFF;
    color: #FFF
}

#supporters_info .code .cpa_code.fs_action {
    display: block;
    width: 200px;
    text-align: center;
    margin: 0 auto;
    background: #EEE;
    border: 1px solid #CCC;
    font-size: 14px;
    padding: 12px 0;
    letter-spacing: -1px;
    color: #666;
    font-weight: 600;
    box-shadow: 0 0 6px rgba(0,0,0,0.15);
    cursor: pointer
}

#supporters_info .code .cpa_code.fs_action:hover {
    border-color: #A0A0A0;
    color: #000;
    transition: all .2s ease-in-out;
    background: #D5D5D5
}

#supporters_info .code.done {
    display: block;
    width: 200px;
    text-align: center;
    margin: 0 auto;
    background: #EEE;
    border: 1px solid #CCC;
    font-size: 17px;
    padding: 12px 0;
    color: #FF4949;
    box-shadow: 0 0 6px rgba(0,0,0,0.15)
}

#tax_invoice_list td {
    font-size: 14px;
    line-height: normal
}

#tax_invoice_list td .AB-LF-common a:hover {
    color: inherit;
    text-decoration: underline
}

#datalab.mo {
    margin-top: 0!important
}

.ktalk_bn {
    display: none;
    position: relative;
    background: #FAE100;
    width: 600px;
    margin: 0 auto 30px auto;
    padding: 0 20px;
    font-size: 16px;
    height: 52px;
    line-height: 52px
}

.ktalk_bn a {
    display: block
}

.ktalk_bn a:hover {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    -khtml-opacity: .75;
    opacity: .75
}

.ktalk_bn p {
    font-weight: 600;
    color: #391E1E
}

.ktalk_bn span {
    display: block;
    position: absolute;
    top: 12px;
    right: 12px;
    background: #391E1E;
    color: #FFF;
    text-align: center;
    width: 100px;
    height: 28px;
    line-height: 28px
}

#admin_cash_provider h3 {
    font-size: 23px;
    padding-bottom: 15px
}

#admin_cash_provider > form {
    border: 1px solid #CCC;
    padding: 20px
}

#admin_cash_provider .user_search ul li .s_box_c .name p {
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    margin: 0 5px 0 0
}

#admin_cash_provider .user_search ul li .s_box_c .name p img {
    width: 100%
}

#admin_cash_provider .user_search ul li .s_box_c .name span {
    font-size: 13px;
    line-height: 24px;
    font-weight: 600;
    color: #454545
}

#admin_cash_provider .user_search ul li .s_box_c {
    display: none;
    position: absolute;
    left: 120px;
    top: 47px;
    width: 355px;
    height: auto;
    max-height: 290px;
    border: 1px solid #ccc;
    z-index: 50;
    overflow-y: auto
}

#admin_cash_provider .user_search ul li .s_box_c .s_box {
    height: auto;
    background: #fff
}

#admin_cash_provider .user_search ul li .s_box_c .name {
    padding: 7px 10px;
    cursor: pointer
}

#admin_cash_provider .user_search ul li .s_box_c .name:hover {
    background: #F9F9F9
}

#admin_cash_provider .user_search ul li .s_box_c .name p {
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    margin: 0 5px 0 0
}

#admin_cash_provider .user_search ul li .s_box_c .name p img {
    width: 100%
}

#admin_cash_provider .user_search ul li .s_box_c .name span {
    font-size: 13px;
    line-height: 24px;
    font-weight: 600;
    color: #454545
}

#admin_cash_provider ul li {
    padding: 7px 0
}

#admin_cash_provider ul li.user_search {
    position: relative
}

#admin_cash_provider ul li .user_search_wrap {
    display: inline-block
}

#admin_cash_provider ul li.group_send {
    display: none
}

#admin_cash_provider ul li.group_send div {
    display: inline-block
}

#admin_cash_provider ul li input,#admin_cash_provider ul li textarea {
    width: 325px;
    border: 1px solid #E0E0E0;
    font-size: 14px;
    padding: 2px 15px;
    line-height: 26px
}

#admin_cash_provider ul li input[type=radio] {
    width: auto
}

#admin_cash_provider ul li input.AB_datepicker {
    height: 26px
}

#admin_cash_provider ul li label {
    font-size: 14px;
    display: inline-block;
    width: 120px;
    font-weight: 600
}

#admin_cash_provider .find_nick {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    background: #666;
    color: #FFF;
    margin-left: 5px;
    position: relative;
    top: 2px;
    padding: 0 10px
}

#provide_cash {
    display: block;
    margin: 20px auto 0 auto;
    width: 150px;
    text-align: center;
    color: #FFF;
    background: #448AFF;
    line-height: 44px;
    font-size: 15px
}

#ly_pop_feedback {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999
}

#ly_pop_feedback .bg {
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999
}

#ly_pop_feedback .wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -350px;
    z-index: 1000;
    background: #FFF;
    width: 400px;
    border: 1px solid #A0A0A0
}

#ly_pop_feedback .wrap h3 {
    font-size: 17px;
    text-align: center;
    line-height: 72px;
    border-bottom: 1px solid #EEE
}

#ly_pop_feedback .wrap ul li {
    border-top: 1px solid #EEE;
    padding: 10px 0
}

#ly_pop_feedback .wrap ul li > div {
    display: inline-block;
    width: 280px;
    padding: 5px 10px
}

#ly_pop_feedback .wrap ul li > label {
    display: inline-block;
    width: 70px;
    text-align: right;
    vertical-align: top;
    font-size: 13px;
    padding-right: 10px;
    line-height: 120px
}

#ly_pop_feedback .wrap ul li p {
    position: relative
}

#ly_pop_feedback .wrap ul li p input {
    position: absolute;
    top: 50%;
    left: 7px;
    margin-top: -6px
}

#ly_pop_feedback .wrap ul li p input:checked + label {
    border-color: #A0A0A0;
    color: #000;
    font-weight: 600
}

#ly_pop_feedback .wrap ul li p label {
    border: 1px solid #E0E0E0;
    background: #F0F0F0;
    margin: 6px 0;
    display: block;
    cursor: pointer;
    padding: 6px;
    padding-left: 32px;
    font-size: 13px
}

#ly_pop_feedback .wrap ul li textarea {
    resize: none;
    padding: 8px;
    border-color: #E0E0E0;
    width: 264px;
    font-family: initial;
    font-size: 14px;
    line-height: 22px
}

#ly_pop_feedback .wrap ul li.chk_sat > label {
    line-height: 52px
}

#ly_pop_feedback .wrap ul li.chk_sat span {
    display: inline-block;
    position: relative;
    margin-right: 5px
}

#ly_pop_feedback .wrap ul li.chk_sat span input {
    position: absolute;
    top: 50%;
    left: 7px;
    margin-top: -6px
}

#ly_pop_feedback .wrap ul li.chk_sat span label {
    display: block;
    border: 1px solid #E0E0E0;
    background: #F0F0F0;
    margin: 6px 0;
    cursor: pointer;
    padding: 6px;
    padding-left: 32px;
    font-size: 13px
}

#ly_pop_feedback .wrap ul li.pos, #ly_pop_feedback .wrap ul li.neg {
    display: none
}

#ly_pop_feedback .wrap ul li div p:hover label, #ly_pop_feedback .wrap ul li div span:hover label {
    border-color: #A0A0A0
}

#ly_pop_feedback .wrap .notice {
    font-size: 13px;
    text-align: center;
    padding: 20px 0
}

#ly_pop_feedback .confirm {
    text-align: center;
    padding: 20px 0
}

#ly_pop_feedback .confirm a {
    display: inline-block;
    margin: 0 3px;
    width: 80px;
    line-height: 33px;
    background: #663399;
    color: #FFF
}

#ly_pop_feedback .confirm a.btn_cancel {
    background: #AAA
}

#event_lf .board_category_snb {
    border-bottom: 1px solid;
    border-color: #333
}

#event_lf .m_bn {
    margin: 15px 0
}

#event_lf .event_review {
    position: relative;
    border: 1px solid #E0E0E0;
    padding: 20px
}

#event_lf .event_review p {
    position: absolute;
    top: 0;
    left: 20px;
    line-height: 60px;
    font-size: 13px
}

#event_lf .event_review a {
    display: inline-block;
    margin-left: 80px;
    line-height: 20px;
    font-size: 13.5px;
    color: #663399
}

#event_lf .event_review a:hover {
    text-decoration: underline
}

#event_lf .event-list {
    margin-top: 20px
}

#event_lf .list-item {
    position: relative;
    border-top: 1px solid #E0E0E0;
    padding: 20px 0;
    min-height: 136px
}

#event_lf .list-item .bn_img {
    position: absolute;
    top: 20px;
    left: 0;
    width: 360px;
    height: 136px;
    border-radius: 10px;
    object-fit: cover
}

#event_lf .list-item .bg {
    position: absolute;
    top: 20px;
    left: 0;
    width: 360px;
    height: 136px;
    background: #000;
    border-radius: 10px
}

#event_lf .list-item a {
    display: block;
    height: 100%
}

#event_lf .list-item a:hover strong {
    text-decoration: underline
}

#event_lf .list-item .cont {
    padding-left: 380px;
    font-size: 13px
}

#event_lf .list-item .cont strong {
    font-size: 19px;
    font-weight: 400;
    color: #000;
    word-break: keep-all;
    line-height: 160%
}

#event_lf .list-item .cont label {
    display: inline-block;
    background: #4F366B;
    padding: 2px 10px;
    margin-right: 8px;
    vertical-align: 2px;
    color: #FFF
}

#event_lf .list-item .cont label.cat2 {
    background: #DDD;
    color: #666
}

#event_lf .list-item .cont label.cat3 {
    background: #B0A3BF
}

#event_lf .list-item .cont p {
    color: #666;
    margin-top: 16px
}

#event_lf .list-item .cont p span {
    color: inherit !important
}

#event_lf .list-item .cont .comment_1 {
    margin-top: 16px;
    color: #A0A0A0;
    overflow: hidden;
    line-height: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    text-overflow: ellipsis;
    height: 40px
}

#event_lf .event-slider {
    overflow: hidden;
    height: 295px
}

#event_lf .bx-pager.bx-default-pager {
    text-align: center;
    padding-top: 12px
}

#event_lf .bx-pager-item {
    display: inline-block;
    margin: 0 2px
}

#event_lf .bx-pager-item a {
    display: block;
    text-indent: -999em;
    width: 20px;
    height: 4px;
    background: #CCC
}

#event_lf .bx-pager-item a.active {
    background: #64349B
}

#event_lf .bx-controls-direction {
    display: none
}

#req {
    background: #F5F5F5
}

#req .bdbg {
    border: 1px solid #E0E0E0;
    background: #FFF;
    box-shadow: 1px 2px 6px rgba(0,0,0,0.08)
}

#req .inner {
    overflow: hidden;
    width: 1170px;
    margin: 0 auto;
    padding: 20px 0
}

#req .inner > div {
    float: left
}

#req .container {
    width: 900px;
    margin-right: 20px
}

#req .container .header {
    position: relative;
    margin-bottom: 17px
}

#req .container .header h1 {
    width: 190px;
    text-align: center;
    line-height: 60px;
    font-size: 23px
}

#req .container .header > div {
    position: absolute;
    top: 22px;
    right: 15px
}

#req .container .header label {
    font-size: 14px;
    cursor: pointer
}

#req .container .header .now {
    display: inline-block;
    margin-left: 15px
}

#req .container .contents {
    overflow: hidden
}

#req .contents .category {
    float: left;
    width: 190px;
    margin-right: 20px
}

#req .contents .category > div {
    margin-bottom: 17px
}

#req .contents .det_cat {
    padding: 15px
}

#req .contents .det_cat strong {
    display: block;
    border-bottom: 1px solid #EEE;
    font-size: 15px;
    padding-bottom: 12px;
    margin-bottom: 12px
}

#req .contents .det_cat p {
    padding: 3px 0;
    font-size: 14px
}

#req .contents .proposal_bd {
    float: left;
    width: 690px
}

#req .proposal_bd .cell {
    margin-bottom: 17px;
    padding: 30px
}

#req .proposal_bd .cell .subject {
    position: relative;
    border-bottom: 1px solid #EEE;
    padding-bottom: 12px
}

#req .proposal_bd .cell .subject > p {
    display: inline-block;
    font-size: 19px;
    color: #000
}

#req .proposal_bd .cell .subject .deadline {
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    text-align: right;
    font-size: 13px
}

#req .proposal_bd .cell .comment_1 {
    padding: 12px 0;
    font-size: 15px;
    color: #999;
    line-height: 160%
}

#req .proposal_bd .cell .hash {
    padding-bottom: 12px
}

#req .proposal_bd .cell .hash label {
    display: inline-block;
    color: #666;
    background: #E5E5E5;
    font-size: 14px;
    padding: 4px 8px
}

#req .proposal_bd .cell .info {
    border-top: 1px solid #EEE;
    padding-top: 12px
}

#req .proposal_bd .cell .info span {
    display: inline-block;
    font-size: 14px;
    margin-right: 15px;
    color: #888
}

#req .proposal_bd .cell .info span em {
    color: #FF4949;
    font-style: normal;
    padding-left: 5px
}

#req .proposal_bd .cell .info span.spacer {
    border-right: 1px solid #E5E5E5;
    height: 8px
}

#req .side {
    width: 250px
}

#req .side .req_write_btn {
    display: block;
    background: #5584C5;
    border: 1px solid #5584C5;
    line-height: 60px;
    font-size: 19px;
    color: #FFF;
    text-align: center;
    margin-bottom: 17px;
    box-shadow: 1px 2px 6px rgba(0,0,0,0.08)
}

#req .side .req_usr {
    text-align: center
}

#req .side .req_usr img.bd_R50 {
    margin-top: 30px;
    width: 66px;
    height: 66px
}

#req .side .req_usr .nickname {
    font-size: 18px;
    border-bottom: 1px solid #EEE;
    padding: 17px;
    margin: 0 17px 17px 17px
}

#board-gnb h1 {
    font-size: 28px;
    width: 1280px;
    margin: 0 auto;
    padding-bottom: 15px
}

#board-gnb h1 a {
    color: #000;
    font-weight: 600;
    letter-spacing: -3px
}

#board-gnb #GNB .gnbWrap {
    width: 1280px
}

#board-gnb #GNB .gnbWrap li:first-child {
    padding-left: 0
}

#board-container {
    background: #F2F4F6;
    padding-bottom: 200px;
    padding-top:70px;
}

#board-container::after {
    content: '';
    clear: both;
    display: block
}

#board-container .inner-wrap {
    width: 1340px;
    margin: 0 auto;
    padding: 20px;
    padding-bottom: 110px
}

#board-container .inner-wrap > div {
    float: left
}

#board-container #board-snb {
    width: 170px;
    position: relative
}

#board-container #aside {
    width: 360px
}

#board-container #contents-wrap {
    width: 770px;
    margin: 0 20px;
    border-radius: 8px
}

#board-snb .snb-box {
    padding: 15px;
    background: #FFF;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    border-radius: 5px
}

#board-snb .snb-box h6 {
    position: relative;
    font-size: 19px;
    padding: 5px 0;
    letter-spacing: -1px
}

#board-snb .snb-box h6 a {
    color: #000
}

#board-snb .snb-box ul {
    border-top: 1px solid #EEE;
    margin-top: 16px;
    padding-top: 16px
}

#board-snb .snb-box ul.nobd {
    border: 0;
    margin: 0;
    padding: 0
}

#board-snb .snb-box ul li {
    position: relative;
    margin: 2px 0
}

#board-snb .snb-box ul li a {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 28px;
    text-indent: 3px;
    color: #777
}



#board-snb .snb-box ul li a em {
    text-indent: -999em;
    display: inline-block;
    width: 4px;
    height: 4px;
    vertical-align: middle;
    border-radius: 50%;
    background: #FF4949;
    margin-left: 4px
}

#board-snb .snb-box ul li i {
    position: absolute;
    top: 11px;
    right: -8px;
    font-size: 12px;
    color: #999;
    width: 15px;
    text-align: center;
    cursor: pointer
}

#board-snb .snb-box ul li i.fa-bell-on {
    color: #E55757
}

#board-snb .snb-box ul li.on a {
    color: #000;
    font-weight: 600;
    text-decoration: underline
}

#board-snb .snb-box .int {
    border-top: 1px solid #E0E0E0;
    padding: 10px 0
}

#board-snb .snb-box .int:first-child {
    border-top: 0;
    padding-top: 0
}

#board-snb #alimtalk-pop {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -194px;
    margin-left: -254px;
    width: 509px;
    height: 388px;
    background: url('https://cdn.ibos.kr/images/200413_p1957_popup.png') no-repeat;
    text-align: center;
    z-index: 999
}

#board-snb #alimtalk-pop a {
    position: absolute;
    top: 140px;
    left: 50%;
    margin-left: -98px
}

#board-snb #alimtalk-pop a:active {
    top: 141px
}

#board-snb #alimtalk-pop .btn_close {
    position: absolute;
    top: 0;
    right: 0px;
    padding: 16px;
    cursor: pointer
}

#board-container.fix_1050 .inner-wrap {
    width: 1050px
}

#board-container.fix_1050 #contents-wrap {
    width: 728px;
    margin: 0 20px 0 0;
    padding: 0
}

#board-container.fix_1050 #BDWriteForm .outline {
    border: 0
}

#side-nav .wrap {
    position: absolute;
    margin-left: -190px;
    width: 130px;
    padding: 10px 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    background: #FFF;
    border-radius: 4px
}

#side-nav .wrap h6 {
    position: relative;
    font-size: 19px;
    padding: 5px 0;
    letter-spacing: -1px
}

#side-nav .wrap h6 a {
    color: #000;
    word-break: keep-all
}

#side-nav .wrap ul {
    border-top: 1px solid #EEE;
    margin-top: 12px;
    padding-top: 12px
}

#side-nav .wrap ul.nobd {
    border: 0;
    margin: 0;
    padding: 0
}

#side-nav .wrap ul li {
    position: relative;
    margin: 2px 0
}

#side-nav .wrap ul li a {
    position: relative;
    display: block;
    font-size: 13.5px;
    line-height: 24px;
    text-indent: 3px;
    color: #777
}

#side-nav .wrap ul li a:hover {
    color: #000;
    text-decoration: underline
}

#side-nav .wrap ul li a em {
    text-indent: -999em;
    display: inline-block;
    width: 4px;
    height: 4px;
    vertical-align: middle;
    border-radius: 50%;
    background: #FF4949;
    margin-left: 4px
}

#side-nav .wrap ul li i {
    position: absolute;
    top: 11px;
    right: -8px;
    font-size: 12px;
    color: #999;
    width: 15px;
    text-align: center;
    cursor: pointer
}

#side-nav .wrap ul li i.fa-bell-on {
    color: #E55757
}

#side-nav .wrap ul li.on a {
    color: #000;
    font-weight: 600;
    text-decoration: underline
}

#side-nav .wrap ul li a strong {
    color: #000;
    font-weight: 400
}

#side-nav .wrap .int {
    border-top: 1px solid #E0E0E0;
    padding: 10px 0
}

#side-nav .wrap .int:first-child {
    border-top: 0;
    padding-top: 0
}

#side-nav .wrap .alimtalk {
    position: absolute;
    left: 0;
    bottom: -80px;
    text-align: center;
    width: 168px
}

#side-nav .wrap .alimtalk p {
    cursor: pointer;
    background: #000;
    color: #FFF;
    line-height: 44px;
    font-size: 14px;
    margin-bottom: 8px
}

#side-nav .wrap .alimtalk a {
    display: inline-block;
    border-bottom: 1px solid;
    color: #999;
    font-size: 11px
}

#side-nav .wrap .alimtalk i {
    margin-right: 4px
}

#integrated_db {
    background: #F5F5F5;
    height: 100%
}

#integrated_db .header-wrap {
    position: relative;
    background: #663399;
    height: 50px
}

#integrated_db .header-wrap .logo {
    position: absolute;
    top: 50%;
    margin-top: -14px;
    left: 24px
}

#integrated_db .body-wrap {
    width: 96%;
    margin: 35px auto
}

#integrated_db .body-title h1 {
    font-size: 28px;
    font-family: NotoSansMedium;
    letter-spacing: -2px;
    padding-bottom: 5px
}

#integrated_db .body-title h1 a:hover {
    color: inherit;
    text-decoration: underline
}

#integrated_db .body-title p {
    font-size: 17px;
    margin-bottom: 15px
}

#integrated_db .table-title table {
    background: #FFF
}

#integrated_db .table-title th {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    height: 50px;
    border: 1px solid #e0e0e0;
    border-width: 1px 0;
    border-top: 2px solid #639;
    color: #333;
    letter-spacing: -1px;
    padding: 3px
}

#integrated_db .table-title th p {
    font-size: 12px;
    color: #CCC
}

#integrated_db .body-table {
    background: #FFF
}

#integrated_db .body-table tr:hover {
    background: #F9F9F9
}

#integrated_db .body-table td {
    display: table-cell;
    text-align: center;
    font-size: 14px;
    padding: 15px 3px;
    letter-spacing: -0.5px;
    word-break: break-all
}

#integrated_db .body-table td a.btn_save {
    display: inline-block;
    background: #663399;
    color: #FFF;
    line-height: 88px;
    vertical-align: top;
    padding: 0 2px;
    font-size: 13px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

#integrated_db .body-table textarea {
    width: 186px;
    resize: none;
    border-color: #E0E0E0;
    border-right: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 13px;
    padding: 7px
}

#integrated_db span.fa-edit {
    padding-left: 7px;
    cursor: pointer;
    color: #999
}

#integrated_db .state_D {
    color: #999;
    text-decoration: line-through
}

#integrated_db .state_O {
    color: #FF4949
}

#integrated_db .ly_pop {
    display: none;
    position: absolute;
    z-index: 999;
    background: #FFF;
    border: 1px solid #EEE;
    box-shadow: 1px 1px 6px rgba(0,0,0,0.15);
    padding: 5px 10px
}

#integrated_db .ly_pop ul li {
    line-height: 24px
}

#integrated_db .client {
    padding: 25px;
    border: 1px solid #E0E0E0;
    margin-bottom: 25px;
    background: #FFF
}

#integrated_db .client ul {
    overflow: hidden
}

#integrated_db .client ul li {
    float: left;
    padding: 0 20px;
    font-size: 16px
}

#integrated_db .client ul li:first-child {
    padding-left: 0
}

#integrated_db .date_form {
    margin-bottom: 25px
}

#integrated_db .date_form input {
    border: 1px solid #E0E0E0;
    padding: 2px 10px;
    text-align: center;
    font-size: 14px;
    height: 28px
}

#integrated_db .date_form .btn_submit {
    background: #663399;
    color: #FFF;
    height: 34px;
    width: 60px;
    margin-left: 10px;
    border: 0
}

#integrated_db .date_form .btn_submit:active {
    position: relative;
    top: 1px
}

#rp_header {
    position: relative;
    height: 70px;
    border-bottom: 1px solid #D5D5D5;
    background: #FFF
}

#rp_header .logo {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 20px;
    font-size: 20px;
    color: #000;
    line-height: 100%;
    font-weight: 500
}

#rp_header .hd_func {
    position: absolute;
    top: 0;
    right: 0
}

#rp_header .hd_func ul {
    overflow: hidden
}

#rp_header .hd_func ul li {
    float: left;
    font-size: 14px;
    padding: 0 12px;
    line-height: 70px;
    color: #787878
}

#rp_header .hd_func ul li a {
    color: #787878
}

#rp_header .hd_func ul li a:hover {
    color: #000
}

#report {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.26);
    background: #FFF;
    width: 950px;
    margin: 50px auto;
    min-height: 250px;
    border: 1px solid #BEBEBE
}

#report .title {
    background: #5EB3F0;
    line-height: 70px;
    position: relative
}

#report .title h3 {
    font-size: 26px;
    color: #FFF;
    text-indent: 20px;
    font-weight: 500;
    letter-spacing: -1px
}

#report .title .period {
    position: absolute;
    right: 0;
    top: 0;
    height: 70px;
    width: 220px;
    background: #3A74BE;
    color: #FFF;
    cursor: pointer
}

#report .title .period i {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -8px;
    font-size: 16px
}

#report .title .period span {
    font-size: 13px;
    padding-left: 15px;
    letter-spacing: 0
}

#report .contents {
    padding: 50px;
    position: relative
}

#report .contents h5 {
    font-size: 19px;
    margin-bottom: 25px
}

#report .contents .inventory {
    position: absolute;
    top: 50px;
    right: 50px
}

#report .contents .inventory a {
    display: inline-block;
    margin-right: 5px;
    width: 100px;
    line-height: 38px;
    font-size: 13px;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
    border: 1px solid #E0E0E0;
    text-align: center;
    color: #000
}

#report .contents .inventory a:hover {
    background: #F0F0F0;
    border-color: #BEBEBE
}

#report .contents .inventory a:active {
    position: relative;
    top: 1px
}

#report .contents canvas {
    margin: 50px 0
}

#report .contents tr th, #report .contents tr td {
    height: 42px;
    text-align: center;
    font-size: 16px
}

#report .contents tr th {
    background: #F0F0F0;
    font-weight: 600;
    border: 1px solid #E0E0E0;
    border-width: 1px 1px 1px 0
}

#report .contents tr th:first-child {
    border-left: 1px solid #E0E0E0
}

#report .contents tr td {
    border: 1px solid #E0E0E0;
    border-width: 0 1px 1px 0;
    font-size: 14px
}

#report .contents tr td:first-child {
    border-left: 1px solid #E0E0E0
}

#meetup-tit .inner-wrap {
    position: relative;
    z-index: 100;
    width: 1050px;
    margin: 0 auto;
    text-align: center;
    font-size: 15px;
    padding-top: 40px
}

#meetup-tit .inner-wrap .title {
    color: #FFF;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: -2px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    padding: 65px 0 30px 0
}

#meetup-tit .inner-wrap .schbox-wrap {
    width: 812px;
    background: rgba(0,0,0,0.18);
    padding: 7px;
    margin: 0 auto
}

#meetup-tit .inner-wrap .schbox-inner {
    height: 104px
}

#meetup-tit .inner-wrap .sec-lt {
    float: left;
    background: #FFF;
    padding: 15px;
    padding-bottom: 10px
}

#meetup-tit .selector {
    position: relative;
    float: left;
    width: 150px;
    height: 79px;
    cursor: pointer;
    border-right: 1px solid #EEE
}

#meetup-tit .selector i {
    font-size: 13px;
    color: #C0C0C0
}

#meetup-tit .selector i.fa-angle-down {
    position: absolute;
    left: 50%;
    margin-left: -4px;
    bottom: -2px
}

#meetup-tit .selector em {
    font-style: normal;
    display: block;
    font-size: 13.5px;
    font-weight: 300;
    color: #454545
}

#meetup-tit .selector p {
    display: block;
    font-size: 21px;
    font-weight: 500;
    padding: 10px 0 5px 0
}

#meetup-tit .selector p i {
    font-size: 23px;
    margin-right: 5px;
    color: #663399
}

#meetup-tit .selector ul {
    display: none;
    position: absolute;
    left: 0;
    top: 95px;
    z-index: 100;
    background: #FFF;
    border: 1px solid #EAEAEA;
    padding: 20px 30px;
    box-shadow: 1px 1px 6px rgba(0,0,0,0.18);
    width: 89px
}

#meetup-tit .selector ul li label {
    cursor: pointer;
    display: block;
    line-height: 36px
}

#meetup-tit .selector ul li:hover label {
    background: #F9F9F9
}

#meetup-tit .selector ul li a {
    display: block
}

#meetup-tit .selector .location-pop ul {
    width: 480px;
    left: -15px
}

#meetup-tit .selector .location-pop ul li {
    float: left;
    width: 80px
}

#meetup-tit .price {
    margin-left: -1px
}

#meetup-tit .date {
    width: 180px
}

#meetup-tit .date input.AB_datepicker {
    width: 100%;
    display: block;
    text-align: center;
    border: 0;
    font-size: 21px;
    font-weight: 500;
    height: 18px;
    padding: 15px 0 35px 0;
    cursor: pointer;
    color: transparent;
    text-shadow: 0 0 0 #454545
}

#meetup-tit .mb_searchbox {
    float: left;
    width: 300px;
    margin-left: 20px
}

#meetup-tit .mb_searchbox.focus {
    border-bottom: 2px solid #663399
}

#meetup-tit .mb_searchbox em {
    font-style: normal;
    display: block;
    font-size: 13.5px;
    font-weight: 300;
    color: #454545
}

#meetup-tit .mb_searchbox .sch_input {
    width: 100%;
    height: 31px;
    font-size: 21px;
    text-align: center;
    font-weight: 500;
    padding: 10px 0 5px 0;
    color: #000
}

#meetup-tit .row2 {
    float: right
}

#meetup-tit .row2 .btn_sch {
    display: inline-block;
    width: 150px;
    height: 104px;
    line-height: 104px;
    background: #663399;
    text-align: center;
    font-size: 21px;
    color: #FFF;
    box-shadow: 0 0 6px rgba(0,0,0,0.15);
    cursor: pointer;
    font-weight: 500
}

#meetup-tit .row2 .btn_sch:hover {
    background: #4d2673;
    transition: all .1s ease-in-out
}

#meetup-tit .row2 .btn_sch:active {
    position: relative;
    top: 1px
}

#meetup-tit .selector .select-button:active span {
    position: relative;
    top: 1px
}

#meetup-tit .selector .select-button:active i {
    bottom: -3px
}

#meetup-tit .selector .select-button:active .AB_datepicker {
    position: relative;
    top: 1px
}

#ui-datepicker-div.ui-datepicker {
    background: #FFF;
    border: 1px solid #EAEAEA;
    padding: 20px 30px;
    box-shadow: 1px 1px 6px rgba(0,0,0,0.18);
    margin-top: 10px;
    width: auto;
    font-size: 100% !important;
    padding: 20px !important;
    z-index: 9999 !important
}

#ui-datepicker-div .ui-widget-header {
    border: 0
}

#ui-datepicker-div .ui-widget-header select {
    cursor: pointer;
    font-size: 16px;
    width: auto;
    border: 0
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    cursor: pointer;
    padding: 8px
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    font-size: 16px;
    background: none;
    border: 0;
    text-align: center;
    height: 34px;
    line-height: 34px
}

.ui-state-default.ui-state-hover, .ui-widget-content .ui-state-default.ui-state-hover, .ui-widget-header .ui-state-default.ui-state-hover {
    background: #663399;
    color: #FFF
}

.ui-datepicker td.ui-datepicker-week-end a.ui-state-hover {
    color: #FFF !important
}

.ui-datepicker th {
    font-weight: 500
}

.ui-datepicker td {
    width: 40px;
    height: 40px
}

.ui-datepicker td.ui-datepicker-week-end a {
    color: #ff92ac
}

.ui-datepicker tr td.ui-datepicker-week-end:first-child a {
    color: #00aeff
}

.ui-datepicker td.ui-datepicker-today a {
    background: #663399;
    color: #FFF;
    opacity: 0.5
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: 0.35
}

.ui-datepicker td a.ui-state-active {
    background: #663399;
    color: #FFF
}

#article_tag {
    margin-bottom: 36px
}

#article_tag a {
    display: inline-block;
    margin: 0 6px 4px 0;
    padding: 4px 8px;
    color: #555;
    background: #F9F9F9;
    border-radius: 2px;
    word-break: keep-all;
    letter-spacing: 0;
    font-size: 14px
}

#article_tag a:hover {
    border-color: #AAA;
    color: #000;
    background: #EAEAEA;
    -webkit-transition: all .4s;
    transition: all .4s
}

.litter-view-box {
    position: relative;
    overflow: hidden;
    padding: 0 23px 60px 23px
}

.litter-view-box .ABA-view-body.ABA-article-contents {
    padding: 0;
    padding-top: 60px;
    margin-bottom: 20px
}

.litter-view-box p.amount {
    border: 1px solid #E0E0E0;
    background: #F9F9F9;
    width: 542px;
    line-height: 53px;
    float: left;
    font-size: 15px;
    text-indent: 20px
}

.litter-view-box p.amount strong {
    color: #FF4949;
    font-weight: 600
}

.litter-view-box p.amount span {
    display: inline-block;
    margin-left: 12px;
    font-size: 13px;
    color: #999
}

.litter-view-box p.amount span a {
    background: #666;
    color: #FFF;
    display: inline-block;
    padding: 2px 6px;
    line-height: 16px;
    font-size: 12px;
    margin-left: 16px;
    font-size: 12px;
    border-radius: 3px;
    text-indent: 0
}

.litter-view-box p.btn_ded {
    float: right
}

.litter-view-box p.btn_ded span {
    display: block;
    background: #000;
    color: #FFF;
    text-align: center;
    line-height: 55px;
    font-size: 15px;
    width: 130px
}

.litter-view-box p.btn_ded span:active {
    position: relative;
    top: 1px
}

.litter-view-box .gradient-box {
    height: 150px;
    position: absolute;
    bottom: 137px;
    width: 684px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(360deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(360deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
    background: linear-gradient(360deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1)
}

#katalkList h3 {
    font-size: 28px;
    margin-bottom: 12px;
    margin-top: 72px;
    letter-spacing: -1px;
    color: #000
}

#katalkList h5 {
    font-size: 17px;
    color: #999;
    margin-bottom: 48px
}

#katalkList td a {
    position: relative;
    display: block;
    overflow: hidden;
    padding-left: 24px
}

#katalkList td .thumb {
    float: left;
    margin: 6px 24px;
    margin-left: 0;
    width: 50px;
    height: 50px
}

#katalkList td .AB-LF-common {
    display: inline-block;
    font-weight: 600;
    font-size: 13.5px;
    margin-right: 16px;
    color: #000
}

#katalkList td a:hover .AB-LF-common {
    text-decoration: underline
}

#katalkList td a div {
    line-height: 50px;
    margin: 6px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

#katalkList td .desc {
    color: #999;
    font-size: 12.5px;
    letter-spacing: 0
}

#katalkList td.label span {
    color: #448AFF;
    letter-spacing: 0
}

#katalkList .table-mbb tr:first-child td {
    border-top: 0
}

#katalkList .notice {
    border-top: 1px solid #663399
}

#katalkList .notice .cell {
    background: #FAFAFA;
    font-size: 13px;
    border-bottom: 1px solid #EAEAEA
}

#katalkList .notice .cell a {
    display: inline-block;
    font-size: 14px;
    text-indent: 7px;
    color: #333;
    vertical-align: top;
    line-height: 42px
}

#katalkList .notice .cell a:hover .AB-LF-common {
    text-decoration: underline
}

#katalkList .notice .cell a label {
    display: inline-block;
    width: 40px;
    height: 20px;
    line-height: 20px;
    font-weight: 600;
    border-right: 1px solid #EAEAEA;
    font-size: 12px;
    margin-right: 24px
}

#talkView .wrap {
    border: 1px solid #E0E0E0;
    padding: 50px;
    margin-bottom: 36px
}

#talkView .head h1 {
    font-size: 28px;
    margin-bottom: 12px;
    letter-spacing: -1px;
    color: #000
}

#talkView .head p {
    font-size: 17px;
    color: #777;
    margin-bottom: 36px;
    width: 340px;
    word-break: keep-all
}

#talkView .btn_join a {
    display: inline-block;
    background: #000;
    color: #FFF;
    font-size: 15px;
    font-weight: 600;
    width: 180px;
    text-align: center;
    line-height: 50px
}

#talkView .info {
    border: 1px solid #EEE;
    background: #FCFCFC;
    margin-top: 48px;
    padding: 50px;
    font-size: 13.5px;
    color: #777;
    line-height: 24px
}

#talkView .info strong {
    display: inline-block;
    font-size: 15px;
    color: #666;
    margin-top: 44px;
    margin-bottom: 16px
}

#talkView .info strong:first-child {
    margin-top: 0
}

.contents-sub .head {
    background: url('https://cdn.ibos.kr/images/p2984_img_01.gif') #F5F5F5;
    padding: 40px 0;
    margin-bottom: 30px;
    background-position: right bottom;
    background-repeat: no-repeat;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto
}

.contents-sub .head > div {
    width: 300px;
    background: #FFF;
    padding: 24px 16px;
    height: fit-content;
    display: inline-block;
    vertical-align: top;
    border-radius: 12px
}

.contents-sub .head > div:first-child {
    margin-right: 30px
}

.contents-sub .head .tit {
    border-bottom: 1px solid #EEE;
    line-height: 20px;
    padding-bottom: 12px;
    margin-bottom: 18px
}

.contents-sub .head .tit p {
    font-size: 18px;
    display: inline-block;
    font-weight: bold
}

.contents-sub .head .tit label {
    float: right;
    color: #999;
    font-size: 12px
}

.contents-sub .head .cell a {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    margin-top: 18px;
    color: #666
}

.contents-sub .head .cell a em {
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    width: 18px;
    display: inline-block
}

.contents-sub .head .cell a:hover {
    text-decoration: underline;
    color: #333
}

.contents-sub .body {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    width: 100%;
    padding: 30px 20px;
    margin: 0 auto
}

.contents-sub .body .side {
    width: 360px
}

.contents-sub .body .conts {
    width: 820px;
    padding-bottom: 100px
}

.contents-sub .body .tit {
    padding: 32px 0
}

.contents-sub .body .tit strong {
    font-size: 24px
}

.contents-sub .body .tit strong a {
    color: #000
}

.contents-sub .body .tit strong a:hover {
    text-decoration: underline
}

.contents-sub .body .tit p {
    color: #666;
    font-size: 16px;
    margin-top: 8px
}

.contents-sub .reports .cell {
    display: inline-block;
    vertical-align: top;
    margin-left: 9px;
    margin-bottom: 10px
}

.contents-sub .reports .cell.num_1,.contents-sub .reports .cell.num_4 {
    margin-left: 0
}

.contents-sub .reports .cell a {
    display: block;
    border: 1px solid #E0E0E0;
    width: 265px
}

.contents-sub .reports .cell a:hover {
    border-color: #333
}

.contents-sub .reports .cell p {
    font-size: 16px;
    margin: 12px;
    line-height: 24px;
    height: 50px;
    overflow: hidden;
    color: #000;
    font-weight: 500
}

.contents-sub .reports .cell img {
    border-bottom: 1px solid #E0E0E0
}

.contents-sub .bn-pos[data-bn=bn-main] {
    border: 1px solid #E0E0E0;
    background: #F9F9F9;
    text-align: center;
    padding: 20px 0;
    margin: 16px 0
}

.contents-sub .trade .cell:first-child {
    border-top: 1px solid #EEE
}

.contents-sub .trade .cell {
    border-bottom: 1px solid #EEE;
    padding: 24px 0
}

.contents-sub .trade .cell a {
    display: block
}

.contents-sub .trade .cell a:hover strong {
    text-decoration: underline
}

.contents-sub .trade .cell strong {
    display: block;
    font-size: 18px;
    margin-bottom: 12px;
    font-weight: 500;
    color: #000
}

.contents-sub .trade .cell strong em {
    font-style: normal;
    background: #000;
    color: #FFF;
    display: inline-block;
    padding: 0 4px;
    font-size: 12px;
    font-weight: normal;
    margin-left: 12px
}

.contents-sub .trade .cell p {
    word-break: break-all;
    font-size: 15px;
    letter-spacing: 0;
    color: #999;
    line-height: 22px
}

.contents-sub .trade .cell .thumb {
    float: left;
    margin-right: 18px;
    width: 234px;
    height: 121px
}

.contents-sub .tip {
    margin-top: 50px
}

.contents-sub .tip .cell {
    display: inline-block;
    vertical-align: top;
    margin-left: 9px;
    margin-bottom: 10px
}

.contents-sub .tip .cell.num_1,.contents-sub .tip .cell.num_4 {
    margin-left: 0
}

.contents-sub .tip .cell a {
    display: block;
    border: 1px solid #E0E0E0;
    width: 265px
}

.contents-sub .tip .cell a:hover {
    border-color: #333
}

.contents-sub .tip .cell strong {
    display: block;
    font-size: 15px;
    padding: 12px;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    color: #000
}

.contents-sub .tip .cell p {
    padding: 0 12px;
    word-break: break-all;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-line-clamp: 4;
    -moz-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 12px;
    font-size: 13px;
    color: #999;
    line-height: 22px;
    height: 88px
}

.contents-sub .tip .cell span {
    display: block;
    border-top: 1px solid #E0E0E0;
    padding: 6px 24px;
    color: #999
}

.contents-sub .tip .cell img {
    border-bottom: 1px solid #E0E0E0
}

.contents-sub .body .side .tit {
    font-size: 22px;
    padding: 28px 16px 24px 16px;
    font-weight: bold;
    box-sizing: border-box
}

.contents-sub .quize {
    border: 1px solid #E0E0E0;
    position: relative;
    margin-top: 15px
}

.contents-sub .quize .survey_done, .contents-sub .quize .items {
    display: none
}

.contents-sub .quize .selector {
    padding: 16px;
    padding-top: 0
}

.contents-sub .quize .question {
    margin-top: -8px
}

.contents-sub .quize .question td {
    font-size: 14px;
    line-height: 24px
}

.contents-sub .quize .question td label {
    display: none
}

.contents-sub .quize .question td img {
    width: 100% !important;
    height: auto
}

.contents-sub .quize span {
    display: block;
    margin: 16px;
    margin-top: 0;
    background: #000;
    color: #FFF;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    cursor: pointer
}

.contents-sub .quize .link_cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.contents-sub .conts_list {
    background: #F9F9F9;
    margin: 24px 0;
    padding-bottom: 28px
}

.contents-sub .conts_list a {
    display: block;
    background: #FFF;
    border: 1px solid #EEE;
    border-top: 0;
    margin: 0 16px;
    line-height: 44px;
    text-indent: 16px;
    font-size: 15px;
    color: #666;
    position: relative
}

.contents-sub .conts_list a:first-child {
    border-top: 1px solid #EEE
}

.contents-sub .conts_list a:hover {
    background: #FCFCFC;
    color: #000;
    text-decoration: underline
}

.contents-sub .conts_list a i {
    display: none;
    font-size: 12px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 24px;
    color: #999
}

.contents-sub .conts_list a:hover i {
    display: block
}

.contents-sub .ly_subb {
    background: #F5F5F5;
    padding: 20px 0;
    border: 1px solid #EEE;
    border-top: 0
}

.contents-sub .ly_subb.sb1 {
    border-bottom: 0
}

.contents-sub .ly_subb.sb2 {
    margin-bottom: 50px
}

.contents-sub .ly_subb a {
    display: block;
    text-align: center;
    margin-bottom: 15px
}

#prmconts .list {
    padding: 12px 0 12px 5px
}

#prmconts .list .AB-LF-common {
    font-size: 15px
}

#prmconts .info {
    margin-top: 8px;
    padding-left: 7px
}

#prmconts .info span {
    display: inline-block;
    margin-right: 12px;
    color: #777;
    letter-spacing: 0
}

#prmconts .info span:before {
    content: "";
    display: inline-block;
    height: 10px;
    width: 1px;
    background: #E0E0E0;
    margin-right: 8px
}

#prmconts .info em {
    display: inline-block;
    font-style: normal;
    border: 1px solid #EEE;
    padding: 0 2px;
    border-radius: 3px;
    margin-right: 12px;
    color: #999;
    line-height: 16px;
    width: 46px;
    text-align: center
}

#prmconts .info .amount i {
    color: #448AFF;
    margin-right: 4px
}

#prmconts .info .unpaid {
    color: #448AFF;
    border-color: #448AFF
}

#article-relation-link ul {
    padding: 0;
    margin: 0
}

#article-relation-link ul li {
    list-style: none;
    margin: 0 0 4px 0
}

#article-relation-link ul li:first-child {
    margin: 65px 0 0 0;
    padding-top: 24px;
    padding-left: 0;
    border-top: 1px solid #EEE !important
}

#article-relation-link ul li a {
    color: #454545;
    font-weight: normal;
    font-size: 14px
}

#article-relation-link .contextAdWrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 72px 0 0 0
}

#article-relation-link .contextAdWrap a {
    display: flex;
    align-items: center;
    padding: 0 16px 0 8px;
    gap: 6px;
    border: 1px solid #EAEAEA;
    font-size: 15px;
    letter-spacing: -0.5px;
    color: #555;
    font-weight: 500;
    border-radius: 20px;
    line-height: 20px;
    height: 34px;
    box-sizing: border-box;
    width: fit-content;
    transition: all 0.2s
}

#article-relation-link .contextAdWrap a:hover {
    text-decoration: none;
    background: #FAFAFA;
    border-color: #C0C0C0;
    font-weight: 600;
    color: #000
}

#article-relation-link .contextAdWrap a i {
    font-size: 16px;
    color: #999;
    width: 20px;
    line-height: 20px;
    text-align: center
}

#article-relation-link .contextAdWrap a img {
    width: 20px;
    height: 20px;
    border-radius: 100px
}

#article-relation-link .contextAdWrap a:hover i {
    color: var(--event-point)
}

.qnadepth {
    border: 1px solid #eee;
    margin: 0 0 15px
}

.qnadepth .qna_tit {
    padding: 15px 20px;
    font-size: 15px;
    font-weight: 500
}

.notify .question {
    clear: both;
    padding: 15px 20px;
    font-size: 14px;
    border-top: 1px solid #eee;
    cursor: pointer;
    color: #666
}

.notify .question::after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    content: "\f078";
    position: absolute;
    right: 20px;
    line-height: 20px
}

.notify .question.on::after {
    content: "\f077"
}

.notify .question i.fa-question-square {
    font-weight: 300;
    color: #aaa;
    margin-right: 5px
}

.notify .question i.fa-chevron-down {
    float: right
}

.notify ul {
    display: none;
    padding: 20px;
    font-size: 14px;
    line-height: 180%;
    background: #f6f6f6
}

.notify ul li.qna_btn {
    margin-top: 10px
}

.notify ul li a {
    color: #5894fe;
    margin-right: 10px
}

.notify ul li a:hover {
    text-decoration: underline
}

.notify ul li a span {
    color: #686868
}

#ggas ins {
    margin-bottom: 20px
}

.ggas_300_250 {
    display: inline-block;
    width: 300px;
    height: 250px
}

#sch_ggas {
    margin-top: 24px;
    background: #F9F9F9
}

#sch_ggas .wrap {
    background: #FFF;
    border: 1px solid #F0F0F0;
    min-height: 600px
}

#minumsa {
    margin-bottom: 24px
}

#minumsa .wrap {
    position: relative;
    background: #0c131b;
    height: 100px;
    line-height: 100px;
    border-radius: 5px;
    padding: 0 24px
}

#minumsa h5 {
    font-size: 15px;
    padding: 20px 0;
    border-top: 1px solid #EEE
}

#minumsa p {
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0
}

#minumsa p input {
    font-size: 24px;
    width: 158px;
    height: 33px;
    margin: 0 12px;
    color: #FFF;
    letter-spacing: 2px;
    padding: 4px;
    overflow: hidden;
    font-weight: 600;
    border-bottom: 1px solid #FFF;
    background: none;
    text-align: center
}

#minumsa p a {
    color: #FFF
}

#minumsa .btn-submit {
    position: absolute;
    right: 24px;
    top: 50%;
    margin-top: -18px;
    color: #FFF;
    background: #0197e3;
    font-size: 17px;
    line-height: 36px;
    text-align: center;
    width: 100px;
    border-radius: 5px
}

#minumsa .btn-submit:active {
    margin-top: -17px
}

.my_viewed_article h3 {
    margin: 10px 0 15px 0;
    display: inline-block
}

.my_viewed_article h3 a {
    font-size: 18px;
    color: #000
}

.my_viewed_article .bd-title {
    position: relative
}

.my_viewed_article .bd-title .btns {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 0
}

.my_viewed_article .bd-title .btns a {
    font-size: 12px;
    border: 1px solid #E0E0E0;
    padding: 2px 8px;
    border-radius: 3px;
    color: #666
}

.my_viewed_article .bd-title .btns a:hover {
    background: #F5F5F5;
    border-color: #999;
    color: #333;
    transition: all 0.2s;
    -webkit-transition: all 0.2s
}

.my_viewed_article .intro-viewed {
    margin-right: 5px
}

.my_viewed_article .mb_subject:visited {
    color: #454545
}

.my_viewed_article .ndata p {
    padding: 250px 0;
    font-size: 19px;
    text-align: center
}

.n-article-buttons .sel_board {
    display: none;
    position: absolute;
    top: 50px;
    right: -12px;
    z-index: 999;
    padding: 16px 12px;
    border: 1px solid #DDD;
    box-shadow: 0 0 8px rgba(0,0,0,0.08);
    border-radius: 6px;
    background: #FFF
}

.sel_board p {
    color: #000;
    font-size: 13px;
    padding-left: 4px
}

.sel_board p span {
    color: #999;
    font-size: 12px;
    display: inline-block;
    margin-left: 4px
}

.sel_board ul {
    margin-top: 12px;
    width: 300px
}

.sel_board ul::after {
    clear: both;
    content: "";
    display: block
}

.sel_board ul li {
    float: left;
    width: 50%
}

.sel_board ul li a {
    display: block;
    background: #F6F6F6;
    text-indent: 12px;
    line-height: 40px;
    font-size: 15px;
    color: #444;
    margin: 2px;
    border-radius: 2px
}

.sel_board ul li a:hover {
    background: #DDD;
    color: #000;
    transition: all 0.2s
}

.sel_board i.fal {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    color: #AAA;
    cursor: pointer;
    width: 14px;
    height: 14px;
    padding: 16px;
    text-align: center
}

#daily_mission h1 {
    font-size: 23px;
    text-align: center;
    padding: 16px 0 20px;
    letter-spacing: -1px
}

#daily_mission .wrap {
    background: #F6F6F6;
    padding: 30px
}

#daily_mission .item_wrap {
    background: #FFF;
    padding: 30px
}

#daily_mission .item_wrap .tit {
    text-align: center
}

#daily_mission .item_wrap .tit strong {
    font-size: 19px;
    color: #000
}

#daily_mission .item_wrap .tit p {
    font-size: 15px;
    margin-bottom: 20px
}

#daily_mission .items > div {
    border: 1px solid #EEE;
    border-radius: 10px;
    padding: 24px;
    padding-left: 70px;
    margin-top: 12px;
    position: relative
}

#daily_mission .items i {
    position: absolute;
    left: 24px;
    width: 24px;
    text-align: center;
    font-size: 24px;
    top: 50%;
    margin-top: -12px
}

#daily_mission .items a.link {
    display: inline-block;
    font-size: 18px;
    color: #000;
    letter-spacing: -1px
}

#daily_mission .items a.link:hover {
    text-decoration: underline
}

#daily_mission .items p {
    font-size: 14px;
    color: #666;
    margin-top: 4px
}

#daily_mission .items span {
    overflow: hidden;
    position: absolute;
    right: 24px;
    top: 50%;
    margin-top: -20px;
    line-height: 40px;
    text-align: center;
    width: 120px;
    border-radius: 10px;
    background: #F6F6F6;
    font-size: 14px;
    color: #333;
    font-weight: 600
}

#daily_mission .items em {
    font-style: normal;
    font-size: 13px;
    color: #FF4949;
    display: inline-block;
    margin-left: 5px;
    font-weight: 600
}

#daily_mission .items span label {
    display: block;
    background: #FF4949;
    color: #FFF;
    cursor: pointer
}

#daily_mission .items span label.btn_done {
    background: #AAA;
    color: #FFF;
    cursor: default
}

#daily_mission .notice {
    background: #F6F6F6;
    margin-top: 30px;
    padding: 24px;
    border-radius: 10px
}

#daily_mission .notice strong {
    display: block;
    margin-bottom: 16px;
    font-size: 14px
}

#daily_mission .wrap.weekly {
    margin-top: 20px
}

#daily_mission .wrap.weekly .weekname {
    display: flex;
    justify-content: space-between
}

#daily_mission .wrap.weekly .weekname span {
    display: block;
    text-align: center;
    min-width: 55px;
    font-size: 18px
}

#daily_mission .wrap.weekly .chk > div {
    display: flex;
    justify-content: space-between;
    text-align: center
}

#daily_mission .wrap.weekly .chk p {
    display: inline-block;
    font-size: 55px;
    color: #EEE;
    width: 55px
}

#daily_mission .wrap.weekly .chk p.checked i {
    color: #FF4949
}

#daily_mission .wrap.weekly .count {
    text-align: center
}

#daily_mission .wrap.weekly .count p {
    font-size: 16px;
    color: #000;
    margin: 24px 0
}

#daily_mission .wrap.weekly .count p em {
    font-style: normal;
    color: #FF4949;
    display: inline-block;
    margin-left: 5px;
    font-weight: 600
}

#daily_mission .wrap.weekly .count span {
    display: block;
    background: #F6F6F6;
    padding: 12px 0;
    border-radius: 10px;
    width: 200px;
    margin: 0 auto;
    color: #000;
    font-size: 17px;
    font-weight: bold
}

.mileage .litter_details .ltr_cat p.finish {
    color: #999;
    border: 1px solid #999;
    font-weight: normal
}

.pynt_list .withdrawal td .con_01 {
    float: left;
    width: 328px
}

.pynt_list .withdrawal td .con_02 {
    float: left;
    font-size: 17px;
    width: 120px;
    margin-top: 10px
}

.pynt_list .withdrawal p.det_btn {
    cursor: pointer;
    float: right;
    margin: 13px 25px 0 0;
    font-size: 13px
}

.pynt_list .withdrawal p.det_btn i {
    font-size: 10px;
    color: #878787;
    vertical-align: middle
}

.pynt_list .withdrawal .details {
    display: none;
    margin: 0 25px 5px 0
}

.pynt_list .withdrawal .details table {
    width: 100%;
    border-collapse: collapse;
    text-align: center
}

.pynt_list .withdrawal .details table tr th {
    background: #eaeaea;
    font-size: 13px;
    padding: 3px 0
}

.pynt_list .withdrawal .details table tr th, .withdrawal .details table tr td {
    border: 1px solid #ccc
}

.pynt_list .withdrawal .details > span {
    font-size: 12px;
    float: right;
    color: #9e9e9e;
    margin-bottom: 5px
}

.pynt_list .withdrawal .cash_box.info {
    margin: 30px;
    padding: 15px;
    background: #f9f9f9;
    border: 1px solid #e0e0e0
}

.pynt_list .withdrawal .cash_box.info ul li {
    position: relative;
    padding: 0 0 3px 10px;
    font-size: 13px;
    line-height: 20px;
    color: #7f7f7f
}

.pynt_list .withdrawal .cash_box.info ul li::before {
    position: absolute;
    top: -1px;
    left: 0;
    width: 1px;
    color: #ccc;
    content: '\2022'
}

.pynt_list .bill_view_btn {
    font-size: 12px
}

.pynt_list .card_ {
    display: block;
    background-color: #fff;
    color: #666;
    padding: 4px 0px;
    border: 1px solid #666;
    font-size: 11px;
    width: 62px
}

.pynt_list .card_:hover {
    background: #ff4949;
    border: 1px solid #ff4949 !important;
    color: #fff !important
}

.pynt_list .cash {
    display: block;
    color: #666;
    padding: 4px 0px;
    border: 1px solid #666;
    font-size: 11px;
    width: 62px
}

.pynt_list .btn_bill_cr {
    display: block;
    background-color: #969;
    color: #fff;
    padding: 4px 0px;
    border: 1px solid #969;
    font-size: 11px;
    width: 58px
}

.pynt_list .tax_ {
    display: block;
    background-color: #369;
    color: #fff;
    padding: 4px 0px;
    border: 1px solid #454545;
    font-size: 11px;
    width: 58px
}

.pynt_list .tax_type1 {
    display: block;
    background-color: #9999CC;
    color: #fff;
    padding: 4px 0px;
    border: 1px solid #999;
    font-size: 11px;
    width: 58px
}

.pynt_list .tax_type2 {
    display: block;
    background-color: #d5d5d5;
    color: #333;
    padding: 4px 0px;
    border: 1px solid #ccc;
    font-size: 11px;
    width: 58px
}

.pynt_list .error {
    display: block;
    color: #333;
    padding: 4px 0px;
    font-size: 12px;
    width: 62px
}

.pynt_listpynt_list .waiting {
    display: block;
    ;color: #ff4949;
    padding: 4px 0px;
    font-size: 12px;
    width: 62px
}

.pynt_list .timeout {
    color: #AAA;
    text-decoration: line-through
}

.pynt_list .cash_receipt_print {
    display: block;
    background-color: #fff;
    color: #666;
    padding: 4px 0px;
    border: 1px solid #666;
    font-size: 11px;
    width: 62px
}

.pynt_list .cash_receipt_print:hover {
    background: #639;
    border: 1px solid #639 !important;
    color: #fff !important
}

.pynt_list .btn_bill_cr_cancel {
    display: block;
    background-color: #d5d5d5;
    color: #333;
    padding: 4px 0px;
    border: 1px solid #ccc;
    font-size: 11px;
    width: 58px
}

.pynt_list .noreceipt {
    display: block;
    padding: 4px 0px;
    font-size: 12px;
    width: 62px
}

#right_notice {
    text-align: center;
    padding: 100px 0
}

#right_notice i {
    display: block;
    font-size: 60px;
    color: #FF4949
}

#right_notice h1 {
    font-size: 21px;
    color: #000;
    display: inline-block;
    border-bottom: 1px solid #E0E0E0;
    margin: 20px 0;
    padding: 0 30px 15px 30px
}

#right_notice div {
    width: 500px;
    margin: 10px auto
}

#right_notice div p {
    margin-bottom: 15px;
    font-size: 14px;
    color: #666;
    line-height: 180%
}

#right_notice div p strong {
    color: #000;
    font-weight: 500
}

#right_notice a {
    display: inline-block;
    width: 120px;
    margin: 20px 3px 0 3px;
    line-height: 34px;
    background: #333;
    color: #FFF;
    font-size: 13px;
    border: 1px solid #333
}

#right_notice a.back {
    border-color: #BBB;
    color: #777;
    background: none
}

#recommend-partner {
    padding: 70px 0;
    text-align: center;
    background: #F6F6F6
}

#recommend-partner .tit {
    text-align: center;
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 50px;
    letter-spacing: -1px;
    color: #454545
}

#recommend-partner .cell {
    display: inline-block;
    border: 1px solid #EEE;
    height: 248px;
    width: 248px;
    border-radius: 10px;
    margin: 0 6px 15px 6px;
    background: #FFF
}

#recommend-partner .cell .logo {
    line-height: 119px;
    border-bottom: 1px solid #EEE;
    text-align: center
}

#recommend-partner .cell .logo a {
    display: block
}

#recommend-partner .cell .logo a:hover img {
    transform: scale(1.1);
    transition: all 0.4s
}

#recommend-partner .cell .logo a img {
    max-width: 90%;
    height: auto;
    object-fit: contain;
    max-height: 119px
}

#recommend-partner .cell .txt {
    position: relative;
    font-size: 15px;
    padding: 15px 20px;
    height: 98px;
    color: #333
}

#recommend-partner .cell .txt p {
    font-weight: 600;
    text-align: left
}

#recommend-partner .cell .txt span {
    color: #888;
    text-align: left;
    display: block
}

#recommend-partner .cell .txt a {
    position: absolute;
    bottom: 20px;
    left: 20px;
    display: block;
    border: 1px solid #E0E0E0;
    width: 206px;
    text-align: center;
    line-height: 28px;
    border-radius: 5px;
    font-size: 14px
}

#recommend-partner .cell .txt a:hover {
    background: #F0F0F0;
    transition: all 0.2s;
    color: #000
}

#blockUserArticles table {
    border-top: 1px solid #eaeaea
}

#blockUserArticles table th {
    display: none
}

#blockUserArticles table td {
    font-size: 14px
}

#blockUserArticles .blocked-user {
    display: inline-block;
    margin-left: 12px
}

#cmt_div {
    position: relative;
    padding-left: 16px;
    word-break: break-all
}

#cmt_div i {
    margin-right: 6px;
    margin-left: -18px
}

.modify_user_cmt_wrap {
    display: none
}

.modify_user_cmt_wrap input {
    border: 1px solid #efefef;
    height: 34px;
    padding: 0 8px;
    border-radius: 3px;
    vertical-align: top;
    width: calc(100% - 110px);
    font-size: 14px
}

.modify_user_cmt_wrap a {
    display: inline-block;
    background: #663399;
    color: #fff;
    margin-left: 6px;
    width: 38px;
    line-height: 36px;
    text-align: center;
    border-radius: 3px;
    font-size: 13px
}

.modify_user_cmt_wrap a.cancle_modify {
    background: none;
    color: #666;
    cursor: pointer
}

#blockUserArticles .ViewCount {
    width: 50px
}

#blockUserArticles .ViewCount div {
    margin: 0 5px;
    display: inline-block;
    min-width: 14px
}

#blockUserArticles .ViewCount a {
    color: #ff4949;
    font-size: 12px
}

#blockUserArticles .ViewCount a:hover i {
    font-weight: bold
}

#blockUserArticles .ViewCount a.modify_btn {
    color: #448aff
}

#blockUserArticles .ViewCount a span {
    display: none
}

#blockUserArticles .block_user_nick {
    text-indent: 16px;
    font-weight: bold
}

#auto-talk-sender {
    padding: 50px;
    min-width: 1400px;
    box-sizing: border-box
}

#auto-talk-sender td, #auto-talk-sender th {
    box-sizing: border-box;
    text-align: left;
    padding: 8px 12px
}

#auto-talk-sender .table-th table {
    border-left: 1px solid #d1d6db
}

#auto-talk-sender .table-th th {
    background: #f2f4f6;
    border: 1px solid #d1d6db;
    border-width: 1px 1px 0 0;
    font-size: 13px;
    color: #333;
    font-weight: 500
}

#auto-talk-sender .table-mbb {
    border: 1px solid #d1d6db;
    border-width: 1px 0 0 1px
}

#auto-talk-sender .table-mbb td {
    border: 1px solid #d1d6db;
    border-width: 0 1px 1px 0;
    font-size: 13px;
    color: #4e5968
}

#auto-talk-sender .controls a {
    display: inline-block;
    border-radius: 6px;
    font-size: 12px;
    text-align: center;
    width: 62px;
    line-height: 1.6;
    padding: 4px 0
}

#auto-talk-sender .controls a:hover {
    transition: all 0.2s ease
}

#auto-talk-sender .controls a:first-child {
    margin-right: 8px
}

#auto-talk-sender .btn-stop {
    background: #ffebee;
    color: #e53935
}

#auto-talk-sender .btn-stop:hover {
    background: #ffd9dd
}

#auto-talk-sender .btn-modify {
    background: #f2f4f6;
    color: #4e5968
}

#auto-talk-sender .btn-modify:hover {
    background: #d1d6db
}

#auto-talk-sender .btn-start {
    background: #3182f6;
    color: #FFF
}

#auto-talk-sender .btn-start:hover {
    background: #1b64da
}

#auto-talk-sender .talk-name a {
    display: inline-block;
    border-radius: 6px;
    font-size: 12px;
    text-align: center;
    line-height: 1.6;
    padding: 4px 8px;
    background: #FAFAFA;
    margin: 0 4px 4px 0;
    color: #555
}

#auto-talk-sender .talk-name a.on {
    background: #3182f6;
    color: #f9fafb
}

#auto-talk-sender .table-mbb tr._t:hover {
    background: none
}

#admin-table td, #admin-table th {
    box-sizing: border-box;
    text-align: left;
    padding: 8px 12px
}

#admin-table {
    border: 1px solid #d1d6db;
    border-width: 1px 0 0 1px
}

#admin-table td {
    border: 1px solid #d1d6db;
    border-width: 0 1px 1px 0;
    font-size: 14px;
    color: #4e5968
}

#admin-table-th {
    border-left: 1px solid #d1d6db
}

#admin-table-th td, #admin-table-th th {
    background: #f2f4f6;
    border: 1px solid #d1d6db;
    border-width: 1px 1px 0 0;
    font-size: 13px;
    color: #333;
    font-weight: 500;
    box-sizing: border-box;
    padding: 8px 12px
}

#pwSettingWrap h2 {
    font-size: 28px;
    font-weight: 600;
    color: #000;
    padding-bottom: 15px
}

#pwSettingWrap {
    padding: 20px;
    width: 600px
}

#pwSettingWrap p {
    font-size: 16px;
    color: #000
}

#pwSettingWrap ul {
    margin: 30px 0 0 15px;
    font-size: 14px
}

#pwSettingWrap ul li label {
    display: block;
    color: #4e5968;
    margin-bottom: 10px;
    font-size: 15px
}

#pwSettingWrap div input[type=password] {
    border: 1px solid #e0e0e0;
    height: 48px;
    border-radius: 8px;
    width: 300px;
    font-size: 16px;
    padding: 15px;
    box-sizing: border-box
}

#pwSettingWrap ul li {
    margin-bottom: 20px
}

#pwSettingWrap input[type=submit] {
    margin: 25px 15px 15px;
    background: #742ddd;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    border-radius: 8px;
    line-height: 42px;
    padding: 0 24px
}

#pwSettingWrap ul li.adCheck {
    margin-top: 25px;
    margin-bottom: 0
}

#pwSettingWrap ul li.adCheck input {
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute
}

#pwSettingWrap ul li.adCheck label {
    cursor: pointer
}

#pwSettingWrap ul li.adCheck label span {
    color: #333;
    display: inline-block;
    vertical-align: top;
    font-weight: normal
}

#pwSettingWrap ul li.adCheck label::before {
    font-size: 20px;
    color: #e0e0e0;
    position: relative;
    top: -2px;
    margin-right: 6px
}

#pwSettingWrap ul li.adCheck input:checked + label::before {
    content: "\f14a";
    color: #448AFF;
    font-weight: bold
}

#findCompanyWrap {
    position: relative
}

#findCompany {
    display: none
}

#findCompany ul.live {
    border: 1px solid #CCC;
    position: absolute;
    top: 237px;
    left: 169px;
    width: 449px;
    box-sizing: border-box;
    z-index: 99;
    background: #FFF;
    box-shadow: 0px 2px 12px rgba(0,0,0,0.2);
    border-radius: 4px;
    overflow: hidden;
    max-height: 330px;
    overflow-y: auto
}

#findCompany ul li {
    padding: 12px 20px;
    border-top: 1px solid #EEE;
    font-size: 14px;
    position: relative;
    font-weight: 500
}

#findCompany ul li:first-child {
    border-top: 0
}

#findCompany ul li:hover {
    background: #F6F6F6;
    transition: all 0.2s;
    cursor: pointer
}

#findCompany ul li img {
    border-radius: 4px;
    width: 24px;
    height: 24px;
    margin-right: 12px;
    object-fit: contain
}

#findCompany ul li i {
    position: absolute;
    right: 20px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-style: normal;
    font-size: 13px;
    color: #999;
    font-weight: normal
}

#findCompany ul li .logo.empty {
    display: inline-block;
    width: 24px;
    text-align: center;
    line-height: 24px;
    margin: 0 12px 0 0;
    color: #999;
    background: #EEE;
    border-radius: 4px
}

.publishSet {
    border: 1px solid #E0E0E0;
    padding: 30px
}

#forMbship #ABA-wrapper-box-set {
    position: relative
}

#forMbship .buy_hide .gradient {
    position: absolute;
    top: -200px;
    height: 200px;
    width: 100%;
    margin: 0;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 )
}

#forMbship .buy_hide {
    position: relative;
    margin: 20px 0
}

#forMbship .buy_hide .wall {
    background: #f6f6f6;
    padding: 40px 0;
    font-size: 17px;
    margin: 0;
    border-radius: 8px;
    margin-top: 50px
}

#forMbship .buy_hide p {
    text-align: center
}

#forMbship .buy_hide a.purchase {
    display: block;
    margin: 0 auto;
    line-height: 52px;
    background: #333;
    width: 360px;
    color: #FFF;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    text-align: center
}

#forMbship .buy_hide a.purchase:hover {
    text-decoration: none;
    background: #000;
    transition: all 0.2s
}

#forMbship .buy_hide .mbship_benefits {
    border: 1px solid #EAEAEA;
    padding: 20px 30px;
    border-radius: 12px;
    width: 360px;
    margin: 20px auto;
    background-color: #FFF;
    box-sizing: border-box
}

#forMbship .buy_hide .mbship_benefits strong {
    font-size: 20px;
    display: block;
    margin-bottom: 8px
}

#forMbship .buy_hide .mbship_benefits span {
    display: block;
    font-size: 15px;
    line-height: 180%
}

#forMbship .buy_hide .price {
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 24px;
    height: 52px;
    font-size: 16px;
    margin: 24px 0 0 0;
    background-color: #F2F4F6
}

#forMbship .buy_hide .price span {
    font-weight: 600
}

#forMbship .buy_hide .attached {
    text-align: center
}

#forMbship .buy_hide .attached a {
    background: #1583FD;
    color: #FFF;
    text-align: center;
    line-height: 44px;
    display: inline-block;
    margin: 0 auto;
    padding: 0 20px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: bold
}

#forMbship .buy_hide .attached a:hover {
    text-decoration: none
}

#BDWriteForm .mbship_wf_auth {
    display: flex;
    flex-direction: column
}

#BDWriteForm .mbship_wf_auth div {
    background: #FFF;
    border-radius: 8px;
    padding: 16px 24px;
    margin: 4px 0;
    border: 1px solid #EAEAEA
}

#BDWriteForm .mbship_wf_auth strong {
    font-size: 15px;
    font-weight: 600;
    color: #333
}

#BDWriteForm .mbship_wf_auth p {
    font-size: 14px;
    color: #888;
    margin-top: 8px;
    margin-bottom: 16px
}

#BDWriteForm .mbship_wf_auth input {
    vertical-align: baseline
}

#BDWriteForm .mbship_wf_auth label {
    line-height: normal !important;
    margin-right: 20px;
    color: #777
}

#BDWriteForm .mbship_wf_auth label:hover {
    text-decoration: underline
}

#BDWriteForm .mbship_wf_auth input:checked + label {
    font-weight: bold;
    color: #000
}

.topNoticeArea {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #FFF;
    margin-bottom: 12px;
    border-radius: 8px;
    padding: 0 30px;
    height: 50px;
    font-weight: 500
}

.topNoticeArea a {
    display: block;
    font-size: 15px;
    color: #333
}

.topNoticeArea a:hover span {
    text-decoration: underline
}

.topNoticeArea a:first-child {
    display: flex;
    align-items: center
}

.topNoticeArea a i {
    font-size: 12px;
    margin-right: 8px;
    color: var(--event-point);
    background: #f0f0f0;
    padding: 6px;
    border-radius: 50%
}

.topNoticeArea span {
    max-width: 630px
}

.topNoticeArea .more {
    font-size: 12px;
    background: #F9FAFC;
    padding: 2px 6px;
    border-radius: 2px;
    color: #999
}

#benefitsWrap {
    background: #FFF;
    border-radius: 12px;
    border: 1px solid #EEE;
    padding: 50px;
    box-sizing: border-box
}

#benefitsWrap .head h2 {
    color: #000;
    font-size: 28px;
    font-weight: bold
}

#benefitsWrap .head h3 {
    color: #000;
    font-size: 28px;
    font-weight: bold;
    margin: 80px 0 20px
}

#benefitsWrap .head p {
    font-size: 16px;
    color: #888;
    margin-top: 8px
}

#benefitsWrap .missionWrap {
    padding: 30px 0
}

#benefitsWrap .list {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #EAEAEA;
    padding-top: 16px;
    margin-top: 16px
}

#benefitsWrap .list:first-child {
    border-top: 0;
    padding-top: 0;
    margin-top: 0
}

#benefitsWrap .list i {
    font-size: 36px;
    width: 72px;
    height: 72px;
    text-align: center;
    line-height: 72px;
    background: #F0F0F0;
    border-radius: 16px
}

#benefitsWrap .list img {
    width: 72px;
    height: 72px;
    border-radius: 16px
}

#benefitsWrap .list span {
    font-size: 16px;
    display: block;
    font-weight: 300
}

#benefitsWrap .list strong {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    display: block;
    margin: 6px 0
}

#benefitsWrap .list label {
    font-size: 13px;
    background: var(--color-50);
    color: var(--event-point);
    padding: 2px 4px;
    border-radius: 4px;
    opacity: 0.8;
    display: inline-block;
    font-weight: 500
}

#benefitsWrap .list div {
    display: flex;
    gap: 20px;
    align-items: center
}

#benefitsWrap .list .btnAction {
    display: inline-block;
    min-width: 100px;
    padding: 12px;
    box-sizing: border-box;
    font-size: 15px;
    color: #666;
    font-weight: 600;
    background: #F0F0F0;
    border-radius: 50px;
    line-height: 18px;
    text-align: center
}

#benefitsWrap .list .btnReward {
    background: var(--color-600);
    color: #FFF;
    cursor: pointer
}

#benefitsWrap .list .btnDone {
    color: var(--confirm);
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100px
}

#benefitsWrap .notice {
    background: #F2F4F6;
    border-radius: 12px;
    margin-top: 30px;
    font-size: 15px
}

#benefitsWrap .notice .notice {
    padding: 16px 30px;
    font-size: 15px;
    display: flex;
    font-weight: 600;
    color: #333;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    margin-top: 20px
}

#benefitsWrap .notice .full-text {
    padding: 20px 0;
    border-top: 1px solid #E0E0E0;
    margin: 0 30px
}

#benefitsWrap .notice .full-text p {
    font-size: 14px;
    color: #666;
    line-height: 140%;
    margin-bottom: 4px;
    word-break: keep-all
}

#benefitsWrap .notice.full-text strong {
    display: block;
    color: #333;
    font-size: 14px;
    margin-bottom: 8px
}

#benefitsWrap .plus-membership-info {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f6f6f6;
    height: 72px;
    border-radius: 12px;
    margin-top: 30px
}

#benefitsWrap .plus-membership-info a {
    font-size: 17px;
    display: block;
    transition: all 0.1s
}

#benefitsWrap .plus-membership-info a:hover {
    text-decoration: underline;
    color: #000
}

#benefitsWrap .plus-membership-info a:active {
    transform: scale(0.95)
}

#benefitsWrap .plus-membership-info a span {
    color: var(--color-600);
    font-weight: 600
}

#benefitsWrap .event-wrap {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 24px
}

#benefitsWrap .event-wrap > div a {
    display: flex;
    gap: 20px
}

#benefitsWrap .event-wrap img {
    height: auto;
    width: 340px;
    border-radius: 6px;
    object-fit: cover;
    box-shadow: 0 1px 12px rgba(0,0,0,0.08)
}

#benefitsWrap .event-wrap label {
    display: inline-block;
    border-radius: 30px;
    background: #000;
    color: #FFF;
    padding: 4px 8px;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 8px
}

#benefitsWrap .event-wrap label.cat2 {
    background: #CCC;
    font-weight: normal
}

#benefitsWrap .event-wrap p {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin-bottom: 12px;
    line-height: normal
}

#benefitsWrap .event-wrap p.empty {
    font-size: 15px;
    color: #999;
    font-weight: normal;
    margin-top: 12px
}

#benefitsWrap .event-wrap span, #benefitsWrap .event-wrap span span {
    font-size: 13px;
    color: #999 !important
}

#benefitsWrap .articleReward {
    margin-top: 50px
}

#benefitsWrap .articleReward .article {
    position: relative;
    background: #F2F4F6;
    border-radius: 12px;
    margin-top: 30px
}

#benefitsWrap .articleReward .tip {
    padding: 4px 6px;
    background: var(--color-600);
    color: #FFF;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    position: absolute;
    top: -16px;
    left: 16px
}

#benefitsWrap .articleReward label {
    font-size: 24px;
    color: #BBB;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 30px
}

#benefitsWrap .topNoticeArea {
    background: none;
    padding: 12px 30px
}

#benefitsWrap .topNoticeArea a {
    width: 100%
}

#benefitsWrap .topNoticeArea a:hover span {
    font-weight: 500;
    color: #000;
    transition: all 0.2s
}

#benefitsWrap .topNoticeArea span {
    font-size: 17px;
    font-weight: 500;
    font-weight: 300;
    letter-spacing: 0
}

#benefitsWrap .topNoticeArea .more {
    display: none
}

#rewardPop {
    display: none
}

#rewardPop .contents {
    background: #FFF;
    width: 450px;
    height: fit-content;
    border-radius: 20px;
    padding: 40px 30px 30px;
    box-sizing: border-box;
    text-align: center
}

#rewardPop .bg {
    content: '';
    clear: both;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: #000;
    opacity: 0.3
}

#rewardPop .btnClose {
    cursor: pointer;
    color: #CCC;
    font-size: 24px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    position: absolute;
    right: 24px;
    top: 24px
}

#rewardPop .btnConfirm {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    background: var(--color-600);
    border-radius: 12px;
    padding: 16px 0;
    text-align: center;
    line-height: 20px;
    letter-spacing: -1px;
    cursor: pointer
}

#rewardPop p {
    margin: 16px 0 12px;
    font-size: 18px;
    color: #555;
    font-weight: 300
}

#rewardPop strong {
    display: block;
    font-size: 34px;
    font-weight: bold;
    color: #000;
    letter-spacing: -1px;
    font-variant-numeric: tabular-nums
}

#rewardPop .content span.plus_comment {
    display: block;
    margin: 20px 0;
    font-size: 15px;
    color: var(--color-600);
    min-height: 8px
}

#rewardPop .calendar {
    display: none;
    background: #F2F4F6;
    border-radius: 20px;
    min-height: 110px;
    width: 100%;
    margin: 20px 0
}

#rewardPop .calendar ul {
    display: flex;
    justify-content: space-between;
    padding: 30px 30px 24px
}

#rewardPop .calendar ul li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

#rewardPop .calendar ul li label {
    font-size: 15px;
    color: #000;
    line-height: 18px;
    margin-bottom: 8px;
    display: inline-block
}

#rewardPop .calendar ul li span.fa-circle-check {
    color: var(--color-600)
}

#rewardPop .calendar ul li .notAttend {
    color: #CFCFCF
}

#rewardPop .calendar span {
    color: #FFF;
    font-size: 32px
}

#rewardPop .forNotMBS {
    margin: 16px 0 12px;
    font-size: 15px;
    font-weight: 300;
    display: flex;
    width: 100%;
    height: 44px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    gap: 12px
}

#rewardPop .forNotMBS a {
    background: #f2f4f6;
    color: #4d5563;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    padding: 6px 8px;
    border-radius: 4px
}

#displayMsgWrap .bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(0,0,0,0.65)
}

#displayMsgWrap .content {
    position: fixed;
    z-index: 1000;
    min-width: 360px;
    max-width: 480px;
    background: #FFF;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0px 8px 28px 0px rgba(0, 0, 0, 0.28)
}

#displayMsgWrap .head {
    position: relative;
    border-bottom: 1px solid #EBEBEB
}

#displayMsgWrap .head strong {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: -0.4px;
    padding: 24px 0 16px
}

#displayMsgWrap .head i {
    font-size: 16px;
    width: 28px;
    line-height: 28px;
    position: absolute;
    right: 6px;
    top: 50%;
    margin-top: -10px;
    color: #666;
    cursor: pointer
}

#displayMsgWrap .msg.noHead div {
    padding-top: 32px
}

#displayMsgWrap .msg div {
    padding: 24px;
    color: #333;
    font-size: 16px;
    line-height: 20px;
    word-break: keep-all
}

#displayMsgWrap .buttons {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 0 24px 24px
}

#displayMsgWrap .buttons button {
    appearance: none;
    border: 0;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: -0.4px;
    border-radius: 8px;
    background: #4429F3;
    height: 44px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.1s ease
}

#displayMsgWrap .buttons button:active {
    transform: scale(0.98)
}

#displayMsgWrap .buttons .btn-close {
    background: #EAEAEA;
    color: #666;
    font-weight: 500
}

#articlePoll {
    padding: 50px 0 0;
    background-color: #FFF
}

#articlePoll div, #articlePoll p {
    margin-bottom: 0
}

#articlePoll strong {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: baseline
}

#articlePoll strong span {
    font-size: 14px;
    font-weight: normal;
    color: #666;
    cursor: pointer
}

#articlePoll strong span:hover {
    text-decoration: underline
}

#articlePoll .lists {
    display: flex;
    flex-direction: column;
    gap: 8px
}

#articlePoll .poll-item {
    display: flex;
    align-items: center;
    height: 44px;
    position: relative
}

#articlePoll .poll-item button {
    height: 44px;
    border-radius: 8px;
    background: #FFF;
    border: 1px solid #EAEAEA;
    color: #686868;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 0 20px;
    width: 100%;
    box-sizing: border-box;
    transition: transform 0.1s;
    font-family: inherit
}

#articlePoll .poll-item button:hover {
    background: #F5F5F5;
    border-color: #E0E0E0;
    cursor: pointer
}

#articlePoll .poll-item button:active {
    outline: 3px solid rgba(68, 41, 243, 0.35)
}

#articlePoll .resultWrap {
    margin-bottom: 40px
}

#articlePoll .status {
    color: #999;
    font-size: 13px;
    line-height: 20px;
    margin-top: 8px
}

#articlePoll .states-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border-radius: 12px;
    overflow: hidden
}

#articlePoll .states-bar p {
    height: 100%;
    box-sizing: border-box;
    user-select: none
}

#articlePoll .states-bar p:first-child {
    position: absolute;
    left: 0;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    background: #F0F0F0
}

#articlePoll .states-bar p:last-child {
    border-left: 0;
    border-radius: 12px;
    width: 100%;
    border: 1px solid #EAEAEA
}

#articlePoll .values {
    color: #999;
    padding: 0 20px;
    display: flex;
    width: 100%;
    justify-content: space-between;
    box-sizing: border-box
}

#articlePoll .values p {
    display: flex;
    gap: 12px;
    align-items: center
}

#articlePoll .values p img {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    position: relative
}

#articlePoll .values span {
    mix-blend-mode: difference;
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    max-width: 90%;
    user-select: none;
    color: #999
}

#articlePoll .poll-result.selected .states-bar p:first-child {
    background: #000
}

#articlePoll .poll-result.selected .values span {
    color: #FFF
}

.modalPoll {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    min-width: 100%;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(2px)
}

.modalPoll-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
    background: white;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    max-width: 400px;
    width: 100%
}

#makePoll .title {
    height: 42px;
    border-bottom: 2px solid #333;
    font-size: 18px;
    font-weight: 600;
    color: #000
}

#makePoll .title::placeholder {
    color: #999
}

#makePoll ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 4px 0
}

#makePoll ul li {
    padding: 0 16px !important;
    border-radius: 4px;
    border: 1px solid #E0E0E0 !important;
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: space-between
}

#makePoll ul li input {
    width: calc(100% - 30px);
    font-size: 15px;
    height: 40px;
    padding: 0
}

#makePoll ul li input::placeholder {
    color: #999
}

#makePoll ul li .remove-item {
    padding: 4px;
    color: #CCC;
    cursor: pointer
}

#makePoll button {
    border-radius: 4px;
    border: 1px solid #E0E0E0;
    background: #F0F0F0;
    display: flex;
    padding: 5px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #666;
    font-size: 15px;
    line-height: 30px;
    cursor: pointer;
    transition: all 0.2s
}

#makePoll button:active {
    position: relative;
    top: 1px
}

#makePoll button:hover {
    border-color: #999;
    font-weight: 600;
    color: #555
}

#makePoll p input[type="checkbox"] {
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

#makePoll p input:checked + label, #makePoll p input:checked + label i {
    font-weight: bold
}

#makePoll p label {
    display: flex;
    gap: 8px;
    align-items: center;
    color: #000;
    font-size: 15px;
    line-height: 30px;
    cursor: pointer;
    width: fit-content
}

#makePoll p label i {
    font-size: 18px
}

#makePoll .close-option {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#makePoll .close-option .time_notice {
    color: #999;
    font-size: 13px;
    line-height: 18px
}

#makePoll .setTime {
    display: none;
    align-items: center;
    gap: 4px
}

#makePoll .setTime > div {
    height: 36px;
    border-radius: 2px;
    border: 1px solid #E0E0E0;
    background: #FAFAFA;
    display: flex;
    align-items: center;
    color: #000;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

#makePoll .setTime > div i {
    position: absolute;
    left: 12px
}

#makePoll .setTime > div input {
    max-width: 100px;
    width: 100%;
    background: none;
    font-size: 14px;
    font-weight: 500;
    padding-left: 36px;
    height: 100%
}

#makePoll .fa-caret-down, #makePoll .fa-caret-up {
    font-size: 10px
}

#makePoll .selectTime {
    width: 78px
}

#makePoll .selectTime em {
    font-style: normal;
    text-indent: 12px
}

#makePoll .selectTime i {
    right: 8px;
    left: unset !important
}

#makePoll #timeSelectWrap {
    display: none;
    position: absolute;
    height: 160px;
    z-index: 1000;
    padding: 4px 2px;
    border: 1px solid #E0E0E0;
    background: #FFF;
    overflow-y: auto;
    border-radius: 4px;
    top: 40px;
    right: -2px;
    width: 78px;
    box-sizing: border-box;
    text-indent: 0
}

#makePoll #timeSelectWrap span {
    display: block;
    line-height: 32px;
    text-align: center
}

#makePoll #timeSelectWrap span:hover {
    background: #F5F5F5;
    font-weight: bold
}

#makePoll #timeSelectWrap span.on {
    color: #000;
    font-weight: bold;
    background: #F5F5F5
}

#makePoll input[name="vote_submit"] {
    display: flex;
    padding: 7px 0px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: #333;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    margin-top: 12px;
    cursor: pointer
}

#makePoll .close-button {
    position: absolute;
    right: 16px;
    top: 16px;
    font-size: 20px;
    color: #999;
    cursor: pointer
}

.pollInfoTag {
    background: #FAFAFA;
    display: flex;
    padding: 16px 8px 16px 30px;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    border-bottom: 1px solid #f0f0f0
}

.pollInfoTag > span {
    width: 24px;
    min-width: 24px;
    font-size: 30px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.pollInfoTag > span i {
    font-size: 18px;
    text-align: center;
    width: 24px
}

.pollInfoTag .info {
    width: 100%;
    max-width: calc(100% - 120px);
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 4px
}

.pollInfoTag .info label {
    display: block;
    font-size: 14px;
    color: #4429F3;
    font-weight: 600
}

.pollInfoTag .info p {
    font-size: 16px;
    font-weight: bold;
    word-break: break-all
}

.pollInfoTag .info span {
    display: block;
    margin-top: 8px;
    color: #999;
    font-size: 13px
}

.pollInfoTag .pollBtn {
    display: flex;
    align-items: center
}

.pollInfoTag .pollBtn button {
    border: 0;
    background: unset;
    font-size: 15px;
    cursor: pointer;
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 50%;
    transition: all 0.2s
}

.pollInfoTag .pollBtn button:hover {
    background: #E0E0E0
}

.pollInfoTag .pollBtn button:hover i {
    color: #666
}

.pollInfoTag .pollBtn i {
    color: #AAA
}

#emoticon-container {
    position: absolute;
    top: 30px;
    border-radius: 8px;
    z-index: 999;
    background: #FFF;
    overflow: hidden;
    box-shadow: 0 0 0 1px rgba(29,29,29,0.13), 0 4px 12px 0 #00000014;
    min-width: 400px;
    min-height: 400px
}

#emoticon-container .nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    box-sizing: border-box;
    height: 48px;
    border-bottom: 1px solid #EAEAEA;
    background: #F8F8F8;
    position: static !important;
    width: 100% !important
}

#emoticon-container .nav div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 100%;
    font-size: 18px;
    cursor: pointer;
    box-sizing: border-box;
    transition: all 0.2s;
    position: relative
}

#emoticon-container .nav div:hover span {
    color: #000
}

#emoticon-container .nav div:hover::after, #emoticon-container .nav div.active::after {
    content: '';
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

#emoticon-container .nav div:hover::after {
    background: #DDD
}

#emoticon-container .nav div.active::after {
    background: #000
}

#emoticon-container .nav div.active span {
    color: #000;
    font-weight: 400
}

#emoticon-container .nav div span {
    color: #888
}

#cmt_wf #emoticon-container .contents {
    overflow-y: auto;
    min-height: 100px;
    padding: 8px 20px;
    display: flex;
    flex-direction: column;
    max-height: 352px;
    margin: 0;
    min-width: fit-content
}

#emoticon-container .contents strong {
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    display: inline-block;
    color: #000;
    margin-bottom: 8px
}

#emoticon-container .contents .search, #emoticon-container .contents .section {
    margin: 10px 0
}

#emoticon-container .search-box input {
    border-radius: 8px;
    border: 1px solid #E0E0E0;
    background: #FAFAFA;
    padding: 10px 12px;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 500;
    color: #333
}

#emoticon-container .search-box input:focus {
    outline: 3px solid rgba(68, 41, 243, 0.35);
    border-color: transparent
}

#emoticon-container .empty_emoji {
    font-size: 15px;
    color: #888;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 280px
}

#emoticon-container .emoticon-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 0px;
    max-width: 400px
}

#emoticon-container .emoticon-list span {
    color: #000;
    font-size: 26px;
    line-height: 40px;
    cursor: pointer;
    width: 40px;
    text-align: center;
    border-radius: 6px;
    transition: all 0.2s;
    user-select: none
}

#emoticon-container .emoticon-list span:hover {
    background: #EEE
}

.column-recommend {
    background: #FFF;
    border-radius: 8px;
    margin-bottom: 20px
}

.column-recommend .title {
    display: flex;
    justify-content: space-between;
    padding: 24px 16px;
    background: #FFF
}

.column-recommend .title strong {
    color: black;
    font-weight: 700;
    font-size: 1rem
}

.column-recommend .title a {
    margin-right: 16px;
    font-size: 0.813rem
}

.column-recommend .title a:hover i {
    animation: bounce 0.4s ease
}

.column-recommend .title a .fa-chevron-right {
    margin-left: 3px
}

.column-recommend .page {
    background: #fff;
    display: none;
    padding: 0 16px
}

.column-recommend .page.active {
    display: block
}

.column-recommend .btm {
    width: 328px;
    margin: 0 auto
}

.column-recommend .article {
    display: flex;
    margin-bottom: 15px
}

.column-recommend .article:hover .conts p:first-child {
    font-weight: 600;
    text-decoration: underline
}

.column-recommend .article .thumb_img {
    overflow: hidden;
    border-radius: 8px;
    min-width: 100px;
    height: 80px;
    margin-right: 14px
}

.column-recommend .article .thumb_img img {
    display: block;
    width: 100px;
    height: 80px;
    border: 1px solid rgba(0, 0, 0, 0);
    transition: transform 0.3s ease;
    box-sizing: border-box;
    object-fit: cover
}

.column-recommend .article .conts .h1 {
    line-height: 22px;
    font-size: 1rem;
    margin-bottom: 8px;
    color: black;
    letter-spacing: -0.5px
}

.column-recommend .article .conts .h2 {
    font-size: 0.813rem;
    color: #0038ff;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 22px
}

.column-recommend .column_pager {
    font-size: 1rem;
    text-align: center;
    padding-bottom: 24px;
    user-select: none
}

.column-recommend .column_pager i {
    background-color: #FFF;
    width: 36px;
    height: 36px;
    border: 1px solid #eaeaea;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.1s ease
}

.column-recommend .column_pager #current_page {
    margin-left: 15px;
    color: #0038ff;
    font-weight: 500
}

.column-recommend .column_pager #total_page {
    margin-left: 15px;
    margin-right: 20px;
    font-weight: 500;
    color: black
}

.column-recommend .column_pager i:hover {
    background-color: #f0f0f0
}

.column-recommend .column_pager i:active {
    background-color: #e0e0e0;
    transform: scale(0.95)
}

.column-recommend .column_pager label {
    display: inline-block;
    width: 10px;
    margin-left: 15px
}

@keyframes bounce {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(3px)
    }

    100% {
        transform: translateX(0)
    }
}

.column-recommend .article:hover .thumb_img img {
    transform: scale(1.15);
    transition: transform 0.2s ease
}

#link-preview, #BDWriteForm #link-preview {
    display: none
}

#link-preview {
    position: relative
}

#link-preview a {
    display: flex;
    border: 1px solid #EAEAEA;
    border-radius: 12px;
    margin: 12px 0;
    overflow: hidden;
    padding: 20px;
    position: relative;
    gap: 20px;
    transition: all 0.2s;
    width: 100%;
    box-sizing: border-box
}

#link-preview a:hover {
    text-decoration: none
}

#link-preview .info {
    display: none
}

#link-preview .thumb {
    margin: 0;
    display: flex;
    align-items: center;
    min-width: 200px;
    min-height: 120px
}

#link-preview .thumb.off {
    display: none
}

#link-preview .thumb img {
    width: 200px;
    max-width: 200px;
    object-fit: cover;
    width: 100%;
    height: 120px;
    min-height: 100%;
    border-radius: 12px
}

#link-preview .ogtags {
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#link-preview .ogtags span {
    display: block;
    font-size: 14px;
    color: #868B92;
    font-weight: 500;
    line-height: 18px
}

#link-preview .ogtags strong {
    font-size: 17px;
    letter-spacing: -0.5px;
    line-height: 20px;
    display: block;
    margin: 12px 0px;
    font-weight: bold
}

#link-preview .ogtags p {
    font-size: 14px;
    letter-spacing: -0.5px;
    line-height: 22px;
    margin: 0;
    color: #454545
}

#link-preview .btn-delete {
    position: absolute;
    right: 38px;
    top: 8px;
    width: 32px;
    height: 32px;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #F6F8Fa;
    color: #868B92;
    font-size: 12px;
    cursor: pointer
}

#link-preview .btn-delete:hover {
    background: #F0F0F0
}

#btn-meta-refresh {
    font-size: 12px;
    width: 32px;
    min-width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    transition: all 0.2s;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    background: #f6f8fa;
    color: #868B92;
    cursor: pointer
}

#btn-meta-refresh:hover {
    background: #F0F0F0
}

#BDWriteForm #link-preview {
    height: auto
}

#BDWriteForm #link-preview .thumb.loading {
    background: rgba(255, 255, 255, 0.8)
}

#BDWriteForm #link-preview.visible {
    display: block
}

#BDWriteForm #link-preview.visible .info {
    display: block
}

#BDWriteForm #link-preview .ogtags p {
    font-size: 14px;
    letter-spacing: -0.5px;
    line-height: 22px;
    margin: 0;
    color: #454545
}

#BDWriteForm #link-preview .ogtags span {
    display: block;
    font-size: 14px;
    color: #868B92;
    font-weight: 500;
    line-height: 18px;
    width: fit-content
}

#BDWriteForm #link-preview .ogtags strong {
    font-size: 17px;
    letter-spacing: -0.5px;
    line-height: 20px;
    display: block;
    margin: 12px 0px;
    font-weight: bold;
    color: #000
}

#BDWriteForm #link-preview.visible .skeleton {
    display: none
}

#BDWriteForm #link-preview .skeleton {
    display: flex;
    border: 1px solid #EAEAEA;
    border-radius: 12px;
    margin: 12px 0;
    overflow: hidden;
    padding: 20px;
    position: relative;
    gap: 20px;
    transition: all 0.2s;
    width: 100%;
    box-sizing: border-box
}

#BDWriteForm #link-preview .skeleton .thumb {
    margin: 0;
    display: flex;
    align-items: center;
    min-width: 200px;
    min-height: 120px;
    background: #F9F9F9;
    border-radius: 4px;
    width: 200px
}

#BDWriteForm #link-preview .skeleton > div:last-child {
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#BDWriteForm #link-preview .skeleton p {
    background: #F9F9F9;
    border-radius: 2px;
    height: 18px;
    margin: 3px 0
}

#BDWriteForm #link-preview .skeleton span {
    display: block;
    width: 200px;
    background: #F9F9F9;
    border-radius: 2px;
    height: 16px
}

#BDWriteForm #link-preview .skeleton strong {
    background: #EEE;
    border-radius: 3px;
    height: 24px;
    width: 90%;
    margin: 12px 0px;
    line-height: 20px
}

#addCompanyForm {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center
}

#addCompanyForm .wrap strong {
    margin: 30px
}

#addCompanyForm .foundation select {
    width: 65px
}

#addCompanyForm .scroll-wrap {
    overflow-y: auto;
    height: auto;
    max-height: calc(90vh - 184px);
    padding: 0 30px;
    box-sizing: border-box
}

#addCompanyForm .submit-wrap {
    padding: 30px
}

#addCompanyForm .submit-wrap .saveBtn {
    display: block;
    height: 54px;
    line-height: 54px;
    text-align: center;
    border-radius: 12px;
    margin: 0;
    background: #333;
    color: #FFF;
    border: 0;
    font-size: 17px;
    font-weight: bold
}

#addCompanyForm.careerForm strong {
    display: block;
    color: #000;
    font-size: 18px;
    letter-spacing: -1px
}

#addCompanyForm.careerForm .item {
    position: relative;
    padding: 0 !important;
    border: none !important;
    display: unset !important
}

#addCompanyForm.careerForm .wrap {
    z-index: 10000;
    background: #FFF;
    width: 520px;
    border-radius: 12px;
    overflow: hidden;
    height: auto;
    position: relative
}

#addCompanyForm.careerForm label {
    display: block;
    font-size: 14px;
    color: #666;
    margin-bottom: 6px
}

#addCompanyForm.careerForm label i {
    font-style: normal;
    color: #FF4949
}

#addCompanyForm.careerForm input {
    font-size: 15px;
    height: 42px;
    border: 1px solid #E0E0E0;
    padding: 0 12px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
    margin-bottom: 16px;
    color: #000
}

#addCompanyForm.careerForm input[type=text] {
    font-weight: 500
}

#addCompanyForm.careerForm input[name=etc_2] {
    width: calc( 100% - 110px);
    margin-right: 10px
}

#addCompanyForm.careerForm input[name=etc_3] {
    width: 100%
}

#addCompanyForm.careerForm input[name=etc_5] {
    width: 100px;
    margin-right: 8px
}

#addCompanyForm.careerForm .btn_cancel {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 0px !important;
    width: 36px;
    height: 36px;
    margin: 0;
    color: #666;
    background: none !important;
    font-size: 18px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 50% !important
}

#addCompanyForm.careerForm .msg {
    color: #FF4949;
    font-size: 13px;
    font-weight: bold;
    margin-top: -8px;
    margin-bottom: 16px
}

#addCompanyForm.careerForm .item .logo {
    margin-top: 6px;
    display: flex;
    gap: 16px
}

#addCompanyForm.careerForm .item .logo p {
    width: 100px;
    min-width: 100px;
    height: 100px;
    background-color: #f5f5f5;
    border-radius: 4px;
    margin-bottom: 16px;
    display: flex;
    justify-content: center
}

#addCompanyForm.careerForm .item .logo p img {
    max-width: 100%;
    max-height: 100%
}

#addCompanyForm.careerForm .item .logo .detail {
    display: flex;
    flex-direction: column;
    padding: 7px 0;
    gap: 8px
}

#addCompanyForm.careerForm .item .logo .detail span {
    color: #878787;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.5px;
    line-height: 20px
}

#addCompanyForm.careerForm .item .logo .detail label {
    width: 100px;
    height: 38px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.5px;
    text-align: center;
    line-height: 38px;
    cursor: pointer
}

#addCompanyForm.careerForm .item .logo input[type=file] {
    display: none
}

#addCompanyForm.careerForm select {
    font-size: 15px;
    height: 42px;
    width: 60px;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    border-radius: 4px;
    vertical-align: top;
    background: #FFF;
    text-align: center;
    min-width: fit-content
}

#addCompanyForm select {
    margin-bottom: 16px
}

#addCompanyForm #dapi_exec {
    background: #444;
    color: #fff;
    font-weight: 400;
    width: 100px
}

#addCompanyForm .co_add {
    display: flex
}

#addCompanyForm #dapi_map_wrap {
    width: 390px
}

#dapi_map_wrap {
    display: none;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    background: #FFF;
    z-index: 999;
    background: #F8F8F8
}

#dapi_map_wrap .addressWrap {
    display: flex;
    justify-content: space-between;
    padding: 16px;
    background: #000;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

#dapi_map_wrap #btnFoldWrap {
    font-size: 18px;
    position: absolute;
    right: 15px;
    z-index: 999;
    line-height: 22px;
    cursor: pointer
}

#adrop-popup .container {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(0,0,0,0.6)
}

#adrop-popup .wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 420px;
    min-height: 240px;
    border-radius: 12px;
    overflow: hidden
}

#adrop-popup .pannel {
    background: #FFF;
    height: 48px;
    display: flex;
    justify-content: space-between;
    padding: 0 28px;
    box-sizing: border-box;
    align-items: center;
    color: #888;
    font-size: 15px
}

#adrop-popup .pannel span {
    cursor: pointer
}

#adrop-popup .pannel span:last-child {
    color: #333
}

.verify-bizcard, .verify-employed {
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
    border-radius: 20px;
    width: fit-content;
    display: flex;
    gap: 4px;
    align-items: center;
    height: 24px;
    box-sizing: border-box
}

.verify-bizcard {
    background: #e7f2fe;
    color: #0d4ea6
}

.verify-employed {
    background: RGBA(90, 194, 46, 0.2);
    color: #007347
}

.cmt-link-preview .info a {
    display: flex;
    border: 1px solid #EAEAEA;
    border-radius: 12px;
    margin: 24px 0 12px 0;
    overflow: hidden;
    position: relative;
    gap: 12px;
    transition: all 0.2s;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 16px;
    background: #fafafa;
    align-items: center
}

.cmt-link-preview .info a:hover, .cmt-link-preview .info a:hover span, .cmt-link-preview .info a:hover strong {
    text-decoration: none !important
}

.cmt-link-preview .info strong {
    font-size: 16px;
    letter-spacing: -0.5px;
    line-height: 20px;
    display: block;
    margin: 4px 0px;
    font-weight: bold;
    color: #000
}

.cmt-link-preview .info .description {
    font-size: 13px;
    color: #999;
    line-height: 18px;
    font-weight: 500
}

.cmt-link-preview .ogtags span {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #868B92;
    font-weight: 500;
    line-height: 18px
}

.cmt-link-preview .ogtags span img {
    border-radius: 2px;
    width: 12px;
    height: 12px
}

.cmt-link-preview .thumb img {
    object-fit: cover;
    width: 150px;
    border-radius: 8px;
    aspect-ratio: 1200 / 630
}

#boostup {
    height: 72px;
    background: #E9EEF3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 12px;
    padding: 0 24px
}

#boostup .container {
    display: flex;
    gap: 4px;
    align-items: center;
    position: relative
}

#boostup .container p {
    font-size: 15px;
    font-weight: bold;
    color: #333
}

#boostup .container p + div {
    display: flex;
    align-items: center;
    padding: 4px
}

#boostup .container p + div:hover .tooltip-content {
    display: block
}

#boostup .container p + div:hover .tooltip-content {
    opacity: 1;
    visibility: visible
}

#boostup .container i {
    font-size: 15px
}

#boostup .tooltip-content {
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    position: absolute;
    background: #FFF;
    color: #333;
    padding: 24px;
    border-radius: 12px;
    font-size: 15px;
    width: 420px;
    z-index: 1000;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    margin-left: -40px;
    top: 22px
}

#boostup .btn-boostup {
    width: 140px;
    height: 36px;
    color: #FFF;
    font-weight: bold;
    font-size: 16px;
    background: #3572FB;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}