@charset "utf-8";

/* 내용관리 */
.ctt_admin{text-align:right;}
.contents_form{position:fixed;bottom:0;left:0;width:100%;background-color: #222;z-index: 10;display: none;overflow: visible !important;}

.contents_form .page_inbox{position:relative;}
.contents_form h3 {color:#fff;}

.form_wrap{background-color: #fff;}
.contents_form input[type=text],.contents_form textarea{border:1px solid #ddd;font-size: 15px;padding:5px;width:75%;font-weight: bold;}
.contents_form strong {font-weight:bold;color: #fff;}
.form_wrap .form_tit{display:inline-block;font-weight:bold;font-size:15px;vertical-align:middle;padding: 5px 0;}
.contents_form textarea{height:70px; vertical-align:top}
.form_wrap .chk_box{margin-top:2%;}
.contents_form #btn_submit{ text-align:center;}
.form_wrap .form_tit{width:20%;}

.form_open{position:fixed;bottom: 0;left: 0;width:100%;background-color:#222;color:#fff;z-index: 10;border: 0;text-align: center;font-weight: bold;}
.form_close{position:absolute;bottom: 100%;left:50%;display:block;background-color:#222;color:#fff;text-align:center;border:0;border-radius: 50%;}
.form_close font{display:inline-block;border:2px solid #fff;border-top:0;border-right:0;border-radius:2px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

.footer{position:relative !important;}
.sub_contents{margin-bottom:0 !Important;text-align: center;}

@media (min-width:1100px){
.contents_form{padding: 40px 20px 20px;}
img{width:auto;}
	.contents_form h3,.form_open {font-size: 25px;text-align: center;}
	.form_open{height: 70px;line-height: 70px;}
	.contents_form strong {font-size: 35px;display: block;}
	.form_close{width: 80px;height: 80px;line-height: 80px;margin-bottom: -40px;}
	.form_close font{width:27px; height:27px}
.contents_form h3,.form_wrap{float:left;}
.form_wrap{width: 60%;margin-left: 4%; padding: 15px;}
.form_wrap ul,.form_wrap .text_box{float:left;}
.form_wrap ul{width:40%;}
.form_wrap .text_box{width:60%;}

.contents_form #btn_submit{position:absolute;right: 0;top:0;width: 20%; height: 100%; z-index: 1; font-size:25px; border: 3px solid #fff;}

.f1{margin-bottom:3%;}

}
@media (min-width: 750px){


}
@media (max-width:1099px){

}
@media (min-width:750px) and (max-width:1099px){
	.contents_form{padding: 20px 0;}
 	.contents_form h3  {font-size: 20px;text-align: left;margin-bottom: 2%;}
 	.form_open{height: 55px;line-height: 55px;font-size: 20px;}
 	.form_close{width: 60px;height: 60px;margin-bottom: -30px;padding-bottom: 10px;}
	.form_close font{width:23px;height:23px;}
	.contents_form strong {font-size: 25px; ;}
	.form_wrap{padding: 10px;}
	.form_wrap .chk_box{margin:1% 0 !important}
	.chk_box input[type="checkbox"] + label span{margin-top:0 !important}
	.contents_form #btn_submit{font-size:15px; width:100%; margin-top:2%; border:1px solid #fff}
	
	.form_wrap li{margin-bottom:1%;  }
}
@media (max-width:749px){
 
  	.contents_form{padding: 10px 0;}
 	.contents_form h3 {font-size:15px;text-align: left;margin-bottom: 2%;}
 	.form_open{height: 40px;line-height: 40px; font-size:15px;}
 	.form_close{width: 40px;height:40px;margin-bottom: -20px;padding-bottom:10px;}
	.form_close font{width:16px;height:16px;}
	.contents_form strong {font-size: 20px; ;}
	.form_wrap{padding: 10px;}
	.form_wrap .chk_box{margin:1% 0 !important}
	.chk_box input[type="checkbox"] + label span{margin-top:0 !important}
	.contents_form #btn_submit{font-size:15px; width:100%; margin-top:2%; border:1px solid #fff}
	
	.form_wrap li{margin-bottom:1%;  }



}