@charset "utf-8";
/* SUB CSS */
 
/* BTNS */
#OTC_50B_btns {display:block ; overflow:hidden ; text-align:center ; padding-top:30px}
.OTC_50B_btn_B , .OTC_50B_btn_G { 
  display:inline-block ; line-height:40px ; vertical-align:top ; 
  padding:0px 30px ; margin:0px 10px ;
  color:#ffffff ; font-size:16px ; font-weight:bold ; overflow:hidden ; border-radius:3px}
.OTC_50B_btn_B { background-color:#007eef }
.OTC_50B_btn_G { background-color:#999999 }
.OTC_50B_btn_B:hover { background-color:#003f77} 
.OTC_50B_btn_G:hover { background-color:#444444}



/* SEND BOX */  
#OTC55_send_box , #OTC55_send_box > form {display:block ; overflow:hidden} 
#OTC55_send_box table {width:100% ; border:0px ; border-spacing:0px ; border-collapse:collapse ; border-top:solid 1px #007eef }
#OTC55_send_box caption , #OTC55_send_box thead tr , #OTC55_send_box thead th {line-height:0px ; height:0px ; font-size:0px ; overflow:hidden}

#OTC55_send_box tbody th , #OTC55_send_box tbody td {
	border:solid 1px #d7d7d7 ; border:solid 1px rgba(0,0,0,0.15) ; border-top:0px ; border-left:0px ;
	line-height:26px ; padding:7px 10px}
#OTC55_send_box tbody td {border-right:0px}
#OTC55_send_box tbody th {width:110px ; padding-left:0px ; background-color:#f2f2f2}
#OTC55_send_box tbody th , #OTC55_send_box tbody th label {font-size:14px ; text-align:right ; color:#000000 ; font-weight:bold}

.ss_input {border:solid 1px #d7d7d7 ; padding:3px ; line-height:26px ; height:26px}
select.ss_input {padding:7px 3px ; height:auto}
input.ss_input , textarea.ss_input {width:98%}
textarea.ss_input {height:auto}

#copyno {width:70px}

#BBS_write tbody th , #BBS_write tbody td { border-color:#d7d7d7 }
#BBS_write tbody th { text-align:center }



/* SEARCH */ 
#OTC_50B_ST {display:block ; overflow:hidden ; margin:auto ; margin-bottom:10px} 
#OTC_50B_search {
	display:block ; padding:10px ; margin-bottom:10px ; text-align:center ; 
	border:solid 1px #444444 ; border:solid 1px rgba(0,0,0,0.1) ; border-bottom:solid 1px #007eef ; background-color:#f1f1f1}
.sch_input , .sch_select , .OTC_word_btn { vertical-align:top ; border-radius:3px ; vertical-align:middle }
.sch_input , .sch_select { padding:6px 5px ; padding-bottom:0px ; border:solid 1px #d7d7d7 ; line-height:20px }
.sch_input , .sch_select { padding:5px 5px }

.OTC_word_btn {
	border:0px ; background-color:#666666 ; padding:3px 10px ; display:inline-block ; 
	line-height:24px ; font-size:14px ; color:#ffffff} 
.OTC_word_btn:hover { background-color:#000000 } 
a.OTC_word_btn {margin-left:10px} 
.OTC_word_btn.blue { background-color:#007eef }
.OTC_word_btn.blue:hover { background-color:#000000 }

#OTC_50B_total { text-align:center ; font-size:14px ; line-height:20px} 



/* LIST TABLE */ 
#OTC_50B_list {display:block ; overflow:hidden ; margin:auto ; margin-bottom:20px} 
#OTC_50B_list table { width:100% ; border:0px ; border-top:solid 2px #007eef ; border-collapse:collapse ; border-spacing:0px}
#OTC_50B_list thead th , #OTC_50B_list tbody td {
	border:solid 1px #d7d7d7 ; border:solid 1px rgba(0,0,0,0.15) ;
	padding:5px 3px ; word-break:break-all ; text-align:center}
    
#OTC_50B_list thead th { font-size:14px ; line-height:20px ; font-weight:bold ; color:#444444 ; border-bottom:solid 1px #cccccc ; border-bottom:solid 1px rgba(0,0,0,0.3)  }
#OTC_50B_list tbody td , #OTC_50B_list tbody td a { line-height:22px }

.OTC_50B_list_subject { display:block ; text-align:left ; padding:5px }
.OTC_50B_list_subject:hover { text-decoration:underline }

.OTC_50B_list_mb {line-height:22px ; text-align:left ; padding-top:5px ; display:block ; margin:0px 5px ; border-top:solid 1px #d7d7d7}

#OTC_50B_list tbody tr:hover td ,
#OTC_50B_list tbody tr:hover th { background-color:#f2f2f2 } 

#OTC_50B_list tbody td.OTC_50B_list_subject {border-right:0px}
#OTC_50B_list tbody td.OTC_50B_PC ,
#OTC_50B_th3 , #OTC_50B_th4 , #OTC_50B_th5 { display:none }
 


/* LIST VIEW */
#OTC_50B_view {display:block ; overflow:hidden ; padding:30px 0px ; padding-top:10px}
#OTC_50B_view_head {border-top:solid 1px #007eef}
.OTC_50B_vc {display:block ; border-bottom:solid 1px #d7d7d7 ; overflow:hidden} 
.OTC_50B_vc:last-child {border-bottom:0px}
.OTC_50B_vc dt , .OTC_50B_vc dd {line-height:24px ; padding:7px 10px ; float:left ; display:inline-block}
.OTC_50B_vc dt {font-size:14px ; width:70px ; padding-left:0px ; padding-right:10px ; text-align:right ; font-weight:bold ; color:#000000}
.OTC_50B_vc dd { border-left:solid 1px #d7d7d7 ; border-left:solid 1px rgba(0,0,0,0.1) }
.OTC_50B_vc_subject {font-weight:bold}
#OTC_50B_vc1 { background-color:#f2f2f2 }
 
#OTC_50B_view_ctns {display:block  ; padding:20px 10px ; border:solid 1px #007eef ; border-left:0px ; border-right:0px ; line-height:24px ; overflow:hidden }  
#OTC_50B_view_ctns_box { overflow:auto ; padding:10px 0px }

#OTC_50B_vc4 a:hover { text-decoration:underline }
#OTC_50B_vc4 a img { vertical-align:middle ; margin-left:10px }

#OTC_50B_btns {display:block ; overflow:hidden ; text-align:center}
.OTC_50B_btn_B , .OTC_50B_btn_G { 
  display:inline-block ; line-height:40px ; 
  padding:0px 30px ; margin:0px 10px ;
  color:#ffffff ; font-size:16px ; font-weight:bold ; overflow:hidden ; border-radius:3px}
.OTC_50B_btn_B { background-color:#007eef }
.OTC_50B_btn_G { background-color:#999999 }
.OTC_50B_btn_B:hover { background-color:#003f77} 
.OTC_50B_btn_G:hover { background-color:#444444}
 
#OTC_50B_image {padding:20px 0px ; text-align:center} 

.OTC_55_file , .OTC_55_file > span { display:block ; overflow:hidden  }
.OTC_55_file { padding:7px 0px }
.OTC_55_file > span { padding:7px ; display:inline-block ; border:solid 1px #d5d5d5 ; border-radius:4px }
.OTC_55_file > span > a { font:1em ; line-height:1.2em }
.OTC_55_file > span > a:hover { text-decoration:underline }

.OTC55_btn_del { 
    display:inline-block ; overflow:hidden ; border-radius:4px ; padding:2px 5px ; vertical-align:middle ;
    font-size:0.7em ; line-height:1em ; color:#ffffff ; font-weight:500 ;    
    background-color:#007eef }
.OTC55_btn_del:hover { background-color:#111111 }



/* 이전+다음글 */
#OTC_50B_PN {width:100% ; overflow:hidden ; padding-top:50px}
#OTC_50B_PN caption { height:0px ; line-height:0px ; overflow:hidden ; text-indent:-9999px }
#OTC_50B_PN table   { border:0px ; border-top:solid 1px #007eef ; border-collapse:collapse ; border-spacing:0px ; width:100% }
#OTC_50B_PN thead , #OTC_50B_PN thead th {height:0px ; font-size:0px ; line-height:0px ; text-indent:-9999px}
#OTC_50B_PN tbody th , #OTC_50B_PN tbody td {
	padding:7px 10px ; line-height:24px ;
	border:solid 1px #d7d7d7 ; border:solid 1px rgba(0,0,0,0.1) ; border-top:0px}
#OTC_50B_PN tbody th {border-left:0px ; width:70px ; padding-left:0px ; text-align:right ; background-color:#f2f2f2 ; font-size:14px ; font-weight:bold}
#OTC_50B_PN tbody td {border-right:0px}
#OTC_50B_PN tbody td > a {display:block ; line-height:24px}
#OTC_50B_PN tbody td > a:hover { text-decoration:underline }
#OTC_50B_PN tbody tr:hover th , #OTC_50B_PN tbody tr:hover td { background-color:#f2f2f2 }

#OTC_50B_PN tbody tr:last-child th ,
#OTC_50B_PN tbody tr:last-child td {border-bottom:solid 1px #007eef}
 
#OTC_50B_view_ctns_box * {line-height:26px}
#OTC_50B_view_ctns_box b , #OTC_50B_view_ctns_box strong { font-weight:bold }
#OTC_50B_view_ctns_box a:hover { text-decoration:underline }
#OTC_50B_view_ctns_box p {margin-bottom:20px}
#OTC_50B_view_ctns_box h1 ,  #OTC_50B_view_ctns_box h2 ,  #OTC_50B_view_ctns_box h3 ,  
#OTC_50B_view_ctns_box h4 ,  #OTC_50B_view_ctns_box h5 ,  #OTC_50B_view_ctns_box h6 {font-size:20px ; font-weight:bold ; padding-bottom:7px} 
#OTC_50B_view_ctns_box img { }



/* LOGIN */
#OTC55_login , .OTC55_login_box , .OTC55_login_box label , .OTC55_login_btn { display:block ; overflow:hidden }
#OTC55_login { 
    margin:auto ; margin-bottom:20px  ; box-shadow:0px 1px 3px rgba(0,0,0,0.3) ;   
    width:90% ; max-width:400px ; border:solid 1px #d5d5d5 ; border-top:solid 2px #007eef }
.OTC55_login_box { padding:20px }
.OTC55_login_box label { 
    padding:10px 0px ;
    font-size:1.1em ; line-height:1.4em ; text-align:center ; font-weight:600 }
.OTC55_login_input , .OTC55_login_btn {
    width:100% ; box-sizing:border-box ; padding:10px ; margin-bottom:5px ; text-align:center ; 
    font-size:1em ; line-height:1.4em ;  border:solid 1px #d5d5d5 ; border-radius:4px }
.OTC55_login_btn { background-color:#007eef ; border-color:#007eef ; color:#ffffff ; font-weight:600 } 
.OTC55_login_btn.list { background-color:#f7f7f7 ; border-color:#d7d7d7 ; color:#595959 ; font-weight:normal}
.OTC55_login_btn:hover , .OTC55_login_btn.list:hover { background-color:#111111 ; border-color:#111111 ; color:#ffffff  }

.rq_point { font-size:inherit ; line-height:inherit ; color:#007eef }
.rq_guide { font-size:0.9em ; line-height:1.2em ; margin-bottom:10px ; text-align:left }



/* PC **********************************************************************/
@media all and (min-width:1100px){ 

    /* SEND BOX */
    #OTC55_send_box { width:900px ; margin:auto }
    #OTC55_send_box tbody th { width:150px }

    #ss_email , #ss_company , #ss_tel , #ss_name { max-width:300px }

    .ss_input.w30 { width:30% }   
    .ss_input.w50 { width:50% }
 


    /* SEARCH  */
    #OTC_50B_ST , #OTC_50B_list {width:1100px}
    #OTC_50B_search {float:right ; width:50% ; padding:0px ; margin:0px ; border:0px ; text-align:right ; background:none }
    a.OTC_word_btn {margin-left:10px}



    /* LIST TABLE */ 
    #OTC_50B_total {width:30% ; float:left ; text-align:left}
    #OTC_50B_list thead th , #OTC_50B_list tbody td {padding:8px 0px}
    .OTC_50B_list_subject { padding-left:15px ; display:block }

    #OTC_50B_th1 , #OTC_50B_th3 , #OTC_50B_th4 {width:70px} 
    #OTC_50B_th5 {width:140px} 

    .OTC_50B_list_mb  { display:none }
    #OTC_50B_list tbody td.OTC_50B_PC ,
    #OTC_50B_th3 , #OTC_50B_th4 , #OTC_50B_th5 { display:table-cell }

    #OTC_50B_list thead th , #OTC_50B_list tbody td {border-top:0px ; border-left:0px }
    #OTC_50B_list thead th:last-child , #OTC_50B_list tbody td:last-child { border-right:0px }
    
    #OTC_50B_list thead th:nth-child(1) , #OTC_50B_list thead th:nth-child(5) { width:100px }
    #OTC_50B_list thead th:nth-child(3) , #OTC_50B_list thead th:nth-child(6) { width:50px }
    #OTC_50B_list thead th:nth-child(4) { width:120px } 
    
    #OTC55_send_box tbody th { width:100px }
 
    

    /* LIST VIEW */
    #OTC_50B_view {width:1100px ; margin:auto}
    #OTC_50B_view_head {overflow:hidden}

    .OTC_50B_vc  {width:100% ; float:left} 
    #OTC_50B_vc2 {width:60% ; float:left} 
    #OTC_50B_vc3 {width:40% ; float:left}  
    #OTC_50B_image { border-bottom:solid 1px #007eef }

    #OTC_50B_view_ctns_box { overflow:hidden }

    .OTC_50B_vc ,
    .OTC_50B_vc:last-child {border-bottom:solid 1px #d7d7d7} 

    

    /* 이전+다음글 */
    #OTC_50B_PN {width:1100px ; margin:auto}


    /* LOGIN */
    .OTC55_login_box { padding:30px 40px }
    .OTC55_login_box label { padding:0px ; margin-bottom:20px  }
    

}