@charset "utf-8";

@import url("../app/Font-Awesome/css/font-awesome.min.css");
@import url("../app/fancyBox2/source/jquery.fancybox.css?v=2.1.5");

p { margin:10px 0px; }

/* Common CSS */
.mbLayer { border-collapse:collapse; margin:0px; border-top:4px solid #000; border-bottom:4px solid #000; }
.mbLayer td { background:#000; padding:4px 10px; letter-spacing:-1px; }
.mbLayer td a { color:#fff !important; white-space:nowrap; }
.mbLayer td i { margin-right:8px; }
img { border:0px; }
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}
.clear { height: 0px; overflow: hidden; clear: both; }
.none { display:none; }
.right { float:right; }
.left { float:left; }
.br { clear:both; height:6px; padding:0px; margin:0px; }
.img-space, .img-space img { text-align:center; border:0px; }
.xp-icon { font-size:10px; font-family:verdana; letter-spacing:-1px; }
.wr-t { width:40px; }
.wr-s {	width:80px; }
.wr-m {	width:120px; }
.wr-l {	width:72%; min-width:240px; }
.wr-max { width:98%; }
.no-wrap { display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
#loading-icon {	position:fixed; top:50%; left:50%; margin-top:-40px; margin-left:-40px;text-align:center; background: rgb(255, 255, 255); padding:15px; border:1px solid #ddd; border-radius: 10px; z-index: 100; -webkit-border-radius: 10px; -moz-border-radius: 10px;}

/* Tack Style */
.tack-blue, .tack-green, .tack-red { display:inline-block; cursor:pointer; padding:4px 12px 4px 15px; font-size:12px; color:#fff; text-decoration:none; }
.tack-blue { background:url('../img/tack_blue.gif') no-repeat left center; }
.tack-green { background:url('../img/tack_green.gif') no-repeat left center; }
.tack-red { background:url('../img/tack_red.gif') no-repeat left center; }
.tack-blue-r, .tack-green-r, .tack-red-r { display:inline-block; cursor:pointer; padding:4px 15px 4px 12px; font-size:12px; color:#fff; text-decoration:none; }
.tack-blue-r { background:url('../img/tack_blue_r.gif') no-repeat right center; }
.tack-green-r { background:url('../img/tack_green_r.gif') no-repeat right center; }
.tack-red-r { background:url('../img/tack_red_r.gif') no-repeat right center; }

/* Icon */
.good-icon { letter-spacing:0px; padding-left:14px; background: url('../img/icon_good.gif') no-repeat left top; color:#f4695b; font-weight:normal; }
.nogood-icon { letter-spacing:0px; padding-left:14px; background: url('../img/icon_nogood.gif') no-repeat left top; color:#29abf2; font-weight:normal; }
.cmt-icon {	letter-spacing:0px; padding-left:14px; background: url('../img/icon_cmt.gif') no-repeat left top; color:#888; font-weight:normal; }
.hit-icon {	letter-spacing:0px; padding-left:14px; background: url('../img/icon_hit.gif') no-repeat left top; color:#888; font-weight:normal; }
.lock-icon { padding-left:14px; background: url('../img/icon_blind.gif') no-repeat left top; font-weight:normal; }
.shingo-icon { padding-left:14px; background: url('../img/icon_shingo.gif') no-repeat left top; font-weight:normal; }

/* SNS */
ul.send_sns { float:right; margin:0px; padding:0px; list-style:none; }
ul.send_sns img { border:0px; }
ul.send_sns li{	float:right; padding:0px; margin:0px; }
ul.send_sns:after {	height: 0px; clear: both; display: block; visibility: hidden; content: ""; }
.sns_w70 { width:70px; margin:5px; border:0px; cursor:pointer; }

/* Button */
.good-btn, .nogood-btn { width:64px; height:20px; padding-right:10px; font:bold 11px verdana; text-align:right; letter-spacing:0px; line-height:19px; cursor:pointer; }
.good-btn {	background: url('../img/btn_good.gif') no-repeat left center; color:#f4695b; }
.nogood-btn { background: url('../img/btn_nogood.gif') no-repeat left center; color:#888; }

/* Image Resezing */
.attach-img { display:block; text-align:center; }
.attach-img .aimg, .attach-img .mimg { margin:0px auto; display:block; }
img.aimg { cursor:pointer; }
img.mimg { max-width:98%; height:auto; }

/* Delete Code */
.thumb { position:relative; margin:0px auto; text-align:left; cursor:pointer; overflow:hidden; }
.thumb img { border:0px; display:block; }
.thumb-icon { top:0px; left:0px; position:absolute; width:100%; height:100%; display:block; }
.thumb-no-black { background:#444444 url('../img/no_thumb.png') no-repeat center center; }
.thumb-no-white { background:#f5f5f5 url('../img/no_thumb.png') no-repeat center center; }
.thumb-new-l { background: url('../img/thumb_new_l.png') no-repeat top left; }
.thumb-new-m { background: url('../img/thumb_new_m.png') no-repeat top left; }
.thumb-new-s { background: url('../img/thumb_new_s.png') no-repeat top left; }
.thumb-hot-l { background: url('../img/thumb_hot_l.png') no-repeat top left; }
.thumb-hot-m { background: url('../img/thumb_hot_m.png') no-repeat top left; }
.thumb-hot-s { background: url('../img/thumb_hot_s.png') no-repeat top left; }
.thumb-video-l { background: url('../img/thumb_video_l.png') no-repeat top left; }
.thumb-video-m { background: url('../img/thumb_video_m.png') no-repeat top left; }
.thumb-video-s { background: url('../img/thumb_video_s.png') no-repeat top left; }

/* Bar CSS */
ul.bar11 { margin:0px; padding:0px; color:#888; font-weight:normal; font-size:11px; letter-spacing:-1px; list-style:none; }
ul.bar11 li{ float:left; position:relative; padding:0px 9px 0px 10px !important; margin:0px; background:url('../img/bar11.gif') no-repeat 0px 1px !important; line-height:11px !important; border:0px !important; }
ul.bar11 li a {	color:#888888; text-decoration:none; }
ul.bar11 li a:hover { color:orangered; text-decoration:none; }
ul.bar11 li.first{ padding:0px 9px 0px 0px !important; background:none !important; }
ul.bar11 li.last{ padding:0px 0px 0px 10px !important; }
ul.bar11:after { height: 0px; clear: both; display: block; visibility: hidden; content: ""; }
ul.bar11c {	margin:0px; padding:0px; color:#888; font-weight:normal; font-size:11px; letter-spacing:-1px; list-style:none; }
ul.bar11c li { display:inline; position:relative; padding:0px 9px 0px 10px !important; margin:0px; background:url('../img/bar11.gif') no-repeat 0px 1px !important; line-height:11px !important; border:0px !important; }
ul.bar11c li a { color:#888888; text-decoration:none; }
ul.bar11c li a:hover { color:orangered; text-decoration:none; }
ul.bar11c li.first{	padding:0px 9px 0px 0px !important; background:none !important; }
ul.bar11c li.last{ padding:0px 0px 0px 10px !important; }
ul.bar11c:after { height: 0px; clear: both; display: block; visibility: hidden; content: ""; }
ul.bar11 span.cnt, ul.bar11c span.cnt {	letter-spacing:0px; font-weight:normal; }

/* Star CSS */
.star-l { width:100px; vertical-align:middle; text-align:left !important; display:inline-block; overflow:hidden; height:25px; background:transparent url('../img/star/star_mask_l.png') no-repeat;}
.star-l span { float:left; display:inline-block; overflow:hidden; height:25px; font-size:0; line-height:0; text-indent:-100px; *text-indent:0; vertical-align:top; }
.star-l span.gold { background:transparent url('../img/star/star_gold_l.png') no-repeat; }
.star-l span.red { background:transparent url('../img/star/star_red_l.png') no-repeat; }
.star-l span.blue { background:transparent url('../img/star/star_blue_l.png') no-repeat; }
.star-l span.green { background:transparent url('../img/star/star_green_l.png') no-repeat; }
.star-l span.orange { background:transparent url('../img/star/star_orange_l.png') no-repeat; }
.star-l span.violet { background:transparent url('../img/star/star_violet_l.png') no-repeat; }

.star-m { width:70px; vertical-align:middle; text-align:left !important; display:inline-block; overflow:hidden; height:12px; background:transparent url('../img/star/star_mask_m.png') no-repeat; }
.star-m span{ float:left; display:inline-block; overflow:hidden; height:12px; font-size:0; line-height:0; text-indent:-100px; *text-indent:0; vertical-align:top; }
.star-m span.gold { background:transparent url('../img/star/star_gold_m.png') no-repeat; }
.star-m span.red { background:transparent url('../img/star/star_red_m.png') no-repeat; }
.star-m span.blue { background:transparent url('../img/star/star_blue_m.png') no-repeat; }
.star-m span.green { background:transparent url('../img/star/star_green_m.png') no-repeat; }
.star-m span.orange { background:transparent url('../img/star/star_orange_m.png') no-repeat; }
.star-m span.violet { background:transparent url('../img/star/star_violet_m.png') no-repeat; }

.star-s { width:55px; vertical-align:middle; text-align:left !important; display:inline-block; overflow:hidden; height:10px; background:transparent url('../img/star/star_mask_s.png') no-repeat; }
.star-s span{ float:left; display:inline-block; overflow:hidden; height:10px; font-size:0; line-height:0; text-indent:-100px; *text-indent:0; vertical-align:top; }
.star-s span.gold { background:transparent url('../img/star/star_gold_s.png') no-repeat; }
.star-s span.red { background:transparent url('../img/star/star_red_s.png') no-repeat; }
.star-s span.blue { background:transparent url('../img/star/star_blue_s.png') no-repeat; }
.star-s span.green { background:transparent url('../img/star/star_green_s.png') no-repeat; }
.star-s span.orange { background:transparent url('../img/star/star_orange_s.png') no-repeat; }
.star-s span.violet { background:transparent url('../img/star/star_violet_s.png') no-repeat; }

/* Auto Size CSS */
.auto-size { position:relative; height: 0; padding-bottom: 56.25%; overflow: hidden; }
.auto-size iframe, .auto-size object, .auto-size embed .auto-size img { position: absolute;	top: 0;	left: 0; width: 100%; height:100%; }

/* Linked iFrame */
#LinkedFrame { border:0px; overflow:none; }

/* Captcha */
.captcha-box { margin-bottom:-5px; }
.captcha-box img, .captcha-box input { margin-bottom:5px; }
#kcaptcha_image { float:left; border:0px !important; margin-right:10px; }
#captcha img { border:1px solid #ddd !important; border-right:0 !important; }
#captcha_mp3 img { border:1px solid #ddd !important; border-left:0 !important; border-right:0 !important; background:#494949; }
#mp3_embed { position:absolute; top:0; left:0; width:1px; height:1px; overflow:hidden; } /* 익스 8 이하에서 음성캡챠 실행 스타일 */

/* ASR Common */
.as-clear { height: 0px; overflow: hidden; clear: both; }
.as-none { display:none; }
.as-right { float:right; }
.as-left { float:left; }
.as-content { line-height:22px; }

/* ASR Form */
.as-form form { padding:0; margin:0; overflow:hidden; }
.as-form label { font-weight:normal; vertical-align: middle; display:inline; line-height:30px; padding:0; margin:0; margin-right:10px; }
.as-form select { display: inline-block; *display: inline; *zoom: 1; margin:0; padding:5px 6px !important; font-size: 12px; color:#555; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; vertical-align:middle; height:30px; line-height:20px; border: 1px solid #ccc; background-color: #fff; -webkit-appearance:none; }
.as-form select:focus { outline: 0; outline: thin dotted \9; -webkit-focus-ring-color; outline-offset: -2px; }
.as-form input[type="text"], .as-form input[type="password"], .as-form input[type="email"], .as-form input[type="input"] { display: inline-block; *display: inline; *zoom: 1; margin:0; height:30px; line-height:20px; line-height:30px\9; padding:0px 6px; font-size: 12px; color: #555; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; vertical-align: middle; border: 1px solid #ccc; background-color: #ffffff; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s, box-shadow linear .2s;  -moz-transition: border linear .2s, box-shadow linear .2s;  -o-transition: border linear .2s, box-shadow linear .2s;  transition: border linear .2s, box-shadow linear .2s; -webkit-appearance:none;}
.as-form input[type="text"]:focus, .as-form input[type="password"]:focus, .as-form input[type="email"]:focus, .as-form input[type="input"]:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); }
.as-form textarea { width:99%; font-weight:normal; line-height:20px; display:inline-block; *display: inline; *zoom: 1; margin:0; padding:5px 6px !important; font-size:12px; color:#555; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; height:auto; background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear .2s, box-shadow linear .2s;-moz-transition:border linear .2s, box-shadow linear .2s;-o-transition:border linear .2s, box-shadow linear .2s;transition:border linear .2s, box-shadow linear .2s; -webkit-appearance:none;}
.as-form textarea:focus { color: #333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); background-color: #cccccc \9; outline:0; outline-offset: -2px; }
.as-form button, .as-form input[type="submit"] { font-weight:normal; display: inline-block; *display: inline; *zoom: 1; padding: 0px 12px !important; margin:0; font-size: 12px; height:30px; line-height:20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #cccccc; *border: 0; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -webkit-appearance:none; white-space:nowrap; }
.as-form button:hover, .as-form input[type="submit"]:focus, .as-form button:active, .as-form input[type="submit"]:active { color: #333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); background-color: #cccccc \9; outline:0; outline-offset: -2px; }
.as-form input[type="checkbox"], .as-form input[type="radio"] { vertical-align: middle; margin:0; padding:0; }

/* ASR Placeholder */
.as-form input[type="text"]::-webkit-input-placeholder { color:#999; } /* webkit */
.as-form input[type="text"]:-moz-placeholder { color:#999; } /* FF4~18 */
.as-form input[type="text"]::-moz-placeholder { color:#999; } /* FF19+ */
.as-form input[type="text"]:-ms-input-placeholder { color:#999; } /* IE10 */
.as-form input[type="password"]::-webkit-input-placeholder { color:#999; } /* webkit */
.as-form input[type="password"]:-moz-placeholder { color:#999; } /* FF4~18 */
.as-form input[type="password"]::-moz-placeholder { color:#999; } /* FF19+ */
.as-form input[type="password"]:-ms-input-placeholder { color:#999; } /* IE10 */
.as-form input[type="email"]::-webkit-input-placeholder { color:#999; } /* webkit */
.as-form input[type="email"]:-moz-placeholder { color:#999; } /* FF4~18 */
.as-form input[type="email"]::-moz-placeholder { color:#999; } /* FF19+ */
.as-form input[type="email"]:-ms-input-placeholder { color:#999; } /* IE10 */
.as-form input[type="input"]::-webkit-input-placeholder { color:#999; } /* webkit */
.as-form input[type="input"]:-moz-placeholder { color:#999; } /* FF4~18 */
.as-form input[type="input"]::-moz-placeholder { color:#999; } /* FF19+ */
.as-form input[type="input"]:-ms-input-placeholder { color:#999; } /* IE10 */
.as-form textarea::-webkit-input-placeholder { color:#999; } /* webkit */
.as-form textarea:-moz-placeholder { color:#999; } /* FF4~18 */
.as-form textarea::-moz-placeholder { color:#999; } /* FF19+ */
.as-form textarea:-ms-input-placeholder { color:#999; } /* IE10 */
.as-pform { padding:0; margin:-5px 0 0; }
.as-pform input[type="text"], .as-pform input[type="password"], .as-pform input[type="email"], .as-pform input[type="input"], .as-pform input[type="submit"], .as-pform select, .as-pform button, .as-pform label, .as-pform.as-btn a { margin:5px 0 0; }

/* ASR Table */
.as-table table{ width:100%; border-collapse:collapse; padding:0px; margin:0px; border:0px; } 
.as-table th { text-align:left; padding:8px 12px; border-bottom:1px solid #ddd; background:#fafafa; white-space:nowrap; line-height:22px;}
.as-table td { padding:8px 10px; border-bottom:1px solid #ddd; line-height:22px;}
.as-center, .as-table th.as-center, .as-table th.as-center { text-align:center; }

/* ASR Member */
.as-mb .member, .as-mb .guest, .as-mb .sv_member, #as-mb .sv_guest { font-weight:bold; color:#000; }

/* ASR Box */
.as-box { color:#000; margin:0px; padding: 15px 30px 15px 15px; border-color: rgb(221, 221, 221); background-color: rgb(250, 250, 250); border-left-color: rgb(238, 238, 238); border-left-width: 5px; border-left-style: solid; }
.as-box-danger { border-color: rgb(223, 181, 180); background-color: rgb(252, 242, 242); }
.as-box-warning { border-color: rgb(241, 231, 188); background-color: rgb(254, 251, 237); }
.as-box-info { border-color: rgb(208, 227, 240); background-color: rgb(240, 247, 253); }
.as-box-head { border-color: rgb(0, 0, 0); background-color: rgb(51, 51, 51); }
.as-box, .as-box a { color:#000; }
.as-box-head, .as-box-head a { color:#fff; }
.as-box-line { padding:15px; border-bottom:1px solid #ddd; line-height:24px; }
.as-box-box { padding:15px; border:1px solid #ddd; border-top:0px; line-height:24px; }

/* ASR Button */
.as-btn a { display:inline-block;margin:0px;font-weight:normal;text-align:center;vertical-align:middle;cursor:pointer;border:1px solid transparent;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;	color:#333;background-color:#fff;border-color:#ccc; padding:0px 10px;font-size:12px;line-height:30px;height:30px;border-radius:4px; text-decoration:none; }
.as-btn a:hover, .as-btn a:focus, .as-btn a:active, .as-btn a.as-on { color:#fff;background-color:#333;border-color:#000;outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); text-decoration:none; outline-offset:-2px; }

/* ASR Font */
.as-ellipsis { display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.as-dark { color:#333; }
.as-crimson { color:crimson; }
.as-orange { color:orangered; }
.as-lightgray { color:#888; }
.as-cursor { cursor:pointer; }
.as-space, select.as-space, input.as-space { margin-right:5px; }

/* ASR Width */
.as-w40 { min-width:40px; }
.as-w60 { width:60px; }
.as-w80 { width:80px; }
.as-w100 { width:100px; }
.as-w120 { width:120px; }
.as-w140 { width:140px; }
.as-wt { width:97%; max-width:40px; }
.as-ws { width:97%; max-width:80px; }
.as-wm { width:97%; max-width:160px; }
.as-wl { width:97%; max-width:500px; }
.as-wf { width:97%; }

/* ASR P */
.as-pp { display:block; padding:10px; margin:0; }
.as-p { display:block; padding:5px 0 0; margin:0; }
.as-p5 { display:block; padding:5px 0; margin:0; }
.as-p10 { display:block; padding:10px 0; margin:0; }
.as-p20 { display:block; padding:20px 0; margin:0; }
.as-p30 { display:block; padding:30px 0; margin:0; }

/* ASR No */
.as-no-pmb, th.as-no-pmb, td.as-no-pmb { padding:0; margin:0; border:0; }
.as-no-border, th.as-no-border, td.as-no-border { border:0;}
.as-no-padding, th.as-no-padding, td.as-no-padding { padding:0;}
.as-no-data, td.as-no-data { text-align:center; padding:100px 0; color:#888; font-weight:normal; }
.as-no-wrap, th.as-no-wrap, td.as-no-wrap { white-space:nowrap; }