@charset "utf-8"; 
/* BBS ****/

/* LIST */
.bbs_list_box , .bbs_list { width:100% }
.bbs_list_box  { position: relative ; padding-top:3rem }
.bbs_list { margin-bottom:2rem }
.bbs_list_header , .bbs_list_header b , .bbs_list_body , .bbs_list_row , .bbs_list_row li { display:block ; width:100% }
.bbs_list_header , .bbs_list_row { overflow:hidden }
.bbs_list_header { border-top:solid 1px #d7d7d7 ; border-bottom:solid 2px #315395 }
.bbs_list_header b { 
    float:left ; box-sizing:border-box ; padding:0.75rem 0.25rem ;
    font-size:0.7rem ; line-height:1rem ; font-weight:400 ; color:#444444 ; text-align:center ; 
    background:url(../TE2_img/dot_b10.png) no-repeat right center ; background-size:1px 0.5rem }
.bbs_list_header b:last-child { background:none }

.bbs_list_row , .bbs_list_row li { vertical-align:middle }
.bbs_list_row { border-bottom:solid 1px #d7d7d7 }
.bbs_list_row li { 
    min-height:2.5rem ; font-size:0.8rem ; line-height:1rem ;
    float:left ; box-sizing:border-box ; border-right:solid 1px #d7d7d7 ; padding:0.7rem 0.25rem ; padding-bottom:0.8rem  ; text-align:center}
.bbs_list_row li:last-child { border:0 } 
.bbs_list_icon { position:relative }
 
.bbs_icon_reply , .bbs_icon_lock { display:block ; overflow:hidden ; background-position:center center ; background-repeat:no-repeat }
.bbs_icon_reply { 
    width:1.5rem ; height:1.5rem ;
    position: absolute ; left:50% ; top:50% ; transform: translate(-50%,-50%);
    background-image:url(../TE2_img_sub/bbs_icon_reply.png) }
.bbs_icon_lock  { 
    width:1rem ; height:1rem ; display:block ; opacity:0.3 ; float:left ;
    background-image:url(../TE2_img_sub/bbs_icon_lock.png) }
.bbs_list_row:hover .bbs_icon_lock { opacity:0.5  }

.bbs_list_row li.bbs_list_subject { text-align:left }   
.bbs_list_TC span , .bbs_list_subject > a {  
    font-size:inherit ; line-height:inherit ; color:inherit ; font-weight:inherit ;  ;
    word-wrap:break-word ; white-space:nowrap ; overflow:hidden ; text-overflow:ellipsis }
.bbs_list_subject > a { display:block ; width:95% ; font-weight:500 ;}
.bbs_list_TC span.sound , .bbs_icon_reply , .bbs_icon_reply , .bbs_icon_lock { font-size:0 ; line-height:0 ; color:transparent }

.bbs_list_row , .bbs_list_row li , .bbs_list_row span , .bbs_list_row a , .bbs_icon_lock { transition:0.3s all }
.bbs_list_row:hover { background-color:#f7f7f7 }
.bbs_list_row:hover .bbs_list_TC span , .bbs_list_row:hover .bbs_list_subject > a { color:#111111 }
.bbs_list_row:hover .bbs_list_subject > a { text-decoration:underline }

.bbs_list_row.notice { background-color:#f7f7f7 }
.bbs_list_row.notice .bbs_list_TC.num { position:relative }
.bbs_list_row.notice .bbs_list_TC.num > span { display:none }
.bbs_list_row.notice .bbs_list_TC.num::before { 
    content:"공지사항" ; display:block ; position: absolute ; left:50% ; top:50% ; transform: translate(-50%,-50%);
    width:1.5rem ; height:1.5rem ; font-size:0 ; color:transparent ;
    background: url(../TE2_img_sub/bbs_icon_notice.png) no-repeat center center } 
 


/* PAGE NUMBER */
.bbs_page { display:block ; overflow:hidden ; width:100% ; padding:0 1.5rem ; margin:auto ; box-sizing:border-box ; text-align:center }
.bbs_PB , .bbs_PB span { height:1.5rem  ; overflow: hidden ; transition:0.3s all } 
.bbs_PB span { display:block ;  font-size:0.7rem ; line-height:1.3rem ; font-weight:500 ; text-align:center }
.bbs_PB { border:solid 1px rgba(0,0,0,0.1) ;  display: inline-block; box-sizing:border-box ; margin:0.05rem ; border-radius:0.2rem } 
.bbs_PB , .bbs_PB.now { padding-left:0.4rem ; padding-right:0.4rem }
.bbs_PB.now , .bbs_PB.now:hover { background-color:#111111 }
.bbs_PB.now span , .bbs_PB.now:hover span { color:#ffffff } 
.bbs_PB.home , .bbs_PB.prev  , .bbs_PB.next  , .bbs_PB.end { background-color:#f7f7f7 ; width:1.5rem ; padding:0 }
.bbs_PB.home span , .bbs_PB.prev span  , .bbs_PB.next span  , .bbs_PB.end span  {
    font-size:0 ; color:transparent ; background:url(../TE2_img_sub/bbs_icon_page.png) no-repeat -1px -1px ; opacity:0.4 }
.bbs_PB.home span { background-position:-1px -1px }
.bbs_PB.prev span { background-position:-29px -1px }
.bbs_PB.next span { background-position:-59px -1px }
.bbs_PB.end span  { background-position:-89px -1px }
.bbs_PB:hover { border-color:rgba(0,0,0,0.15) ; background-color:rgba(0,0,0,0.05) ; }
.bbs_PB:hover span { opacity:1 } 



/* LIST BTNS */
.bbs_list_btns { position: absolute ; left:0 ; top:0 ; display:block ; width:40% }
.bbs_btns_write , .bbs_btns_write::before { display:inline-block  }
.bbs_btns_write , .bbs_btns_write span , .bbs_btns_write::before , .bbs_btns_write::after { transition:0.3s all  }
.bbs_btns_write , .bbs_btns_write::after { border-radius:0.2rem ; height:2rem }
.bbs_btns_write { 
    position:relative ;
    padding:0 1rem ; padding-left:0.8rem  ; 
    overflow:hidden ; box-sizing:border-box ; background-color:#fdc239  }
.bbs_btns_write::before { 
    content:"" ; width:1rem ; height:1rem ; margin-right:0.1rem ; margin-top:0.5rem ; opacity:0.5 ; 
    background: url(../TE2_img_sub/bbs_icon_pen.png) no-repeat left top }    
.bbs_btns_write span { font-size:0.8rem ; line-height:1.9rem ; color:#111111 ; font-weight:400 }
.bbs_btns_write:hover { background-color: #111111 }
.bbs_btns_write:hover span { color:#fdc239}
.bbs_btns_write:hover::before { background-position:left bottom ; opacity:1 }
.bbs_btns_write::after { 
    position: absolute ; left:50% ; top:2rem ; transform: translateX(-50%);
    content:"" ; display:block ; width:90% ; background-color:rgba(255,255,255,0) ;}
.bbs_btns_write:hover::after { top:-50% ;  background-color:rgba(255,255,255,0.1) ; }



/* LIST SEARCH */
.bbs_list_search { width:13.5rem ; position:absolute ; right:0 ; top:0 }
.bbs_list_search , .bbs_list_search fieldset , .bbs_list_search button , .bbs_list_search button::before { display:block ; overflow:hidden }
.bbs_list_search input , .bbs_list_search button { float:left }
.bbs_list_search input { 
    font-size:0.8rem ; line-height:2rem ; padding-left:0.5rem ; box-sizing:border-box ;
    width:10.95rem ; height:2rem ; border:solid 0.05rem rgba(0,0,0,0.1) ; border-right:0 ;}
.bbs_list_search button , .bbs_list_search button::before { width:2rem ; height:2rem }
.bbs_list_search button { font-size:0 ; color:transparent ;  background:url(../TE2_img_sub/bbs_icon_light.png) no-repeat left top #444 }
.bbs_list_search button::before { content:"" ; background:url(../TE2_img_sub/bbs_icon_zoom.png) no-repeat center center ; opacity:0.8 }
.bbs_list_search button , .bbs_list_search button::before { transition:0.3s all }
.bbs_list_search button:hover { background-color:#111111 }
.bbs_list_search button:hover::before { opacity:1 }



/* WRITE */
.bbs_write_box , .bbs_write , .bbs_write_row , .bbs_write_row > p { width:100% }
.bbs_write { border-top:solid 2px #315395 }
.bbs_write::after { content:"" ; display:block ; clear:both }
.bbs_write_row { overflow:hidden ; position:relative ; border-bottom:solid 1px #d7d7d7 ; padding:0.5rem 0 } 
.bbs_write_box , .bbs_write_row > p , .bbs_write_row > p * { vertical-align:middle }
.bbs_write_row > p {  
    display:block ; padding-left: 7rem ; box-sizing:border-box }
.bbs_write_row > p.txt { font-size:0.8rem ; line-height:1.2rem ;margin-bottom:0.1rem }
.bbs_write_th , .bbs_write_th > span , .bbs_write_th > label { width:6rem ; position:absolute ; left:0 }
.bbs_write_th { top:0 ; display:block ; overflow:hidden ; background-color:#f7f7f7 ; height:100%  }
.bbs_write_th > span , .bbs_write_th > label { display:block ; font-size:0.7rem ; line-height:1rem ; color:#444444 ; font-weight:500 ; text-align:center }
.bbs_write_th > span , .bbs_write_th > label { top:50% ; transform:translateY(-50%) }

.bbs_select , .bbs_input , .bbs_textarea { 
    width:10rem ; box-sizing:border-box ; height:1.7rem ; line-height:1.6rem ; font-size:0.7rem ; padding:0 0.4rem  ; border:solid 1px rgba(0,0,0,0.1) }
.bbs_textarea { height:auto ; line-height:1.3rem ; padding:1rem }
.bbs_select { width:auto ; padding-left:0.6rem ; padding-right:0.6rem }
.w20 { width:20% } 
.w30 { width:30% } 
.w50 { width:50% } 
.w60 { width:60% } 
.w70 { width:70% } 
.w80 { width:80% } 
.w90 { width:90% } 
.w100 { width:100% } 
.ww50 { max-width:50% ; float:left }

.bbs_CR_label { display:inline-block ; font-size:0.8rem ; line-height:1.2rem ; margin-left:1.5rem ; margin-bottom:0.2rem ; }
.bbs_CR_label > input { margin-bottom:0.1rem ; margin-right:0.1rem }
.bbs_CR_label:first-child { margin-left:0 }

.bbs_write_more { 
    transition:0.3s all ;
    display:inline-block ; padding:0 0.5rem ; padding-bottom:0.1rem ; border-radius:0.2rem ; border-radius:0.2rem ; background-color:#444444 ;
    font-size:0.6rem ; line-height:1.2rem ; color:#ffffff ; font-weight:400 ; margin-left:0.5rem ; }
.bbs_write_more:hover { background-color:#fdc239 ; color:#111111 }

.bbs_write_btns , .bbs_view_btns  { width:100% ; text-align:center ; padding:2rem 1.5rem ; padding-bottom:0 ; box-sizing:border-box }
.bbs_write_btn , .bbs_view_btn , .bbs_write_btn::after , .bbs_view_btn::after , .bbs_view_btn::before { border-radius:0.2rem ; transition:0.3s all }
.bbs_write_btn::after , .bbs_view_btn::after { 
    position: absolute ; top:101%; left:50% ; transform: translateX(-50%);
    content:"" ; display:block ; width:90% ; height:100% ; background-color:rgba(0, 0, 0, 0.1) ; }
.bbs_write_btn , .bbs_view_btn { 
    margin:0.2rem 0.5rem ; position:relative ; overflow: hidden ;
    display:inline-block ; font-size:0.9rem ; line-height:1.1rem ; padding:0.75rem 2rem ; font-weight:500 ; 
    box-sizing: border-box ; border:solid 1px rgba(0,0,0,0.05) }
.bbs_write_btn:hover , .bbs_view_btn:hover { background-color:rgba(0,0,0,0.1) ; color:#111111 }
.bbs_write_btn:hover::after , .bbs_view_btn:hover::after { top:90%  }
.bbs_write_btn.submit , .bbs_view_btn.list { background-color:#32569a ; color:#ffffff }
.bbs_write_btn.submit:hover , .bbs_view_btn.list:hover   { background-color:#111 }
.bbs_write_btn.submit:hover::after , .bbs_view_btn.list:hover::after { background-color:rgba(255,255,255,0.2) }
.bbs_view_btn::before {
     content: "" ; display:block ; float:left ; margin-right:0.2rem ; width:1rem ; height:1rem ;
     background-position:center center ; background-repeat:no-repeat ; opacity:0.5 }
.bbs_view_btn:hover::before { opacity:1 }
.bbs_view_btn.prev::before { background-image:url(../TE2_img_sub/bbs_icon_back.png) ;}
.bbs_view_btn.list::before { background-image:url(../TE2_img_sub/bbs_icon_list.png) ;}
.bbs_view_btn.mod::before { background-image:url(../TE2_img_sub/bbs_icon_mod.png) ;}
.bbs_view_btn { position: relative }
.bbs_view_btn::before { position: absolute ; left:2rem ; top:51% ; transform: translateY(-50%);}
.bbs_view_btn { padding-left:3.2rem ;}



/* VIEW */
.bbs_view_header:after { content:"" ; display:block ; clear:both }
.bbs_view , .bbs_view_header , .bbs_view_row , .bbs_view_th , .bbs_view_td , .bbs_view_btns { width:100% ; box-sizing: border-box }
.bbs_view_header { border:solid 2px #32569a ; border-left:0 ; border-right:0 }
.bbs_view_row , .bbs_view_th , .bbs_view_td { display:block ; overflow:hidden } 
.bbs_view_header h4 { 
    font-size:1.1rem ; list-style:1.5rem ; font-weight:500 ; color:#111111 ; text-align:center ; 
    padding:0.7rem 0.25rem ; padding-bottom:0.8rem  } 
.bbs_view_row { position:relative ; border-bottom:solid 1px #d7d7d7 } 
.bbs_view_th , .bbs_view_th > span { position:absolute ; left:0 ; width:6rem }
.bbs_view_th { height:100%  ; top:0 ; background-color:#fafafa }
.bbs_view_th > span { 
    top:50% ; transform: translateY(-50%);
    font-size:0.7rem ; line-height:1rem ; text-align:center ; color:#111111 ; font-weight:500 }
.bbs_view_td { padding:0.7rem 0.25rem 0.9rem 7rem ; font-size:0.9rem ; line-height:1.1rem ; text-align:left }
.bbs_view_td > a { font-size:inherit ; line-height:inherit ; color:inherit ; font-weight:inherit }
.bbs_view_td > a:hover { text-decoration:underline } 
.rw50 { float:left ; max-width:50% }

.bbs_view_body { padding:2rem 1rem ; border-bottom:solid 1px #d7d7d7 }
.bbs_view_ask > div , .bbs_view_ask > div * ,
.bbs_view_body_inner , .bbs_view_body_inner * { font-size:0.8rem ; line-height:1.4rem ; color:#444444}
.bbs_view_body_inner , .thum_img { display:block ; overflow:hidden ; width:100% }
.thum_img { text-align:center ; margin-bottom:0.5rem ; }

.bbs_view_btns { padding:2rem 1.5rem ; padding-bottom:0 ; text-align:center }

.bbs_view_ask , .bbs_view_ask > div { display:block ; overflow:hidden ; box-sizing:border-box }
.bbs_view_ask {  width:100% ; padding:0.5rem 2rem ; border:solid 0.15rem #315395 }
.bbs_view_ask h6 { 
    position: relative ; box-sizing:border-box ; padding:0.7rem 0 ; padding-left:2rem ; 
    font-size:1rem ; line-height:1.4rem ; color:#315395 ; font-weight:600 ; letter-spacing:-2px ;
    border-bottom:solid 1px #d7d7d7 ;
} 
.bbs_view_ask h6 > b { 
    position:absolute ; left:0 ; top:0.5rem ;
    display:block ; overflow:hidden ; width:1.5rem ; height:1.5rem ;
    font-size:0 ; color:transparent ; background:url(../TE2_img_sub/bbs_icon_reply.png) no-repeat 0 0 ;
}
.bbs_view_ask > div { padding:0.5rem 0 ; margin-bottom:0.5rem ;}





/* GALLERY */
.bbs_gallery_box , .bbs_gallery { width:100% }
.bbs_gallery , .bbs_gallery_li , .bbs_gallery_txt , .bbs_gallery_link , .bbs_gallery_link span { display:block ; overflow:hidden }
.bbs_gallery_li { float:left ; margin-right:1rem ; margin-bottom:2rem ; text-align:center }
.bbs_gallery_li:nth-child(4n) { margin-right:0 }
.bbs_gallery_li , .bbs_gallery_img { position:relative ; z-index:40 ; }
.bbs_gallery_li , .bbs_gallery_img { width:13rem ; box-sizing:border-box }
.bbs_gallery_img , .bbs_gallery_img img { height:16rem }

.bbs_gallery_date { 
    position: absolute ; left:50% ; top:0 ; z-index:45 ; transform:translateX(-50%) ;
    display:inline-block ; background-color:#111111 ; padding:0.25rem 0.75rem ; border-radius:2rem ;
    font-size:0.6rem ; line-height:0.9rem ; color:#ffffff ; font-weight:400 ; }
.bbs_gallery_img { margin-top:0.7rem  ; z-index:41 ; overflow: hidden; }  
.bbs_gallery_img::before , .bbs_gallery_link { width:100% ; height:100% }
.bbs_gallery_img::before { 
    border:solid 1px rgba(0,0,0,0.1) ; box-sizing:border-box ;
    content:"" ; display:block ; background-color:rgba(0,0,0,0) ; z-index:42 }  
.bbs_gallery_img::before , .bbs_gallery_img img , .bbs_gallery_link span { position:absolute ; top:50% ; left:50% ; transform:translate(-50%,-50%) } 
.bbs_gallery_txt { 
    border-bottom:solid 1px rgba(0,0,0,0.1) ;
    padding:0.7rem 0.2rem ; font-size:0.9rem ; line-height:1.1rem ; text-align:center ;
    word-wrap:break-word ; white-space:nowrap ; text-overflow:ellipsis }
.bbs_gallery_img , .bbs_gallery_img img , .bbs_gallery_img::before , .bbs_gallery_link , .bbs_gallery_link span , .bbs_gallery_txt { transition:0.3s all }

.bbs_gallery_link , .bbs_gallery_link span { position:absolute }
.bbs_gallery_link { top:0 ; left:0 ; z-index:44 }
.bbs_gallery_li:hover .bbs_gallery_img::before { background-color:rgba(0,0,0,0.5) }
.bbs_gallery_link span { 
    width:3rem ; height:3rem ; border-radius:5rem ; opacity:0 ;
    font-size:0 ; color: transparent ; 
    background:url(../TE2_img/TE2M_gear_zoom.png) no-repeat center center rgba(255,255,255,0.2) ; }
.bbs_gallery_li:hover .bbs_gallery_link span { opacity:1 ; top:46% }
.bbs_gallery_li:hover .bbs_gallery_img img { width:14rem ; height:17.25rem }
.bbs_gallery_li:hover .bbs_gallery_txt { color:#111111 ; border-color:rgba(0,0,0,0.3) }
 


/* PW BOX */
#PWbox form { display:none ; overflow:hidden }
#PWbox , #PWbox fieldset , #PWbox legend ,
#PWbox label , #PWbox label > span  { display:block ; overflow:hidden }
#PWbox ,  #PWbox form { position:fixed }
#PWbox {
    left:0 ; top:50% ; z-index:100 ;
    background-color:rgba(0,0,0,0.6) ; width:100% ; height:0 ;
}

#PWbox.open , #PWbox.open form { display:block }
#PWbox.open { height:100% ; top:0 }

#PWbox form { 
    left:50% ; top:50% ; transform:translate(-50%,-50%) ; border-radius:0.2rem ;
    width:90% ; max-width:25rem ; box-sizing:border-box ; background-color:#ffffff;
}
#PWbox fieldset , #PWbox legend , #PWbox label , .PWbox_input { width:100% ; box-sizing:border-box }
#PWbox fieldset { position:relative ; padding-bottom:2rem }
#PWbox legend , #MIP_popBox h6 { 
    position:static ; height:auto ;
    padding:0.7rem 1.5rem ; margin-bottom:1rem ; background-color:#fdc239 ;
    font-size:1rem ; line-height:1.2rem ; font-weight:600 ; color:#111111 ; text-align:center }

#PWbox label , #PWbox_btn.btn_yellow ,  #PWbox_subject , #PWbox_btn.btn_blue{ width:80% ; margin:auto;}
#PWbox label { 
    margin-bottom:0.25rem ; padding:0.4rem 0 ; padding-left:2.5rem  ; position: relative ;
    border:solid 1px rgba(0,0,0,0.1)}

#PWbox label > span { 
    position:absolute ; left:0.6rem ; top:50% ; transform: translateY(-50%);
    width:1.5rem ; height:1.5rem ;
    background:url(../TE2_img/login_icon.png) no-repeat -1.5rem 0 ; opacity:0.5 ;
    font-size:0 ; color:transparent ;
}
#PWbox label.login_input_id > span { background-position:0 0 }

.PWbox_input , #PWbox_subject { font-size:0.8rem ; line-height:1.4rem}
.PWbox_input { height:1.5rem }
#PWbox_subject { 
    font-weight:400 ; text-align:center ; margin-bottom:0.75rem ;
    word-wrap:break-word ; white-space:nowrap ; overflow:hidden ; text-overflow:ellipsis
}
 
#PWbox label > span , #PWbox , #PWbox_close > b , #MIP_popBox_close > b ,  #MIP_popBox { transition:0.3s all ;}

#MIP_popBox_close > b , #MIP_popBox_close > b::before , #MIP_popBox_close > b::after  ,
#PWbox_close , #PWbox_close > b , #PWbox_close > b::before , #PWbox_close > b::after { display:block ; overflow:hidden }
#MIP_popBox_close , #MIP_popBox_close > b ,
#PWbox_close , #PWbox_close > b { font-size:0 ; color:transparent ;  width:1.5rem ; height:1.5rem ; }
#PWbox_close , #MIP_popBox_close { position:absolute ; right:0.5rem ; top:0.5rem }
#PWbox_close > b , #MIP_popBox_close > b  { position: relative ; opacity:0.6 }
#MIP_popBox_close > b::before , #MIP_popBox_close > b::after ,
#PWbox_close > b::before , #PWbox_close > b::after { 
    content:"" ; position:absolute ; left:50% ; top:50% ;
    width:1.1rem ; height:0.1rem ; background-color:#111111 ; border-radius:1rem  ;
}
#PWbox_close > b::before , #MIP_popBox_close > b::before { transform:translate(-50%,-50%) rotate(45deg) }
#PWbox_close > b::after , #MIP_popBox_close > b::after { transform:translate(-50%,-50%) rotate(-45deg) }
#PWbox_close:hover > b , #MIP_popBox_close:hover > b { opacity:0.9 }

.login_etcBtns , .login_etcBtns li , .login_etcBtns a { display:block ; overflow:hidden ;}
.login_etcBtns { width:80% ; margin:auto ; padding-top:0.75rem ; }
.login_etcBtns li:nth-child(1) { float:left ; width:35% ; }
.login_etcBtns li:nth-child(2) { float:right ; width:62% ; }
.login_etcBtns a { 
    padding:0.5rem ; border:solid 1px rgba(0,0,0,0.1) ; transition:0.3s all ;
    font-size:0.7rem ; line-height:1rem ;text-align:center ; font-weight:400 ; 
    box-sizing:border-box ; background-color:#f7f7f7 }
.login_etcBtns a:hover  { background-color:#444444 ; border-color:#444444 ; color:#ffffff }  



/* MPI POPUP */
#MIP_popBox_inner  { display:none ; overflow:hidden } 
#MIP_popBox , #MIP_popBox_close { display:block ; overflow:hidden } 
#MIP_popBox { 
    width:100% ; height:0% ; background-color:rgba(0,0,0,0.6) ; opacity:0 ;
    position:fixed ; left:0 ; top:50% ; z-index:100 }
#MIP_popBox_inner { 
    width:90% ; max-width:30rem  ; position: relative ; top:50% ; left:50% ; transform: translate(-50%,-50%) ;
    background-color:#ffffff ; border-radius:0.2rem }
#MIP_popBox h6 { margin-bottom:0 }
#MIP_popBox .TE2S_MPI { 
    display:block ; overflow:scroll ; padding:1rem ;
    width:100% ; box-sizing:border-box ; height:17rem ; margin:auto ;
}

#MIP_popBox.open { height:100% ; opacity:1 ; top:0 }
#MIP_popBox.open #MIP_popBox_inner { display:block }

#MIP_popBox p , #MIP_popBox li , #MIP_popBox dd , #MIP_popBox dt , #MIP_popBox .TE2S_MPI_sub > b { font-size:0.7rem ; line-height:1.2rem }
#MIP_popBox p { text-align:justify }
#MIP_popBox dl , #MIP_popBox ul , #MIP_popBox p { margin-bottom:1rem }
#MIP_popBox li , #MIP_popBox dt , #MIP_popBox dd { margin-bottom:0.3rem } 
#MIP_popBox .TE2S_MPI_sub { display:block ; width:100% ; margin-bottom:3rem }
#MIP_popBox .TE2S_MPI_sub > b { font-size:0.9rem ; font-weight:600 ; color:#315395 ; margin-bottom:0.3rem ;}
#MIP_popBox dt { font-weight:500 ; color:#111111 }

#MIP_popBox li , #MIP_popBox dd { 
    padding-left:0.4rem ; 
    background:url(../TE2_img/dot_b30.png) no-repeat 0 0.55rem ; background-size:0.15rem 0.15rem }

#MIP_popBox dl:last-child , #MIP_popBox ul:last-child ,
#MIP_popBox .TE2S_MPI_sub:last-child , 
#MIP_popBox li:last-child , #MIP_popBox dd:last-child , #MIP_popBox p:last-child { margin-bottom:0rem }



/* MOBILE ****/
@media all and (max-width:1100px){

    /* LIST */
    .bbs_list_header { display:none }
    .bbs_list_row:first-child { border-top:solid 2px #315395 } 
    .bbs_list_row { padding:0.5rem 0.25rem ; box-sizing:border-box ; text-align:left }
    .bbs_list_row li { padding:0 ; border:0 ; width:auto ; float:none ; border-color:rgba(0,0,0,0.2) }
    .col1 , .col2 , .col3 , .col4 , .col5 , .col6 , .col7 , .col8 { width:auto ; max-width:none }
    .bbs_list_row li { min-height:auto ; line-height:1.2rem ; display:inline-block ; overflow:hidden } 
    .bbs_list_row li.num { 
        padding:0.2rem 0.7rem ; color:#444444 ; font-weight:600 ;
        background-color:rgba(0,0,0,0.05) ; border:solid 1px rgba(0,0,0,0.1) ; border-radius:2rem }
    
    .notice.bbs_list_row li.num { border:0 ; background:none ; padding:0 ; width:1.5rem ; height:1.5rem }   

    .bbs_list_icon , .bbs_icon_reply { position:static }
    .bbs_icon_reply { transform:none ; margin:0 0.25rem }
    .bbs_list_row li.bbs_list_subject { 
        display:block ; width:100% ; padding:0.5rem 0 0.5rem 0.5rem ; border-bottom:solid 1px rgba(0,0,0,0.05) ;}
    .bbs_list_subject > a {  width:auto ; word-wrap:normal ; white-space:normal ; text-overflow:inherit }
    .bbs_list_row li:last-child::before { content:"/ " ; display:inline-block ; margin-left:0.2rem ; margin-right:0.4rem }
    .bbs_list_row li.writer , .bbs_list_row li.date { text-align:right }
    .bbs_list_row li.writer { margin-left:1.5rem }

   

    /* LIST BTNS */
    .bbs_list_box , .bbs_list_btns { position:static ; padding:0 ; box-sizing:border-box  }
    .bbs_list_btns { text-align:center ; width:100% ; padding:1.5rem ; }
 


    /* LIST SEARCH */
    .bbs_list_search { position:static ; margin:auto }


 
    /* WRITE */
    .bbs_write_th , .bbs_write_th > span , .bbs_write_th > label ,
    .bbs_view_row , .bbs_view_th , .bbs_view_th > span { position:static }
    .bbs_write_th , .bbs_view_th  { display:inline-block ; margin-bottom:0.2rem }
    .bbs_write_row > p , .bbs_view_td { width:100% ; padding-left:0 ; overflow:hidden }
    .bbs_write_th , .bbs_write_th > span , .bbs_write_th > label ,
    .bbs_view_th , .bbs_view_th > span { width:auto ;  transform:none }
    .bbs_write_th > span , .bbs_write_th > label , .bbs_view_th > span  { line-height:1rem  }
    .bbs_write_th , .bbs_view_th  { border:solid 1px rgba(0,0,0,0.1) ; padding:0.2rem 0.7rem ; border-radius:3rem }

    .w20 , .w30 , .w50 , .w60 , .w70 , .w100 { width:100% } 
    .w20 { max-width:10rem } 
    .w30 { max-width:15rem } 
    .w50 { max-width:25rem } 
    .w60 { max-width:30rem } 
    .w70 { max-width:35rem } 
    .w100 { max-width:90% } 
    .w100 { max-width:90% } 
    .bbs_CR_label { margin-left:1rem }
    .ww50 { max-width:none ; float:none }

    
    
    /* VIEW */
    .bbs_view_th { line-height:0 }
    .bbs_view_th > span { display:inline }
    .bbs_view_row { padding:0.5rem 0}
    .bbs_view_td { padding:0 }
    .rw50 { float:none ; max-width:none }
    .bbs_view_body { padding:1rem 0 } 
    .bbs_view_ask { padding:0.5rem 1rem  }
 
}