@charset "utf-8";

/* LOGIN */
#login_msg {display:block ; width:100% ; text-align:center ; background-color:#444444}
#login_msg , #login_msg > a  {font-size:12px ; line-height:20px ; color:#ffffff}
#login_msg > a { display:inline-block ; padding:5px 10px ; background-color:#3399ff ; margin-left:20px}
#login_msg > a:hover { background-color:#ff6600}



/* HEADER */
#OT_header , #OT_header_wrap {diaplay:block}
#OT_header {border-bottom:solid 1px #d7d7d7}
#OT_header_wrap {width:96% ; max-width:1000px ; margin:auto ; overflow:hidden}
#OT_title {display:block ; float:left}
#OT_title , #OT_title > a {
	display:block ; width:160px ; font-size:14px ; line-height:20px ; font-weight:bold ; text-align:center ; color:#000000 }
#OT_title > a { padding:5px 0px ; background-color:#f2f2f2}
#OT_title > a:hover {background-color:#3399ff ; color:#ffffff}

#OT_header_list {float:right ; overflow:none ; text-align:right}
#OT_header_list > li , #OT_header_list a {display:inline-block ; font-size:12px ; line-height:20px}
#OT_header_list > li {padding:5px 0px ; margin-right:10px}
#OT_header_list > li:last-child {margin-right:0px}
#OT_header_list a:hover { text-decoration:underline ; color:#000000 } 

#OT_contents {min-height:200px ; margin-bottom:30px}



/* FOOTER */
#OT_footer , #OT_footer_wrap {diaplay:block}
#OT_footer {border-top:solid 1px #d7d7d7 ; background-color:#f2f2f2}
#OT_footer_wrap {
	width:96% ; max-width:1000px ; margin:auto ; overflow:hidden ;
	padding:20px 0px ; text-align:center ; font-size:12px ; line-height:20px }
	


/* LOGIN */
#OT_login {width:96% ; max-width:500px ; margin:auto ; margin-top:5%}
#OT_login_title {
	font-size:20px ; line-height:30px ; padding:5px 0px ; background-color:#f2f2f2 ; border-bottom:solid 1px #d7d7d7 ; border-top:solid 1px #3399ff ;
	text-align:center ; font-weight:bold ; color:#000000}

#login_fs { border:0px ; padding:10px 0px ; text-align:center}
#login_fs legend , #login_fs label {display:none}	
#login_id , #login_pw {width:94% ; border:solid 1px #d7d7d7 ; font-size:18px ; line-height:20px ; padding:10px 2% ; margin-bottom:10px}

.btn_submit {width:98% ; background-color:#3399ff ; font-size:16px ; line-height:30px ; padding:5px 0px ; font-weight:bold ; color:#ffffff ; text-align:center }

.btn_confirm {display:block ; padding:10px 0px ; text-align:center}
.btn_confirm > a {font-size:16px ; line-height:20px}
.btn_confirm > a:hover { text-decoration:underline }



/* GALLERY */
#OT_list_title {
	width:96% ; max-width:1000px ; margin:auto ; overflow:hidden ; border-bottom:solid 1px #3399ff ;
	font-size:16px ; font-weight:bold ; color:#000000 ; line-height:20px ; padding:10px 0px}
#OT_gallery {width:96% ; max-width:1000px ; margin:auto ; overflow:hidden}
#OT_gallery_ul {width:100% ; overflow:hidden}

#OT_GL_info , #gall_allchk {width:100% ; overflow:hidden ; padding:5px 0px}
#gall_allchk {margin-bottom:20px}
#OT_GL_info_total , #OT_GL_info_btn li > a {font-size:14px ; line-height:20px}
#OT_GL_info_total {float:left}
#OT_GL_info_btn {float:right ; text-align:right}
#OT_GL_info_btn li {display:inline-block}
#OT_GL_info_btn li > a {margin-left:20px}
#OT_GL_info_btn li > a:hover { text-decoration:underline }

#gall_ul {width:100% ; display:block ; overflow:hidden ; text-align:center}
#gall_ul * { line-height:24px }
#gall_ul > li {display:inline-block ; border-bottom:solid 1px #3399ff ; margin:0px 20px ; margin-bottom:30px ; vertical-align:top ; text-align:left}
#gall_ul > li:hover { background-color:#f2f2f2}
#gall_ul > li * { line-height:24px ; text-align:center ; word-break:break-all}
#gall_ul img { border:solid 1px #d7d7d7 ; box-sizing:border-box }

.OT_btn_mod {font-size:12px ; line-height:20px ; padding:0px 5px ; display:inline-block ; background-color:#444444 ; color:#ffffff ; float:right}
.OT_btn_mod:hover { background-color:#ff6600 }

#OTG_box {display:block ; position:relative}
#OTG_right {display:block ; padding-left:240px}
#OTG_nav {position:absolute ; left:0px ; top:10px ; width:200px ; background-color:#ffffff}

#OTG_nav dl * {line-height:24px} 
#OTG_nav dl { display:block ; text-align:center ; padding-bottom:10px}
#OTG_nav dl:last-child {margin-bottom:0px}  
#OTG_nav dl > dt , #OTG_nav dl > dt > a {display:block ; font-size:14px ; font-weight:bold ; line-height:20px }
#OTG_nav dl > dt > a {padding:5px 0px ;  text-align:center ; background-color:#3399ff ; color:#ffffff }
#OTG_nav dl > dt > a:hover { background-color:#444444}
#OTG_nav dl > dd , #OTG_nav dl > dd > a {text-align:left ; line-height:20px}
#OTG_nav dl > dd {display:inline-block}
#OTG_nav dl > dd > a { display:block ; border-bottom:solid 1px #d7d7d7 ; padding:5px}
#OTG_nav dl > dd > a:hover { background-color:#f2f2f2}

 

/* TAB */
#OT_tab {width:96% ; max-width:1000px ; margin:10px auto ; border:solid 1px #d7d7d7 ; overflow:hidden}
#OT_tab li {float:left ; border-right:solid 1px #d7d7d7 ; box-sizing:border-box}
#OT_tab li:last-child {border-right:0px}
#OT_tab a {line-height:20px ; font-size:16px ; padding:10px 0px ; text-align:center ; display:block }
#OT_tab a:hover { background-color:#f2f2f2 ; color:#000000}



/* SEARCH */
#bo_sch {display:block ; text-align:center ; padding:10px 0px}
#bo_sch legend { display:none }
#bo_sch select , .frm_input , .required  {border:solid 1px #d7d7d7 ; padding:3px ; font-size:16px ; line-height:22px ; vertical-align:top}
.frm_input { padding:4px }
.search_btn {display:inline-block ; font-size:14px ; line-height:24px ; background-color:#444444 ; color:#ffffff ; padding:2px 10px ; cursor:pointer}
.search_btn:hover {background-color:#3399ff}



/* VIEW */
#OT_view {width:96% ; max-width:1000px ; margin:auto}
#OT_view * { line-height:22px }
#bo_v_title {display:block ; width:100% ; font-size:18px ; font-weight:bold ; line-height:22px ; padding:10px 0px ; border-bottom:solid 1px #d7d7d7}
#bo_v_info {display:block ; width:100% ; overflow:hidden ; padding:5px 0px}
#bo_v_info > span {font-size:14px ; line-height:20px ; margin-right:40px}

#bo_v_top , #bo_v_bot {width:100% ; overflow:hidden ; padding:10px 0px}
.bo_v_nb {float:left ; text-align:left}
.bo_v_com {float:right ; text-align:right}
.bo_v_nb li , .bo_v_com li { display:inline-block}

.btn_b01 , .btn_b02 , .btn_admin {
	display:inline-block ; font-size:14px ; line-height:20px ; border:solid 1px #d7d7d7 ; background-color:#f2f2f2 ; padding:5px 10px ;
	margin-bottom:5px ; margin-left:5px}
.btn_b01:hover , .btn_b02:hover , .btn_admin:hover { background-color:#444444 ; border:solid 1px #444444 ; color:#ffffff}
.btn_b02 , .btn_admin {background-color:#3399ff ; border:solid 1px #3399ff ; color:#3399ff ; color:#ffffff}
.btn_admin {background-color:#ff6600 ; border:solid 1px #ff6600}

.OT_view_tb {width:100% ; border-collapse:collapse ; border-spacing:0px ; border-top:solid 2px #3399ff}
.OT_view_tb th , .OT_view_tb td { border:solid 1px rgba(0,0,0,0.15) ; border-top:0px ; border-left:0px ; padding:7px 10px ; line-height:24px ; text-align:left}
.OT_view_tb th {text-align:center ; font-size:12px ; font-weight:bold}
.OT_view_tb tr:hover th , .OT_view_tb tr:hover td { background-color:#f2f2f2 }
.OT_view_tb td {border-right:0px ; text-align:center}
.OT_view_tb td > a {display:block ; text-align:left}
.OT_view_tb tbody th {width:90px} 
#OT_view .OT_view_tb tbody td { text-align:left }
#OT_write_wrap .OT_view_tb tbody td { text-align:left }

.btn_bo_adm {display:block ; padding:20px 0px ; text-align:center}
.btn_bo_adm li {display:inline-block}
.btn_bo_adm input {display:inline-block ; padding:5px 10px ; font-size:14px ; line-height:20px ; border:solid 1px #d7d7d7 ; text-align:center}
.btn_bo_adm input:hover { background-color:#444444 ; color:#ffffff ; border:solid 1px #444444 }

.OT_view_tb thead th , .OT_view_tb tbody td {border:solid 1px #d7d7d7 ; border-top:0px ; border-left:0px ; padding:3px}
.OT_view_tb thead th:last-child , .OT_view_tb tbody td:last-child {border-right:0px}
.OT_view_tb tbody td {padding:5px}
#bo_v_atc {padding:20px 0px ; text-align:center }
.sound_only {display:none}

.kind_table {width:90% ; margin:auto ; border-collapse:collapse ; border-spacing:0px ; border:0px ; margin-bottom:10px}
.kind_table:last-child {margin-bottom:0px}
.kind_table tr > th , .kind_table tr > td { border:solid 1px rgba(0,0,0,0.2) ; padding:3px 10px ; text-align:left}
.kind_table tr:hover > th , .kind_table tr:hover > td { background-color:#ffffff}

#bo_v_img a {display:block}
#bo_v_img img {border:solid 1px #d7d7d7}

#OT_view_ctns {display:block ; border:solid 1px #d7d7d7 ; border-left:0px ; border-right:0px ; padding:20px}
#OT_view_ctns * { text-align:left ; line-height:26px}



/* WRITE */
#OT_write_wrap {width:96% ; max-width:1000px ; margin:auto ; padding-top:15px}
#OT_write_wrap * { line-height:24px } 
#OT_write_wrap .frm_input {width:90%}
#OT_write_wrap #wr_2 {max-width:200px}
.btn_confirm {display:block ; text-align:center ; padding:20px 0px ; overflow:hidden}
.btn_sub , .btn_no {display:inline-block ; border:solid 1px #d7d7d7 ; background-color:#f2f2f2 ; font-size:16px ; line-height:20px ; padding:10px 20px ; margin:0px 10px ; text-decoration:none}
.btn_sub {border:solid 1px #3399ff ; background-color:#3399ff ; color:#ffffff}
.btn_sub:hover , .btn_no:hover { background-color:#444444 ; color:#ffffff ; border:solid 1px #444444 ; text-decoration:none}
textarea#wr_link1 {width:98% ; border:solid 1px #d7d7d7 ; padding:5px}

#OT_write_wrap .frm_file  {width:auto}



/* PAGE NUMBER */
.pg_wrap .sound_only {display:none}
.pg_wrap {display:block ; text-align:center ; margin-bottom:30px}
.pg_wrap a , .pg_current {display:inline-block ; line-height:20px ; padding:5px 7px ; border:solid 1px #d7d7d7 ; vertical-align:top}
.pg_current { background-color:#444444 ; color:#ffffff ; border:solid 1px #444444}



/* LIST */
#OT_list {width:96% ; max-width:1000px ; margin:auto}
#OT_list * { line-height:22px }
#OT_list_wrap {width:100%}