.table table{width:100%;border-collapse:collapse;text-align:Center ; font-size: 16px;}
.table table th{padding:10px;border:1px solid #c8ccd4}
.table table td{padding:10px;border:1px solid #c8ccd4}


#login .box{width:49%;border:1px solid #dde7e9;padding:50px;border-radius:5px;min-height:365px;}
#login .box input{width:100%;margin:0 0 10px 0}
#login .box .selec_chk{width:auto;float:left;margin:3px 0 0 0}
#login .box .chk_box label{padding-left:5px;vertical-align:baseline}
#login .box .btn_submit {width:100%;margin:10px 0 0 0;padding:15px;outline:none}
#login .box .btn_submit a{color:#FFF;display:block}
#login .box01 .button01{width:49%}
#login .box02 ul{width:100%;border-radius:3px}
#login .box02 ul img{border-right:1px solid #FFF;padding:20px;margin:0 20px 0 0}
#login .box02 ul:nth-child(1) {background:#3b5999}
#login .box02 ul:nth-child(1) a{color:#FFF}
#login .box02 ul:nth-child(2) {background:#2db400;margin:10px 0;}
#login .box02 ul:nth-child(2) a{color:#FFF}
#login .box02 ul:nth-child(3) {background:#fbdd01;}

#register .box {border:1px solid #dde7e9;border-radius:5px;margin:0 0 30px 0}
#register .box .chk_box{padding:20px;border-bottom:1px solid #dde7e9}
#register .box .chk_box .txt01{display:inline-block;}
#register .box .chk_box input{float:right}
#register .box .content {overflow:auto;height:300px;padding:20px}
#register .btn_submit {width:49%;margin:10px 0 0 0;padding:15px;outline:none}
#register .btn_submit a{color:#FFF;display:block}
#register .button01 {color:#333;background:#FFF;border:1px solid #dde7e9}
#register .sns_login{clear:both;overflow:hidden;margin:30px 0 0 0}
#register .sns_login ul{float:left;width:30%;}
#register .sns_login ul img{border-right:1px solid #FFF;padding:20px;margin:0 20px 0 0}
#register .sns_login ul:nth-child(1) {background:#3b5999}
#register .sns_login ul:nth-child(1) a{color:#FFF}
#register .sns_login ul:nth-child(2) {background:#2db400;margin:0 5%}
#register .sns_login ul:nth-child(2) a{color:#FFF}
#register .sns_login ul:nth-child(3) {background:#fbdd01;}

#register_form .box {border:1px solid #dde7e9;border-radius:5px;background:#f7f7f7;margin:0 0 30px 0}
#register_form .box .tit{padding:20px;border-bottom:1px solid #dde7e9}
#register_form .box .form {padding:20px}
#register_form .box .form table{width:100%;}
#register_form .box .form input{width:100%;}
#register_form .box .form td{padding:5px 5px 5px 0}
#register_form .box .form button{border:none}
#register_form .box .form .chk_box {float:right;width:48%;margin:10px 0 0 0}
#register_form .box .form .chk_box input{width:auto;margin:0 5px 0 0}
#register_form .box .form .input-width {width:50%;}
#register_form .box .post_btn{background:#61bbf7;color:#FFF;padding:10px;margin:0 0 0 10px;cursor:pointer}
#register_form .btn_submit {width:49%;margin:10px 0 0 0;padding:15px;outline:none}
#register_form .btn_submit a{color:#FFF;display:block}
#register_form .button01 {color:#333;background:#FFF;border:1px solid #dde7e9}

#register_result .box {border:1px solid #dde7e9;border-radius:5px;background:#f7f7f7;padding:50px;}
#register_result .btn_submit{color:#FFF;width:100%;margin:10px 0 0 0;padding:15px;outline:none}

#mypage .table table{width:100%;border-collapse:collapse;}
#mypage .table table tr td{padding:15px;border-bottom:1px solid #e6e6e6}
#mypage .table table tr th{padding:15px;text-align:left;width:15%;background:#edf3fc;border-bottom:1px solid #e5e9f0;border-right:1px solid #e5e9f0}
#mypage .btn_submit {width:49%;margin:10px 0 0 0;padding:15px;outline:none}
#mypage .btn_submit a{color:#FFF;display:block}
#mypage .button01 {background:#FFF;border:1px solid #dde7e9}
#mypage .button01 a{color:#333;}
#mypage input{width:100%;padding:5px;outline:none;border:1px solid #d5d5d5}
#mypage .post_btn{background:#61bbf7;color:#FFF;padding:5px;margin:0 0 0 10px;cursor:pointer;font-size:12px}
#mypage .post{width:50%;float:left;}
#mypage .myboard {margin:0 0 0 10px;background:#61bbf7;color:#FFF;padding:5px 10px;border-radius:5px}

#online .btn_submit {width:49%;margin:10px 0 0 0;padding:15px;outline:none}
#online .btn_submit a{color:#FFF;display:block}
#online .button01 {color:#333;background:#FFF;border:1px solid #dde7e9}
#online .table table{width:100%;border-collapse:collapse;}
#online .table table tr td{padding:15px;border-bottom:1px solid #e6e6e6}
#online .table table tr th{padding:15px;text-align:left;width:15%;background:#edf3fc;border-bottom:1px solid #e5e9f0;border-right:1px solid #e5e9f0}
#online input{width:100%;padding:5px;outline:none;border:1px solid #d5d5d5}
#online textarea {width:100%;border:1px solid #d5d5d5;padding:5px}
#online select {width:100%;border:1px solid #d5d5d5;outline:none;padding:5px}
#online .input-type li{float:left;width:30%;}
#online .input-type li:nth-child(2){margin:0 5%}

#sub .title {margin:0 0 50px 0}
#sub .title .mont{font-size:40px;font-weight:700}
#sub .title span{box-shadow:inset 0 -20px 0 rgb(237, 250, 255);}

#bo_list, #bo_w, #bo_v, #bo_gall {margin:50px auto}

.t_login{position:fixed;min-width:400px;z-index:999;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #000;padding:30px;background:#FFF}
.t_login .close{cursor:pointer;position:Absolute;right:0;top:0;background:#39a7f0;padding:15px}
.t_login .txt01 {color:#333;font-weight:300}
.t_login select{width:100%;padding:5px;outline:0;border:1px solid #ddd}
.t_login input{width:100%;padding:5px;outline:0;border:1px solid #ddd;margin:10px 0 0 0}
.t_login .check{width:auto;margin:0}
.t_login .txt05 {color:#333;padding:10px 0;font-weight:300} 
.t_login button{width:100%;background:#39a7f0;margin:10px 0 0 0;color:#FFF;padding:10px;border:none;outline:0;}

@media (max-width: 1400px){
	#login .box{margin:0 0 20px 0;width:100%;min-height:auto}
	#login .box02 ul img{padding:15px;margin:0 15px 0 0}
	#register .sns_login ul img{padding:15px;margin:0 15px 0 0}

	.tbl_wrap{overflow-x:auto}
	.tbl_wrap table{width:1000px}
	
	
	#bo_list .tbl_head01 thead .num{width:10%;}
	#bo_list .tbl_head01 thead .case{width:17%;}	
}

@media (max-width:1023px){
	#register .sns_login ul{width:100%;}
	#register .sns_login ul:nth-child(2){margin:2% 0}
}

@media (max-width: 767px){
	#login .box{padding:20px}
	#login .box02 ul img{height:50px;padding:10px;}
	
	#register .sns_login ul img{height:50px;padding:10px;}
	#register .btn_submit{width:100%}
	
	#register_result .box {padding:20px;}

	#mypage .table{overflow-x:auto}
	#mypage table{width:600px !important}

	#online .table{overflow-x:auto}
	#online table{width:600px !important}
	
	.tbl_wrap table{width:750px}
	.tbl_head01 thead th {font-size:1em;}
	.tbl_head01 td {font-size:1em}
	#bo_v_title .bo_v_tit{font-size:1.2em}
	#bo_v_con {font-size:1em;}
	#bo_gall .bo_tit {font-size:1em;}

	.gall_row .col-gn-4{width:50% ;}
	.gall_row .col-gn-2{width:100% ;}
	#bo_cate a{font-size:1em;}
	#bo_v_case img{width:80%;}
	#bo_list .td_answer p{width:100%}


}