@charset "utf-8";

/* pageInfo */
.pageInfo { float:left; padding-top:10px; margin-bottom:10px; }
.pageInfo strong { color:#005094; }
.search-result { float:left; margin-left:20px; padding-top:8px; font-size:15px; color:#333; }
.search-result strong { color:#005094; }

/* bbs-srch */
fieldset.bbs-srch { padding:20px; margin-bottom:20px; border:1px solid #ccc; text-align:center; }
fieldset.bbs-srch input { width:180px; vertical-align:top; }
fieldset.bbs-srch select { width:100px; vertical-align:top; }
fieldset.bbs-srch a img { width:80px;}  

/* search-bx  */
.search-bx { overflow:hidden; position:relative; padding:23px 25px 21px 25px; border:1px solid #ccc;  }
/*.search-bx span { margin-right:20px;}*/
.search-bx span strong { color:#222; padding-right:7px;}
.search-bx span label { margin-right:7px; color:#222; font-weight:bold; }
.search-bx span.category label { padding-left:5px; font-weight:normal !important;}
.search-bx span.date { margin:0 !important;}
.search-bx span.date input { width:100px;}
.search-bx span.date img { padding-left:2px;}
.search-bx p { display:block; float:left;}
.btn-bx { overflow:hidden; padding:20px 25px; margin-bottom:40px; border:1px solid #ccc; border-top:0; text-align:center;}
.btn-bx a img { width: 131px;}

/* tab */
.tab-st1 { overflow:hidden;  }
.tab-st1 li { float:left; margin-right:1px; }
.tab-st1 li a { display:block; padding:15px 0 0 0; width:274px; text-align:center; height:33px; font-size:16px; font-weight:600; color:#333; background:url(../images/bbs/tab-st.gif) 0 0 repeat; }
.tab-st1 li:nth-child(1) a { border-radius: 5px 0 0 0; }
.tab-st1 li:nth-child(2) a { border-radius: 0 5px 0 0; }
.tab-st1 li a:hover, .tab-st1 li a.on { color:#fff; background-position:0 bottom; }
.bd-b {  margin-bottom:45px; border-bottom:1px solid #ccc; }
.select-organ { float:left; overflow:hidden; margin-left:25px; }
.select-organ li { float:left; margin-right:5px;  }
.select-organ li a { display:block; padding:5px 12px; border:1px solid #ccc; border-radius:3px; font-size:14px;}
.select-organ li a:hover, .select-organ li a.on { color:#fff; font-weight:bold; background:#333; border:1px solid #333; } 
.tab-word { clear:both; overflow:hidden; margin-bottom:20px; padding:25px 20px; background:#fafafa; border:1px solid #ddd;  }
.tab-word li { float:left; margin-right:2px; }
.tab-word li a { display:block; overflow:hidden; padding:16px 0 0 0; width:51px; height:32px; background:url(../images/bbs/tab-word.gif) 0 0 no-repeat; text-align:center; }
.tab-word li a:hover, .tab-word li a.on { background-position:0 bottom; color:#fff; font-weight:bold; }

/******************************************************************************************** 게시판 ********************************************************************************************/
/* bbs-list */
.bbs-list { overflow:hidden; clear:both; float:none; margin-bottom:25px; border-top:2px solid #222; }
.bbs-list table { }
.bbs-list th, .bbs-list td { padding:15px 5px; font-weight:normal; text-align:center;  }
.bbs-list thead { border-bottom:1px solid #666;}
.bbs-list thead th { padding:15px 0 15px 0; color:#222; font-weight:bold; background:#f8f8f8; }
.bbs-list tbody tr:hover { background:#fafafa; }
.bbs-list tbody th, .bbs-list tbody td { border-bottom:1px solid #ccc;  }
.bbs-list td.subject { overflow:hidden; text-align:left; padding-left:10px; }
.bbs-list td.subject a { color:#222; font-weight:bold; } 
.bbs-list td.origin { overflow:hidden; text-align:left; padding: 20px 0 18px 0;  }
.bbs-list td.origin dl {  }
.bbs-list td.origin dl dt { }
.bbs-list td.origin dl dt a { float:left; overflow:hidden; margin-bottom:5px; width:900px; font-size:16px; font-weight:bold; color:#222; text-overflow:ellipsis; white-space:nowrap;  }
.bbs-list td.origin dl dd { overflow:hidden; clear:both; float:none; }
.bbs-list td.origin dl dd.stitle { padding-left:18px; color:#733712; background:url(../images/bbs/ic_book.gif) 0 5px no-repeat; font-size:15px; line-height:23px;  }
.bbs-list td.origin dl dd span { display:inline-block; margin-right:10px; padding:7px 10px 0 0; background:url(../images/common/lnb_bg.gif) right 13px no-repeat;}
.bbs-list td.origin dl dd span.period { background-image:none; }
.bbs-list td.qus { overflow:hidden; text-align:left; padding-left:35px; background:url(../images/bbs/q.gif) 0 50% no-repeat;}
.bbs-list td.qus a { color:#222; font-weight:bold; } 
.bbs-list td.qus .ans {}

/* bbs-view */
.bbs-view { margin-bottom:30px;}
.bbs-view h4 {  float:none !important; display:block !important; padding:17px 15px; margin-bottom:0 !important; background-color:#f8f8f8!important; border-top:2px solid #222; border-bottom:1px solid #666; color:#222; font-size:16px !important;}
.bbs-view table { }
.bbs-view table th { padding:15px 0; color:#333; font-weight:bold; text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc; height:25px; width:20%!important; }
.bbs-view table td { padding:15px 10px 15px 15px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:normal; text-align:left; line-height:20px; }
.bbs-view table .bd-r { border-right:0; }
.bbs-view table td.attach { }
.bbs-view table td.attach a { display:block; padding-left:23px; line-height:20px; background:url(../images/bbs/ic_file.gif) 0 50% no-repeat; text-decoration:underline;}
.bbs-view table td.cont { padding:20px; line-height:normal !important; min-height:200px; vertical-align:top; } 

/* bbs-write */
.bbs-write {  border-top:2px solid #444; overflow:hidden; margin-bottom:35px; clear:both; float:none;   }
.bbs-write table { }
.bbs-write table tr { border-bottom:1px solid #ccc;}
.bbs-write table th { padding:8px 0; color:#222; font-weight:bold; text-align:center; border-right:1px solid #ccc; background:#f8f8f8; }
.bbs-write table td { padding:8px 15px; border-bottom:1px solid #ccc; font-weight:normal; text-align:left; line-height:20px; }
.bbs-write table td.txt { padding:15px; } 
.bbs-write table td label { margin-right:5px; }
.bbs-write table td.cont { padding:0 !important; }
.bbs-write table td textarea { width:96.5%; height:150px; padding:15px 20px; border:0; background:#f9f9f9; line-height:20px;}

/* short-list */
.short-list{ margin:20px 0;  border-top:1px solid #ccc;}
.short-list table {}
.short-list table th.prev { background: url(../images/bbs/short_perv_bg.gif) 80% 50% no-repeat; }
.short-list table th.next { background: url(../images/bbs/short_next_bg.gif) 80% 50% no-repeat; }
.short-list table th { width:100px; padding:15px 0px; color:#333; font-weight:bold; text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:0px; }
.short-list table td { padding:15px 10px 15px 15px; border-bottom:1px solid #ccc; font-weight:normal; text-align:left; line-height:20px; }

/* bbs-navi */
.bbs-nav { position:relative; width:100%; text-align:center; }
.bbs-nav:after { display:block; clear:both; content:''; }
.bbs-nav .btn { float:right; margin-bottom:25px; }
.bbs-nav .paging { display:inline; margin:0 10px; }
.bbs-nav .paging li { display:inline;}
.bbs-nav .paging li a { overflow:hidden; display:inline-block; width:41px; height:30px; padding:11px 0 0 0; text-align:center; border:1px solid #ccc; }
.bbs-nav .paging li a:hover, .bbs-nav .paging li a.on { background:#6a5345; border:1px solid #6a5345; color:#fff; font-weight:bold;}

/* bbs-btn */
.btn-right { float:right; overflow:hidden; }
.bbs-btn { text-align:center; margin-bottom:20px; }
.bbs-btn span { display:inline; }
.bbs-btn span img { width:96px; }
.bbtn { width:auto !important;}

/* origin-list */
.origin-list { clear:both; margin-bottom:30px; border-top:2px solid #222; border-bottom:1px solid #666;}
.origin-list li { overflow:hidden; position:relative; padding:25px 0 25px 20px;  border-bottom:1px solid #999; }
.origin-list li p { float:left; width:225px; height:165px;}
.origin-list li p img { border:1px solid #ccc;} 
.origin-list li dl { float:right; width:820px;}
.origin-list li dl dt { margin-bottom:10px; padding-top:5px; }
.origin-list li dl dt.dot { padding: 0 0 15px 0; background:url(../images/bbs/dot_line_bg.gif) 0 bottom repeat-x;}
.origin-list li dl dt a { color:#222; font-size:18px; font-weight:bold;}
.origin-list li dl dd { line-height:23px;}
.origin-list li .down { position:absolute; right:0; top:25px;}

/* txt-list */
.txt-list { clear:both; overflow:hidden; padding:30px 0 15px 0; border-top:2px solid #222; border-bottom:1px solid #666;}
.txt-list .list { float:left; width:550px;}
.txt-list .list > li { margin-bottom:15px; }
.txt-list .list > li > a { overflow:hidden; display:block; height:15px; padding: 0 0 0 20px; background:url(../images/bbs/ic-open-list.gif) 0 0 no-repeat; line-height: 10pt; }
.txt-list .list > li > a:hover, .txt-list .list > li > a.on { font-weight:bold; color:#111; background-position: 0 bottom;}
.txt-list .s-list { overflow:hidden; margin: 15px 0 10px 20px; }
.txt-list .s-list > li {  margin-bottom:10px; }
.txt-list .s-list > li > a { overflow:hidden; display:block; height:15px; padding: 0 0 0 20px; background:url(../images/bbs/ic-open-list1.gif) 0 0 no-repeat; font-size:13px; line-height: 10pt;}
.txt-list .s-list > li > a:hover, .txt-list .s-list > li > a.on { font-weight:bold; color:#783308; background-position: 0 bottom;}
.txt-list .view { margin:10px 15px 0 0; padding:15px 10px 10px 20px; background:#fafafa; border:1px solid #eee;}
.txt-list .view li { margin-bottom:5px; padding: 0 10px 0 15px; line-height:20px; background:url(../images/bbs/txt_list.gif) 0 4px no-repeat; }
.txt-list .view li a { font-size:13px; }
.txt-list .view li a:hover { color:#111; font-weight:bold; text-decoration:underline;  } 

/* txt-view */
.txt-view {  overflow:hidden; border-bottom:1px solid #ccc; margin-bottom:30px; }
.txt-view h4 { clear:both!important; overflow:hidden!important; float:none !important; display:block !important; margin-bottom:30px !important; padding:18px 0 17px 20px; border:1px solid #ccc; border-top:2px solid #222; line-height:25px; }
.txt-view h4 span {  padding-left:15px; font-size:16px; color:#733712;}
.txt-view .book-img { position:relative; float:left; width:230px; height:269px; margin-bottom:50px; border:1px solid #ccc; background:url(../images/bbs/book_bg.gif) 50% 50% no-repeat; }
.txt-view .book-img p { position:absolute; overflow:hidden; left:39px; top:30px; display:block; width:153px; height:207px; }
.txt-view .book-img p img { width:151px; }
.txt-view .book-info { float:right; width:850px;  margin-bottom:25px; border-right:1px solid #ccc; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.txt-view .book-info tbody th { width: 20%; padding:14px 0; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc; color:#222; background:#f8f8f8; }
.txt-view .book-info tbody td { width: 80%; padding:14px 5px 14px 10px; border-bottom:1px solid #ccc; }
.txt-view .book-info tbody td a.pdf { padding: 0 0 3px 25px; margin-right:10px; background:url(../images/bbs/ico_pdf.gif) 0 0 no-repeat; text-decoration:underline;} 
.txt-view .txt-cont { clear:both; overflow:hidden;}
.txt-view .txt-cont h5 { height:25px; border:1px solid #ccc; padding:15px 10px 10px 52px;color:#111; font-size:18px; background:url(../images/bbs/ic_view.gif) 20px 50% no-repeat; }
.txt-view .txt-cont div { padding:20px 20px 25px 20px; line-height:20px; }
.txt-view .txt-cont .pdf-list { padding:20px 20px 25px 20px; }
.txt-view .txt-cont .pdf-list li { padding-left:10px; margin-bottom:10px; background:url(../images/bbs/b_4x4_8a4b24.gif) 0 7px no-repeat; }
.txt-view .txt-cont .pdf-list li a { display:inline-block; height:20px; padding-right:30px; background:url(../images/bbs/ico_pdf.gif) right 0 no-repeat; line-height:20px; text-decoration:underline; color:#111; font-weight:bold; }
.txt-view .txt-cont .pdf-list li span { color:#783308;  }

/* login */
.logBx { position:relative; padding:60px 0 50px 0; margin-bottom:20px; border:1px solid #ccc;}
.logBx ul { width:355px; margin-left:300px; }
.logBx ul li { margin-bottom:16px}
.logBx ul li label { float:left; width:140px; line-height:36px; font-weight:bold; color:#222;}
.logBx .btn { position:absolute; right:320px; top:60px;}
.logBx .btn img { width:97px;}

.comBx { position:relative; padding:50px 0 55px 0; border:1px solid #ccc;}
.comBx .ul-txt1 { margin: 0 0 40px 200px; }
.comBx .ul-txt1 li { margin-bottom:8px; padding-left:9px; background:url(../images/common/blue_4x4.gif) 0 10px no-repeat; line-height:23px; }
.comBx .ul-txt1 li strong { color:#222;}
.comBx .ul-txt1 li .point { font-weight:bold; color:#C00;}
.comBx .bx-input { background:#f5f5f5; width:480px; padding:50px 50px 40px 70px; margin: 0 0 0 250px; } 
.comBx .ul-txt2 { }
.comBx .ul-txt2 li { margin-bottom:9px}
.comBx .ul-txt2 li span { margin-right:20px;}
.comBx .ul-txt2 li label { margin-right:10px; line-height:35px; font-weight:bold; color:#222;}
.comBx .ul-txt2 li input[type="radio"] { margin-right:5px; }
.comBx .btn { position:absolute; right:320px; top:248px;}
.comBx .btn img { width:93px;}


/* ********** @media all and (max-width:1024px) ********** */
@media all and (max-width:1024px){
    /* short - list */
 .short-list{ width:100%;}  
    
        /* txt-list */
.txt-list { padding:10px 0 0 0;}
.txt-list .list { float:left; width:100%;}
.txt-list .view { margin:10px 15px 0 0; padding:15px 10% 10px 3%; width:86%;}
.txt-list .view li { margin-bottom:5px; padding: 0 10px 0 15px; line-height:20px; background:url(../images/bbs/txt_list.gif) 0 4px no-repeat; }
.txt-list .view li a { font-size:13px; }
.txt-list .view li a:hover { color:#111; font-weight:bold; text-decoration:underline;  } 
    
        /* txt-view */
.txt-view { width:100%; margin-bottom:20px; }
.txt-view h4 { margin-bottom:20px !important; padding:10px 2%; line-height:18px; }
.txt-view h4 span { font-size:15px;}
.txt-view .book-img { margin-right:2%;}
.txt-view .book-info { width:65%;  margin-bottom:20px;}
.txt-view .book-info tbody td { padding:14px 2% 14px 2%; }
.txt-view .book-info tbody td a.pdf { padding: 0 0 3px 5%; margin-right:3%;} 
.txt-view .txt-cont h5 { height:20px; padding:10px 3% 10px 35px; font-size:18px; background:url(../images/bbs/ic_view.gif) 10px 60% no-repeat;  }
.txt-view .txt-cont .pdf-list { padding:15px 0% 15px 2%; }
.txt-view .txt-cont .pdf-list li { padding-left:1.5%; margin-bottom:15px; }
.txt-view .txt-cont .pdf-list li a { padding-right:4%; line-height:18px; }
    
        /* tab */
.bd-b { margin-bottom:20px; border-bottom:1px solid #ccc; }
.tab-st1 li { width:49.7%; box-sizing: border-box; }    
.tab-st1 li a { display:block; padding:15px 0 0 0; width:100%; text-align:center; height:33px; font-size:16px; font-weight:600; color:#333; background-color:#fafafa; background-image:none; border: 1px solid #cbcbcb; border-bottom: 0;}
.tab-st1 li a:hover, .tab-st1 li a.on { color:#fff; background:url(../images/main/th_bg2.jpg) 0 0 repeat; }
}


/* ********** @media all and (max-width:768px) ********** tablet*/
@media all and (max-width:768px){
    
    /* short-list */
.short-list table {}
.short-list table th { padding-right:10px;}
.short-list table th.prev { background: url(../images/bbs/short_perv_bg.gif) 75% 50% no-repeat; }
.short-list table th.next { background: url(../images/bbs/short_next_bg.gif) 75% 50% no-repeat; }
    
    /* pageInfo */
.search-result { margin:0 0 3px 2%; padding-top:3px; font-size:13px; }
       
    /* bbs-list */
.bbs-list { margin-bottom:10px; }
.bbs-list th, .bbs-list td { padding:9px 2%; }
.bbs-list thead th { padding:5px 0; }
.bbs-list td.subject { padding-left:2.2%; }
.bbs-list td.origin { padding: 15px 0 15px 2%; }
.bbs-list td.origin dl dt a {  margin-bottom:3px; width:80%; font-size:15px; }
.bbs-list td.origin dl dd.stitle { padding-left:18px; background:url(../images/bbs/ic_book.gif) 0 2px no-repeat; font-size:13px; line-height:18px;  }
.bbs-list td.origin dl dd span { margin-right:1%; padding:7px 1% 0 0; background:url(../images/common/lnb_bg.gif) right 10px no-repeat; font-size:13px;}
.bbs-list td.origin dl dd span.period { background-image:none; }
    
    /* bbs-write */
.bbs-write {  margin-bottom:20px;  }
.bbs-write table { }
.bbs-write table tr { border-bottom:1px solid #ccc;}
.bbs-write table th { width:30%; }
.bbs-write table td {  line-height:18px; }
.bbs-write table td.txt { padding:20px; } 
.bbs-write table td label { margin-right:25px; }
.bbs-write table td input.w400 { width:95%!important;}
.bbs-write table td input.w300 { width:95%!important;}
.bbs-write table td textarea { width:100%; height:150px; padding:0px; border:0; background:#f9f9f9; line-height:20px;}
.bbs-btn { margin-bottom:0px; }
.bbs-btn span a img{ margin-bottom:0px;}
    
    
    /* bbs-view */
.bbs-view { margin-bottom:20px;}
.bbs-view h4 { padding:9px 2%; font-size:15px !important;}
.bbs-view table th { padding:9px 0; width:20%!important;}
.bbs-view table td { padding:9px 2%; line-height:18px;  width:50%!important;}
.bbs-view table td.cont { padding:3%; } 
 
    /* bbs-btn */
.btn-right img{ float:right; width:90%; margin-bottom:5px; }
.bbtn { width:96px !important;}
    
   /* login */
.logBx { padding:10px 0 10px 0; margin-bottom:10px; }
.logBx ul { width:77%; margin-left:3%; }
.logBx ul li { margin-bottom:5px}
.logBx ul li label { width:60%; line-height:20px; }
.logBx .btn { right:5%; top:30px;}
.logBx ul li input { width:70%!important; height:27px;}
    

    
.select-organ { float:right;} 
.select-organ li a { margin-bottom:5px; font-size:13px;}
.tab-word { margin-bottom:20px; padding:10px 9%; }
.tab-word li { margin:0 1% 1% 0; }
.tab-word li a { padding:16px 0 0 0; }
.tab-word li a:hover, .tab-word li a.on { background-position:0 bottom; color:#fff; font-weight:bold; }

    /* search-bx  */
#detailSearchForm p span input {width:30%;}
.search-bx { padding:10px 2% 10px 3%; } 
.search-bx >form > p > span { width:49.5%; float:left;}
.search-bx >form > p > span label { padding:0; width:70px;}
.search-bx >form > p > span > input { width:20%!important;}
.search-bx >form > p > span:nth-child(3) select{ width:59.5%!important;}
.search-bx span { margin-right:0; display:block; margin-bottom:7px;}
.search-bx span label{ display:inline-block; margin-right: 0;  width: 70px;  }
.search-bx span.category label { padding:0 3% 0 1%; width:inherit;}
.search-bx span.category strong { float: left; display: block; margin-bottom: 10px; }  
.search-bx span strong {width: 70px; padding-right: 0; display:inline-block; }     
.search-bx span.date { clear: both;}
.search-bx span input#search-word { width:70%; }
.search-bx span.date input { width:20%; }
.btn-bx { padding:10px 5%; margin-bottom:20px; }

select#organ { width:96%;}   
 
    /* txt-view */
.txt-view { margin-bottom:20px; }
.txt-view h4 span { font-size:15px;}
.txt-view .book-img { width:30%; }
.txt-view .book-img p { left:16%; top:30px; }
.txt-view .book-info { width:63%; margin-bottom:20px;}
.txt-view .book-info tbody th {}
.txt-view .book-info tbody td a.pdf { padding: 0 0 3px 9%; }
.txt-view .book-info tbody td { padding:14px 3% 14px 3%; border-bottom:1px solid #ccc; margin-right:10px; }


 
    /* comBx */
.comBx { padding: 0px 0 20px 0;}
.comBx .ul-txt1 { margin: 20px 2%; }
.comBx .ul-txt1 li { margin-bottom:8px; padding-left:2%; background:url(../images/common/blue_4x4.gif) 0 10px no-repeat; }
.comBx .bx-input { width:70%; padding:50px 5% 40px 5%; margin: 0 0 0 10%; } 
.comBx .ul-txt2 li span { margin-right:3%;}
.comBx .ul-txt2 li label { margin-right:3%; line-height:20px;}
.comBx .ul-txt2 li input[type="radio"] { margin-right:2%; }
.comBx .btn { position:absolute; right:20%; top:200px;}

    
    
}



/* ********** @media all and (max-width:640px) ********** */
@media all and (max-width:640px){  
  
    
.short-list table {}
.short-list table th { width:30%; padding-right:10px;}
.short-list table th.prev { background: url(../images/bbs/short_perv_bg.gif) 80% 50% no-repeat; }
.short-list table th.next { background: url(../images/bbs/short_next_bg.gif) 80% 50% no-repeat; }
.bbs-list td.origin dl dt a {  margin-bottom:3px; width:55%; font-size:15px; }   
/*.tab-st1 li { width:49.55%; box-sizing: border-box; }   */
    
    /* bbs-srch */
fieldset.bbs-srch { padding:0; margin-bottom:10px; border:0; overflow:hidden;}
fieldset.bbs-srch input { width:47%; }
fieldset.bbs-srch select { width:25%; float:left;}
fieldset.bbs-srch a img { float:right;}    
        
    /* bbs-navi*/ 
.bbs-nav .paging { margin:0 0.05%; }
.bbs-nav .paging li a { width:8%; height:21px; padding:5px 0 0 0; }    
.bbs-nav span a img { width:8%;}
  
        /* search-bx  */
.search-bx > form > p > span { width:100%; float:none;}
.search-bx > form > p > span > input { width:30%!important;}
.search-bx > form > p > span > select { width:50!important;}
.search-bx > form > p > span:nth-child(3) input { width:27.5%!important;}
    
        /* txt-view */
.txt-view { }
.txt-view .book-img { width:99%; background:none; margin-bottom:20px;}
.txt-view .book-img p { left:30%; top:30px; display:inline-block; width:300px; }
.txt-view .book-info { width:99%; margin-bottom:20px;}
.txt-view .book-info table { table-layout: fixed;}
.txt-view .book-info table tbody th { width:10%; padding:0 5%; white-space: nowrap;}
.txt-view .book-info table tbody td { word-break:break-all;}
.txt-view .book-info tbody td a.pdf { padding: 0 0 3px 20%; line-height:20px; } 
.txt-view .txt-cont .pdf-list li { padding-left:3%; margin-bottom:15px; }
.txt-view .txt-cont .pdf-list li a { padding-right:8%; line-height:19px; }
    
    /* comBx */
    .comBx { height:520px;}
    .comBx .btn { position:absolute; right:35%; top:400px;}
    .comBx .bx-input {  padding:20px 5% 115px 5%;} 
    
    .tab-st1 li { width:49.5%; box-sizing: border-box; }  
}