@charset "UTF-8";
/* 폼 */
input[type="text"],input[type="url"],input[type="file"], input[type="password"], .select, select, .input {
display:inline-block;
vertical-align: middle;
width:auto;
margin:0;
border:1px solid #c0c4cb;
padding:6px 3px 5px 3px;
margin:0;
background:#fff;
outline:none;
-moz-box-shadow:inset 1px 1px 3px #f0f0f0;
-webkit-box-shadow:inset 1px 1px 3px #f0f0f0;
box-shadow:inset 1px 1px 3px #f0f0f0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

input:focus, textarea:focus, .select:focus, .focus .input{
border: 1px solid #999;
outline:none;
-moz-box-shadow:inset 0px 1px 5px #f0f0f0;
-webkit-box-shadow:inset 0px 1px 5px #f0f0f0;
box-shadow:inset 0px 1px 5px #f0f0f0;
outline: none;
}

input[readonly], input[readonly]:focus, input[disabled], select[disabled],input.disabled{ background:#f2f2f2; border:1px solid #c0c4cb; color:#aaa;}								
input[placeholder], textarea[placeholder] { color:#939393}
input::-moz-focus-inner {border:0;}


input[type="text"], textarea, input[type="file"]{
transition: box-shadow 0.3s, border 0.3s, background 0.3s;	
-moz-transition: -moz-box-shadow 0.3s, border 0.3s, background 0.3s; 
-webkit-transition: -webkit-box-shadow 0.3s, border 0.3s, background 0.3s; 
-o-transition:-o-box-shadow 0.3s, border 0.3s, background 0.3s;}

input.file, input[type="file"]{  }

textarea{
width:auto;
margin:0;
border:1px solid #ccc;
padding:5px;
vertical-align: middle;
-moz-border-radius:4px;
-webkit-border-radius:4px;
background:#fff;
-moz-box-shadow:inset 1px 1px 3px #f0f0f0;
-webkit-box-shadow:inset 1px 1px 3px #f0f0f0;
box-shadow:inset 1px 1px 3px #f0f0f0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

/* --- 셀렉트 --- */ 
.select { position:relative;}
.select .input { padding:5px 2px 0 5px; height:28px; color:#939393;}
.select { padding:6px 3px 3px 3px; }
.select .input .icon_only .icon { margin:8px 0 0 6px}
.select .input .button {
position:absolute; top:-1px; right:-26px; padding:4px 4px 4px 4px; width:28px;
 -moz-border-radius:0;
 -webkit-border-radius:0;
 border-radius:0;
 -moz-border-radius-topright: 2px; 
 -webkit-border-top-right-radius: 2px; 
 -khtml-border-top-right-radius: 2px; 
 border-top-right-radius: 2px;
 -moz-border-radius-bottomright: 2px; 
 -webkit-border-bottom-right-radius: 2px; 
 -khtml-border-bottom-right-radius: 2px; 
 border-bottom-right-radius: 2px;
 }
.dk_container a {cursor:pointer; text-decoration:none !important;}
.dk_open { z-index:10;}
.dk_options a { font-weight:normal; background-color: #fff; border-bottom:1px solid #eee; padding:4px 10px; }
.dk_options li:last-child a { border-bottom:none;}
.dk_options a:hover, .dk_option_current a { background:#ffffcc;}

/* Inner container for options, this is what makes the scrollbar possible. */
.dk_options_inner {
  border: 1px solid #c0c4cb;
  border-bottom-width: 2px;
  border-bottom-color: #999;
  color: #333;
  max-height: 250px;
  text-shadow: #fff 0 1px 0;
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
}
.dk_options_inner, .dk_touch .dk_options {max-height: 250px; margin-right:-25px;}

/* write form */
.writeform { position:relative; width:100%; border:1px solid #ddd; border-top:0;}
.writeform:first-of-type { border-top:1px solid #ddd;}
.writeform:after { display:block; clear:both; content:'';}
.writeform label.th, .writeform .th { position:absolute; top:0; left:0; bottom:0; display:inline-block; width:100px; padding:10px 8px; background:#f7f7f7; font-weight:bold; cursor:default;}
.editor_th { display:none;}
.writeform div.td { display:inline-block; width:100%; padding: 10px 5px 10px 105px; background:#fff;}
.writeform textarea { border-radius:0;}
.writeform .select { padding-bottom:5px;}
.writeform input[type="checkbox"],
.writeform input[type="radio"] { display:inline-block; margin-left:5px;}
.writeform input[type="checkbox"]:first-of-type,
.writeform input[type="radio"]:first-of-type { margin-left:0px;}

.writeform .chk_label { display:inline-block; float:none; width:auto; margin-right:5px; background:none; color:#333;}
.writeform #captcha input[type="text"]#captcha_key { margin-top:0;}

.writeform .cke_sc { display:none;}

.editor_web { margin:10px 0 5px;}
.editor_web>label { display:inline-block; padding-bottom:5px; font-weight:bold;}
.editor_web .cke_sc { display:none;}

@media screen and (max-width:769px){
	.writeform { width:100%; margin:5px 0; padding:5px; border:1px solid #ccc; border-radius:3px; background:#f9f9f9;}
	.writeform label.th, .writeform .th { position:static; width:100%; height:auto; padding:5px; background:none; font-size:16px;}
	.writeform div.td { padding:0; background:none;}
	.writeform input[type="text"],
	.writeform input[type="password"],
	.writeform input[type="file"],
	.writeform select { width:100%; background-color:#fff; font-size:16px;}
	.writeform .select { margin-top:5px;}
	.writeform .select:first-of-type { margin-top:0px;}
	.writeform button#btn_autosave { margin:5px 0 0 0;} 
	.writeform div input[type="file"] { margin:10px 0 0px;}
	.writeform input[type="checkbox"] { margin:5px 0 10px 5px;}
	.writeform input[type="checkbox"]:first-of-type,
	.writeform input[type="radio"]:first-of-type { margin-left:5px;}
	.writeform .input_address { font-size:13px; line-height:20px;}
	.writeform .input_address label { padding-bottom:5px; font-size:13px; line-height:20px; text-align:right;}
	.writeform .td #autosave #btn_autosave { margin-top:5px;}
	.writeform button.button.dark { height:31px; margin-left:3px; vertical-align:middle;}
	.writeform input#zip { width:100px;}
	.writeform input#addr1, #bo_write .writeform input#addr2, #bo_write .writeform input#addr3 { margin:5px 0 0;}
	.writeform .mobile_code { width:60px !important; font-size:15px;}
	.writeform .mobile_number { width:180px !important; font-size:15px;}
	.writeform .button.serial_img { height:31px; margin-top:5px; font-size:14px;}
	.editor_web>label { padding:5px; font-size:16px;}
}