.sub_page input[type="text"], input[type="password"], .select, textarea, input[type="url"], input[type="number"], input[type="email"], input[type="tel"] {border: 1px solid #ddd; padding: 7px 7px; background-color: #fff; transition: 0.4s border; font-size:14px}
.sub_page input[type="text"], input[type="password"], .select, input[type="url"], input[type="number"], input[type="email"], input[type="tel"] {display:inline-block; height: 20px; vertical-align:top;}
.sub_page input[type="text"]:focus, input[type="password"]:focus, .select:focus, textarea:focus, input[type="url"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="tel"]:focus {border-color: #000; outline: none;}

.sub_page input[type="radio"], input[type="checkbox"] {}
.sub_page input[disabled="disabled"], input[disabled] {background: #eee;}
.sub_page input[type="file"] {height:30px; line-height:30px}
.sub_page textarea {width:95%; box-sizing:border-box; padding:10px}
.sub_page select {min-width:80px; padding:0 9px; border:1px solid #ddd; border-radius:0 !important; vertical-align:middle; height:36px !important; line-height:36px; box-sizing:border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size:14px}
.sub_page input:focus::-webkit-input-placeholder {color:transparent}  /* chrome */ 
.sub_page input:focus::-moz-placeholder {color:transparent}           /* firefox */  
.sub_page input[type="text"].wide {width:100%; box-sizing:border-box; height:30px}
.sub_page .datepicker {background:url('/images/comm/icon_calender.gif') right center no-repeat; width:110px}

.wd40 {width:40px}
.wd60 {width:60px}
.wd80 {width:80px}
.wd100 {width:100px}
.wd150 {width:150px}
.wd200 {width:200px}
.wd300 {width:300px}
.wd400 {width:400px}
.wd600 {width:600px}



@media all and (max-width:800px){

	textarea,
	.inp_txt {width:100% !important; box-sizing:border-box}
	.sub_page input[type="text"], input[type="password"], .select, input[type="url"], input[type="number"], input[type="email"], input[type="tel"] {height:36px !important; box-sizing:border-box}

}

@media all and (max-width:640px){
	
	.sub_page input[type="text"], input[type="password"], .select, input[type="url"], input[type="number"], input[type="email"], input[type="tel"] {height:30px !important; font-size:14px}
	.sub_page select {height:30px !important; font-size:14px; line-height:30px}
	.sub_page select {min-width:50px}

}

/* 버튼 */
.btn_wrap {display:inline-block; vertical-align:middle; width:100%; text-align:center;}
.btn_wrap ul {display:inline-block; vertical-align:middle; margin:0 auto;}
.btn_wrap li {float:left; display:inline; margin:0 2px;}
.btn.r10{-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.btn.r20{-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}

.btn.big {padding:0px 20px; height:48px; font-size:18px; letter-spacing:-1px; line-height:48px;}
.btn.midbig {padding:0px 15px; height:40px; font-size:16px; letter-spacing:-1px; line-height:40px;}
.btn.middle {padding:0px 15px; height:36px; font-size:15px; letter-spacing:-1px; line-height:36px;}
.btn.midsmall {padding:0px 12px; height:28px; font-size:15px; letter-spacing:-1px; line-height:28px;}
.btn.small {padding:0px 8px; height:20px; font-size:14px; letter-spacing:-1px; line-height:20px; font-weight: 500;}
.btn.xsmall {padding:2px 4px; height:15px; font-size:13px; letter-spacing:-1px; line-height:15px; font-weight: 400;}

@media all and (max-width:640px){
	
	.btn.big {padding:0px 10px; height:38px; font-size:16px; line-height:38px;}
	.btn.midbig {padding:0px 10px; height:35px; font-size:14px; line-height:35px;}
	.btn.middle {padding:0px 10px; height:30px; font-size:13px; line-height:30px;}
	.btn.midsmall {padding:0px 8px; height:25px; font-size:13px; line-height:25px;}
	.btn.small {padding:0px 5px; height:20px; font-size:13px; line-height:20px}
	.btn.xsmall {padding:2px 4px; height:15px; font-size:12px; line-height:15px}
	
}

.btn {display:inline-block; vertical-align:middle; cursor:pointer; color:#666666; text-decoration:none; padding:5px 10px; border:#e3e3e3 solid 1px}
.btn:hover, .btn:focus {background-color:#f3f3f3}
/*.btn:active {position:relative;	top:1px;}*/
.btn.focus {color:#fff; -moz-box-shadow:inset 0px 1px 0px 0px #38c63b; -webkit-box-shadow:inset 0px 1px 0px 0px #38c63b; box-shadow:inset 0px 1px 0px 0px #38c63b; background:#f04933; border:1px solid #77aa35; text-shadow:0px 1px 0px #275930}
.btn:hover.focus, .btn:focus.focus{background-color:#f04933}

.btn.admin {color:#ffffff; -moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;	box-shadow:inset 0px 1px 0px 0px #fce2c1;	background-color:#ffb555;	border:1px solid #eeb44f}
.btn:hover.admin, .btn:focus.admin {background-color:#fb9e25}

.btn.t0{color:#fff; background:#aaaaaa; border:1px solid #999999}
.btn.t0:hover, .btn.t0:focus {background:#84827e; border:1px solid #999999}

.btn.t1{color:#fff; background-color:#f97762; border:1px solid #f04d33}
.btn.t1:hover, .btn.t1:focus {background:#f04d33;	background-color:#f04d33; border:1px solid #f97762}

.btn.t2{color:#fff; background-color:#71bf45; border:1px solid #5ba431}
.btn.t2:hover, .btn.t2:focus {background:#5ba431;	border:1px solid #71bf45}

.btn.t3{color:#fff;	background:#86cdf6;	background-color:#6cbbe9; border:1px solid #53abdf}
.btn.t3:hover, .btn.t3:focus {background:#53abdf; border:1px solid #6cbbe9}

.btn.t4{color:#fff;	background:#fe9ca7; border:1px solid #f46f7e}
.btn.t4:hover, .btn.t4:focus {background:#f46f7e; border:1px solid #fe9ca7}

.btn.t5{color:#fff;	background:#ff9546;border:1px solid #f78029}
.btn.t5:hover, .btn.t5:focus {background:#f78029;	border:1px solid #f99851}
.btn.t6{color:#fff; background:#f9d583; border:1px solid #febb1e}
.btn.t6:hover, .btn.t6:focus {background:#febb1e; border:1px solid #f9c651}

.btn.red{color:#fff;	background:#ff5256; border:1px solid #e7161b}
.btn.red:hover, .btn.red:focus {background:#e7161b; border:1px solid #ee595d}

.btn.blue{color:#fff; background:#6478a2; border:1px solid #3c5a97}
.btn.blue:hover, .btn.blue:focus {background-color:#3c5a97; border:1px solid #6478a2}

.btn.purple{color:#fff; background:#743ad0;	background-color:#996ede; border:1px solid #743ad0;
}
.btn.purple:hover, .btn.purple:focus {background-color:#743ad0; border:1px solid #996ede}

.btn.darkbrown{color:#fff; background-color:#594c4d; border:1px solid #381e1f}
.btn.darkbrown:hover, .btn.darkbrown:focus {background-color:#381e1f; border:1px solid #594c4d}

.fu_container {border:1px solid #d7d8d8; border-radius:3px; background-color:#f7f7f7; zoom:1}
.fu_container .fu_dropzone {padding:12px; border:1px solid #fafafa; background-color:#f7f7f7; border-radius:3px; box-sizing:border-box; -moz-box-sizing:border-box}
.fu_container .fu_dropzone.in {background-color:#E9F3EF}
.fu_container .fu_dropzone.hover {border:1px dotted #9ad18f; border-radius:5px}
.fu_container .fu_dropzone.fade {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; opacity:1}
.fu_container .fu_btn {display:inline-block; *display:inline; margin:0; padding:0 12px !important; height:24px !important; overflow:visible; border:1px solid #bbbbbb; border-radius:2px; text-decoration:none !important; text-align:center; vertical-align:top; line-height:24px !important; font-family:inherit; font-size:12px; color:#333333; *zoom:1; cursor:pointer; box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); background-color:#f5f5f5; *background-color:#e6e6e6; background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6); background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image:-webkit-gradient(top, #ffffff, #e6e6e6); background-image:-o-linear-gradient(top, #ffffff, #e6e6e6); background-image:linear-gradient(top, #ffffff, #e6e6e6); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); filter:progid: DXImageTransform.Microsoft.gradient(enabled=false)}
.fu_container input.fu_btn,
.fu_container button.fu_btn {height:26px !important}
.fu_container .fu_btn:hover,
.fu_container .fu_btn:active,
.fu_container .fu_btn[disabled] {color:#333; background-color:#e6e6e6; *background-color:#d9d9d9}
.fu_container .fu_btn>span {display: inline-block; *zoom: 1; margin: 0 -12px !important; padding: 0 12px !important; overflow: visible; width: auto; height: 24px; border: 0; vertical-align: top; text-decoration: none !important; line-height: 24px; font-family: inherit; font-size: 12px; color: #333; cursor: pointer; background: none}
.fu_container .fu_act_selectfile {overflow:hidden !important; display:inline-block; vertical-align:middle}
.fu_container .fileinput_button {position: relative; overflow: hidden}
.fu_container .fileinput_button input {position: absolute; top: 0; right: 0; margin: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; font-size: 200px !important; direction: ltr; cursor: pointer}
.fu_container p.fu_dropzone_message {display: inline-block; margin: 0; margin-left: 5px; line-height: 24px; vertical-align: middle}
.fu_container p.upload_info {display:none; line-height:24px; vertical-align:middle}
.fu_container .fu_dropzone .xefu_progress_status {margin:12px 0}
.fu_container .fu_dropzone:hover p.fu_dropzone_message,
.fu_container .in .fu_dropzone p.fu_dropzone_message,
.fu_container .hover .fu_dropzone p.fu_dropzone_message,
.fu_container .fade .fu_dropzone p.fu_dropzone_message {display:none}
.fu_container .fu_dropzone:hover .upload_info,
.fu_container .in .fu_dropzone .upload_info,
.fu_container .hover .fu_dropzone .upload_info,
.fu_container .fade .fu_dropzone .upload_info {display:inline-block; margin:0; margin-left:5px}

/* Fixes for IE < 8 */
@media screen\9 {
.fu_container .fileinput_button input {filter:alpha(opacity=0); font-size:100%; height:100%}
}

.fu_container .progress {height:5px;/*margin-bottom:20px;*/overflow:hidden;background-color:#f5f5f5; display:none}
.fu_container .progress_bar {float:left; width:0; height:100%; background:#428bca; width:30%}
.fu_container .fu_controll {display:none; padding:10px}

.clearfix:before,
.clearfix:after {content: " "; display:table}
.clearfix:after {clear: both}
.clearfix {zoom:1}

.fu_container .fu_list {display:none; padding:0 10px; background:#f7f7f7}
.fu_container .fu_list_images {max-height:160px; overflow-y:scroll; -webkit-overflow-scrolling:touch; margin:0 -5px; padding:5px 0; border-bottom:1px solid #E6E6E6}
.fu_container .fu_list_images ul,
.fu_container .fu_list_images li {list-style:none; margin:0; padding:0}
.fu_container .fu_list_images li {position:relative; display:inline-block; margin:3px; width:60px; height:60px; border:3px solid #DDD}
.fu_container .fu_list_images input {position:absolute; top:0; left:0}
.fu_container .fu_act_set_cover:hover {color:red}
.fu_container .fu_list_images .fu_act_set_cover {display:none; cursor:pointer; position:absolute; top:0; left:auto; right:0; margin:0; padding:1px 0 1px 2px; border:0 none; border-radius:0 0 0 5px; font-size:15px; line-height:15px; background-color:#6cbd7e;}
.fu_container .fu_list_images li:hover .fu_act_set_cover {display:inline; color:#666; background-color:#ddd}
.fu_container .fu_list_images .fu_is_cover_image:hover .fu_act_set_cover,
.fu_container .fu_is_cover_image .fu_act_set_cover {display:inline; color:#fff; background-color:#6cbd7e}
.fu_container .fu_is_cover_image {border-color:#6cbd7e !important}
.fu_container .fu_list_images .fu_file_name,
.fu_container .fu_list_images .fu_file_size {display:none}
.fu_container .fu_list_images li img {width:100%; height: 100%}
.fu_container .fu_list .fu_list_files {margin:5px 0}
.fu_container .fu_list_files ul,
.fu_container .fu_list_files li {list-style:none; margin:0; padding:0; float:none}
.fu_container .fu_list_files li {padding: 5px 10px}
.fu_container .fu_list_files li input {vertical-align:middle}
.fu_container .fu_list_files li.selected {background-color:#E9F3EF}
.fu_container .fu_list_files .fu_file_info {float:right}
.fu_container .fu_list_files .fu_file_info span {padding:0 5px}