@charset "utf-8";
/* type class */
.input_txt{padding-left:5px;height:20px;line-height:20px;border:1px solid #c0c0c0;}
.txt_area{border:1px solid #c0c0c0;color:#868686;overflow:hidden;overflow-y:auto;resize:none;}
.input_select{padding:2px 5px 6px 5px;border:1px solid #c0c0c0;}

/*box*/
.blockbox{zoom:1}
.blockbox:after{content:"";display:block;clear:both;}
.leftbox {float:left;}
.leftbox:after{content:"";display:block;clear:both;}
.rightbox {float:right;}
.rightbox:after{content:"";display:block;clear:both;}
.centerbox {text-align:center;}
.centerbox:after{content:"";display:block;clear:both;}
.leftbox, .rightbox, .centerbox *{vertical-align:top;}
.leftbox input[type="image"], .leftbox input[type="submit"]{vertical-align:top;}
.rightbox input[type="image"], .rightbox input[type="submit"]{vertical-align:top;}
.centerbox input[type="image"], .centerbox input[type="submit"]{vertical-align:top;}

/*margin, padding, p.blank */
.mt0{margin-top:0px;} .mt10{margin-top:10px;} .mt20{margin-top:20px;} .mt30{margin-top:30px;} .mt40{margin-top:40px;} .mt50{margin-top:50px;}
.mt5{margin-top:5px;} .mt15{margin-top:15px;} .mt25{margin-top:25px;} .mt35{margin-top:35px;} .mt45{margin-top:45px;}
.mb0{margin-bottom:0px;} .mb10{margin-bottom:10px;} .mb20{margin-bottom:20px;} .mb30{margin-bottom:30px;} .mb40{margin-bottom:40px;} .mb50{margin-bottom:50px;}
.ml2{margin-left:2px;} .ml3{margin-left:3px;} .ml4{margin-left:4px;} .ml5{margin-left:5px;}
.ml10{margin-left:10px;} .ml20{margin-left:20px;} .ml30{margin-left:30px;} .ml40{margin-left:40px;} .ml50{margin-left:50px;} .ml70{margin-left:70px;}
.mrgt2{margin-right:2px;} .mrgt3{margin-right:3px;} mrgt4{margin-right:4px;} .mrgt5{margin-right:5px;}
.mrgt10{margin-right:10px;} .mrgt20{margin-right:20px;} .mrgt30{margin-right:30px;} .mrgt40{margin-right:40px;} .mrgt50{margin-right:50px;} .mrgt70{margin-right:70px;}

.pt10{padding-top:10px;} .pt20{padding-top:20px;} .pt30{padding-top:30px;} .pt40{padding-top:40px;} .pt50{padding-top:50px;}
.pb10{padding-bottom:10px;} .pb20{padding-bottom:20px;}
.pl10{padding-left:10px;} .pl20{padding-left:20px;}
.prgt10{padding-right:10px;} .prgt20{padding-right:20px;}
.padding10 {padding:10px;} .padding20 {padding:20px;}

.w100p {width:100%;} .w50p {width:50%;} .w45p {width:45%;} .w40p {width:40%;}
.w15   {width:15px;} .w17   {width:17px;}
.w10   {width:10px;} .w20 {width:20px;}		.w30   {width:30px;}	.w40   {width:40px;}	.w50   {width:50px;}	.w60   {width:60px;}	.w70   {width:70px;}	.w80   {width:80px;}	.w90   {width:90px;}
.w100  {width:100px;}	.w110  {width:110px;}	.w120  {width:120px;}	.w150  {width:150px;}	.w160  {width:160px;}	.w170  {width:170px;}	.w180  {width:180px;}
.w200  {width:200px;}
.w225  {width:225px;}
.w250  {width:250px;} .w260  {width:260px;} .w270  {width:270px;}
.w300  {width:300px;}
.w350  {width:350px;}  .w354  {width:354px;}
.w400  {width:400px;}
.w450  {width:450px;}
.w500  {width:500px;}
.w550  {width:550px;}
.w580  {width:580px;}
.w600  {width:600px;}
.w650  {width:650px;}
.w700  {width:700px;}
.w750  {width:750px;}
.w800  {width:800px;}

.h10 {height:10px;}
.h20 {height:20px;} .h23 {height:23px;} .h24 {height:24px;} .h25 {height:25px;} .h26 {height:26px;} .h27 {height:27px;} .h28 {height:28px;}
.h30 {height:30px;}
.h40 {height:40px;}
.h50 {height:50px;}
.h60 {height:60px;}
.h70 {height:70px;}
.h80 {height:80px;}
.h90 {height:90px;}
.h100 {height:100px;} .h110 {height:110px;} .h120 {height:120px;} .h130 {height:130px;} .h150 {height:150px;}	.h160 {height:160px;}	.h170 {height:170px;}
.h200 {height:200px;}
.h250 {height:250px;}
.h300 {height:300px;}
.h350 {height:350px;}
.h400 {height:400px;}
.h450 {height:450px;}
.h500 {height:500px;}
.h550 {height:550px;}
.h600 {height:600px;}

p.blank   {clear:both; margin: 0px; padding:0px; padding-top:10px;}
p.blank10 {clear:both; margin: 0px; padding:0px; padding-top:10px;}
p.blank20 {clear:both; margin: 0px; padding:0px; padding-top:20px; *margin-top:20px; *padding-top:0px;}
p.blank30 {clear:both; margin: 0px; padding:0px; padding-top:30px;}
p.blank40 {clear:both; margin: 0px; padding:0px; padding-top:40px;}
p.blank7  {clear:both; margin: 0px; padding:0px; padding-top:7px;}
p.blank6  {clear:both; margin: 0px; padding:0px; padding-top:6px;}
p.blank5  {clear:both; margin: 0px; padding:0px; padding-top:5px;}
p.blank4  {clear:both; margin: 0px; padding:0px; padding-top:4px;}
p.blank3  {clear:both; margin: 0px; padding:0px; padding-top:3px;}
p.blank2  {clear:both; margin: 0px; padding:0px; padding-top:2px;}
p.blank1  {clear:both; margin: 0px; padding:0px; padding-top:1px;}

/* [color] */
.c_ff4b19 {color:#ff4b19 !important;}
.c_555555 {color:#555555 !important;}
.c_888888 {color:#888888 !important;}
.c_aaaaaa {color:#aaaaaa !important;}
.c_f00{color:#f00 !important;}
.c_blue{color:blue !important;}
.c_orange{color:orange !important;}
.c_c15b27{color:#C15B27 !important;}
.c_66a2c8{color:#66a2c8 !important;}

/*span*/
span.check_id_txt{margin-left:10px;color:#6495ed;}
span.check_nickname_txt{margin-left:10px;color:#6495ed;}
span.check_email_txt{margin-left:10px;color:#f00;}

/* HTML FORM Validator */
.bg_form_vaildator{background:url('../images/bg_form_validator.gif') no-repeat right top; background-color:#fff;}
.bg_form_vaildator_readonly{background:url('../images/bg_form_validator.gif') no-repeat right top; background-color:#dddddd;}
.bg_form_readonly {background-color:#dddddd;}

/*button. use a, submit*/
.fororo_btn_l {display:inline-block; height:38px; padding:0 30px; border:1px solid #afafaf; background:none; font-size:12px; line-height:38px; text-align:center; vertical-align:top; color:#888888 !important; zoom:1;}
.fororo_btn_m {display:inline-block; height:28px; padding:0 15px; border:1px solid #afafaf; background:none; font-size:11px; line-height:28px; text-align:center; vertical-align:top; color:#888888 !important; zoom:1;}
.fororo_btn_s {display:inline-block; height:18px; padding:0 15px; border:1px solid #afafaf; background:none; font-size:11px; line-height:18px; text-align:center; vertical-align:top; color:#888888 !important; zoom:1;}
input[type="submit"].fororo_btn_l, input[type="button"].fororo_btn_l, input[type="reset"].fororo_btn_l {height:40px; line-height:38px;}
input[type="submit"].fororo_btn_m, input[type="button"].fororo_btn_m, input[type="reset"].fororo_btn_m {height:30px; line-height:28px;}
input[type="submit"].fororo_btn_s, input[type="button"].fororo_btn_s, input[type="reset"].fororo_btn_s {height:20px; line-height:18px;}

.fororo_btn_orange_l {display:inline-block; height:40px; padding:0 30px; border:none; background:#ff4b19; font-weight:bold; font-size:12px; line-height:40px; text-align:center; vertical-align:top; color:#fff !important; zoom:1;}
.fororo_btn_orange_m {display:inline-block; height:30px; padding:0 15px; border:none; background:#ff4b19; font-size:11px; line-height:30px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}
.fororo_btn_orange_s {display:inline-block; height:20px; padding:0 15px; border:none; background:#ff4b19; font-size:11px; line-height:20px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}

.fororo_btn_gray_l {display:inline-block; height:40px; padding:0 25px; border:none; background:#8f8f8f; font-size:12px; line-height:40px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}
.fororo_btn_gray_m {display:inline-block; height:30px; padding:0 15px; border:none; background:#8f8f8f; font-size:11px; line-height:30px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}
.fororo_btn_gray_s {display:inline-block; height:20px; padding:0 15px; border:none; background:#8f8f8f; font-size:11px; line-height:20px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}

.fororo_btn_blue_l {display:inline-block; height:40px; padding:0 25px; border:none; background:#3F58A1; font-size:12px; line-height:40px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}
.fororo_btn_blue_m {display:inline-block; height:30px; padding:0 15px; border:none; background:#3F58A1; font-size:11px; line-height:30px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}
.fororo_btn_blue_s {display:inline-block; height:20px; padding:0 15px; border:none; background:#3F58A1; font-size:11px; line-height:20px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}

.fororo_btn_darkgray_l {display:inline-block; height:40px; padding:0 25px; border:none; background:#464646; font-size:12px; line-height:40px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}
.fororo_btn_darkgray_m {display:inline-block; height:30px; padding:0 15px; border:none; background:#464646; font-size:11px; line-height:30px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}
.fororo_btn_darkgray_s {display:inline-block; height:20px; padding:0 15px; border:none; background:#464646; font-size:11px; line-height:20px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}


/* Anchor Button */
a.button,
a.button span { position:relative; display:inline-block; text-decoration:none !important; background:url("../images/btn_bg_white2.gif") no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle; *vertical-align:top;}
a.button { padding:0; background-position:left top; overflow:visible;}
a.button span { left:2px; padding:6px 13px 7px 8px; color:#000; font:12px/12px Sans-serif; background-position:right top;}
a.button span:active {padding:7px 13px 6px 8px;}
a.button span.long { padding:6px 30px 7px 28px; }
a.button span.sm {font-size:11px;}

a.button_small,
a.button_small span { position:relative; display:inline-block; text-decoration:none !important; background:url("../images/btn_bg_white3.gif") no-repeat; cursor:pointer; white-space:nowrap; text-align:center; vertical-align:middle; *vertical-align:top;}
a.button_small { background-position:left top; overflow:visible;}
a.button_small span { left:2px; padding:6px 8px 5px 4px; color:#666; font:11px/11px Sans-serif; background-position:right top;}

a.button_green,
a.button_green span { position:relative; display:inline-block; text-decoration:none !important; background:url("../images/btn_bg_green.gif") no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle; *vertical-align:top;}
a.button_green		{ padding:0; background-position:left top; overflow:visible;}
a.button_green span { left:6px; padding:12px 18px 10px 12px;  margin-right:3px; color:#fff; font:12px/14px Sans-serif; background-position:right top;}
a.button_green:hover  {background:url("../images/btn_bg_green.gif") left -36px no-repeat;}  a.button_green span:hover  {background:url("../images/btn_bg_green.gif") right -36px no-repeat;}
a.button_green:active {background:url("../images/btn_bg_green.gif") left -73px no-repeat;}  a.button_green span:active {padding:13px 18px 9px 12px; background:url("../images/btn_bg_green.gif") right -73px no-repeat;}

a.button_blue,
a.button_blue span { position:relative; display:inline-block; text-decoration:none !important; background:url("../images/btn_bg_blue.gif") no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle; *vertical-align:top;}
a.button_blue		{ padding:0; background-position:left top; overflow:visible;}
a.button_blue span { left:6px; padding:12px 18px 10px 12px;  margin-right:3px; color:#fff; font:12px/14px Sans-serif; background-position:right top;}
a.button_blue:hover  {background:url("../images/btn_bg_blue.gif") left -36px no-repeat;}  a.button_blue span:hover  {background:url("../images/btn_bg_blue.gif") right -36px no-repeat;}
a.button_blue:active {background:url("../images/btn_bg_blue.gif") left -73px no-repeat;}  a.button_blue span:active {padding:13px 18px 9px 12px; background:url("../images/btn_bg_blue.gif") right -73px no-repeat;}

a.button_yellow,
a.button_yellow span	{position:relative; display:inline-block; text-decoration:none !important; background:url("../images/btn_bg_yellow.gif") no-repeat;  cursor:pointer; white-space:nowrap; vertical-align:middle; *vertical-align:top;}
a.button_yellow			{padding:0; background-position:left top; overflow:visible;}
a.button_yellow span	{left:6px; padding:12px 20px 10px 15px;  margin-right:3px; color:#fff;  font:bold 12px/14px Sans-serif; background-position:right top;}
a.button_yellow span.on	{left:6px; padding:12px 20px 10px 15px;  margin-right:3px; color:#ff0000;  font:bold 12px/14px Sans-serif; background-position:right top;}
a.button_yellow:hover	{background:url("../images/btn_bg_yellow.gif") left -36px no-repeat;}  a.button_yellow span:hover  {background:url("../images/btn_bg_yellow.gif") right -36px no-repeat;}
a.button_yellow:active	{background:url("../images/btn_bg_yellow.gif") left -73px no-repeat;}  a.button_yellow span:active {background:url("../images/btn_bg_yellow.gif") right -73px no-repeat;}

a.button_yellow2,
a.button_yellow2 span	{position:relative; display:inline-block; text-decoration:none !important; background:url("../images/btn_bg_yellow.gif") no-repeat;  cursor:pointer; white-space:nowrap; vertical-align:middle; *vertical-align:top;}
a.button_yellow2			{padding:0; background-position:left top; overflow:visible;}
a.button_yellow2 span	{left:6px; padding:12px 11px 10px 11px;  margin-right:3px; color:#fff;  font:12px/14px Sans-serif; background-position:right top;}
a.button_yellow2:hover	{background:url("../images/btn_bg_yellow.gif") left -36px no-repeat;}  a.button_yellow span:hover  {background:url("../images/btn_bg_yellow.gif") right -36px no-repeat;}
a.button_yellow2:active	{background:url("../images/btn_bg_yellow.gif") left -73px no-repeat;}  a.button_yellow span:active {background:url("../images/btn_bg_yellow.gif") right -73px no-repeat;}

a.button_white,
a.button_white span { position:relative; display:inline-block; text-decoration:none !important; background:url("../images/btn_bg_white.gif") no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle; *vertical-align:top;}
a.button_white		{ padding:0; background-position:left top; overflow:visible;}
a.button_white span { left:6px; padding:12px 18px 10px 12px;  margin-right:3px; color:#333; font:12px/14px Sans-serif; background-position:right top;}
a.button_white:hover  {background:url("../images/btn_bg_white.gif") left -36px no-repeat;}  a.button_white span:hover  {background:url("../images/btn_bg_white.gif") right -36px no-repeat;}
a.button_white:active {background:url("../images/btn_bg_white.gif") left -73px no-repeat;}  a.button_white span:active {padding:13px 18px 9px 12px; background:url("../images/btn_bg_white.gif") right -73px no-repeat;}

/* modal pooup */
#fororo_modal_bg2{display:block;position:fixed;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;z-index:15;display:none;}
#fororo_boxmodal{position:fixed;top:50%;left:0;padding-top:30px;left:50%;z-index:20;display:none;}
#fororo_boxmodal .fororo_boxmodal_cts{border:1px solid #000;background-color:#fff;}
#fororo_boxmodal .fororo_boxmodal_close{position:absolute;top:0;right:0;width:30px;height:30px;text-indent:-1000em;z-index:-1;}
#fororo_boxmodal .fororo_boxmodal_close a{display:block;width:30px;height:30px;background:url('../images/btn_closemovie.png') no-repeat left top;}

/* Tree Navigation */
.fororo_tree_nav{position:relative;margin:1em 0;zoom:1}
.fororo_tree_nav ul{list-style:none;margin:0;padding:0}
.fororo_tree_nav ul ul{margin:0 0 0 -3px}
.fororo_tree_nav li{position:relative;padding:0 0 0 22px;white-space:nowrap;line-height:20px;background:url("../images/bg_tree_line.gif") no-repeat 9px 0;*zoom:1}
.fororo_tree_nav li.last{background-position:9px -1766px}
.fororo_tree_nav li.active a{font-weight:bold;color:#333}
.fororo_tree_nav li.active li a{font-weight:normal;color:#767676}
.fororo_tree_nav a{text-decoration:none;color:#767676}
.fororo_tree_nav a:hover,
.fororo_tree_nav a:active,
.fororo_tree_nav a:focus{text-decoration:underline}
.fororo_tree_nav a.on{color:red;}
.fororo_tree_nav .tNavToggle{position:absolute;top:0;left:0;width:19px;height:19px;padding:0;overflow:hidden;border:0;font-size:0;color:#fff;vertical-align:middle;text-indent:19px;*text-indent:0;background:transparent url("../images/bg_btn_plus_minus.gif") no-repeat;cursor:pointer}
.fororo_tree_nav .tNavToggle.plus{background-position:5px -15px}
.fororo_tree_nav .tNavToggle.minus{background-position:5px 5px}

/* loading bar indicator */
#fororo_loading_bar_indicator {position:absolute;top:0;left:0;width:100%;height:200%;display:none;z-index:9999;
	zoom: 1;
	filter: alpha(opacity=30);
	opacity: 0.3;
	background-color:#000;
}
#fororo_loading_bar_indicator span {position:fixed; padding:10px 5%; left:45%; top:45%; background-color:#fff; text-align:center;}
#fororo_loading_bar_indicator span#loading1{width:128px; height:15px; background:transparent url("../images/ajax_loader/ajax-loader-bert2.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading2{width:18px; height:15px; background:transparent url("../images/ajax_loader/ajax-loader-3d-rotation.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading3{width:16px; height:16px; background:transparent url("../images/ajax_loader/ajax-loader-arrows.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading4{width:220px; height:19px; background:transparent url("../images/ajax_loader/ajax-loader-bar.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading5{width:126px; height:22px; background:transparent url("../images/ajax_loader/ajax-loader-bar2.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading6{width:56px; height:21px; background:transparent url("../images/ajax_loader/ajax-loader-bar3.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading7{width:48px; height:48px; background:transparent url("../images/ajax_loader/ajax-loader-bar-circle.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading8{width:128px; height:15px; background:transparent url("../images/ajax_loader/ajax-loader-bert.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading9{width:54px; height:55px; background:transparent url("../images/ajax_loader/ajax-loader-big-circle-ball.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading10{width:35px; height:35px; background:transparent url("../images/ajax_loader/ajax-loader-big-flower.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading11{width:32px; height:32px; background:transparent url("../images/ajax_loader/ajax-loader-big-roller.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading12{width:32px; height:32px; background:transparent url("../images/ajax_loader/ajax-loader-big-snake.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading13{width:16px; height:16px; background:transparent url("../images/ajax_loader/ajax-loader-bouncing-ball.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading14{width:16px; height:16px; background:transparent url("../images/ajax_loader/ajax-loader-circle-ball.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading15{width:100px; height:100px; background:transparent url("../images/ajax_loader/ajax-loader-circle-thickbox.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading16{width:16px; height:16px; background:transparent url("../images/ajax_loader/ajax-loader-circling-ball.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading17{width:50px; height:50px; background:transparent url("../images/ajax_loader/ajax-loader-clock.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading18{width:42px; height:42px; background:transparent url("../images/ajax_loader/ajax-loader-drip-circle.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading19{width:32px; height:16px; background:transparent url("../images/ajax_loader/ajax-loader-expanding-circle.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading20{width:16px; height:11px; background:transparent url("../images/ajax_loader/ajax-loader-facebook.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading21{width:15px; height:15px; background:transparent url("../images/ajax_loader/ajax-loader-flower.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading22{width:32px; height:16px; background:transparent url("../images/ajax_loader/ajax-loader-hypnotize.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading23{width:16px; height:16px; background:transparent url("../images/ajax_loader/ajax-loader-indicator.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading24{width:32px; height:32px; background:transparent url("../images/ajax_loader/ajax-loader-indicator-big.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading25{width:32px; height:32px; background:transparent url("../images/ajax_loader/ajax-loader-indicator-big2.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading26{width:24px; height:24px; background:transparent url("../images/ajax_loader/ajax-loader-indicator-lite.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading27{width:16px; height:16px; background:transparent url("../images/ajax_loader/ajax-loader-kit.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading28{width:24px; height:24px; background:transparent url("../images/ajax_loader/ajax-loader-pac-man.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading29{width:28px; height:28px; background:transparent url("../images/ajax_loader/ajax-loader-pik.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading30{width:66px; height:66px; background:transparent url("../images/ajax_loader/ajax-loader-pk.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading31{width:16px; height:16px; background:transparent url("../images/ajax_loader/ajax-loader-radar.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading32{width:16px; height:16px; background:transparent url("../images/ajax_loader/ajax-loader-refresh.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading33{width:16px; height:16px; background:transparent url("../images/ajax_loader/ajax-loader-roller.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading34{width:25px; height:25px; background:transparent url("../images/ajax_loader/ajax-loader-smallwait.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading35{width:16px; height:16px; background:transparent url("../images/ajax_loader/ajax-loader-snake.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading36{width:43px; height:11px; background:transparent url("../images/ajax_loader/ajax-loader-squares.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading37{width:31px; height:31px; background:transparent url("../images/ajax_loader/ajax-loader-squares-circle.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading38{width:16px; height:16px; background:transparent url("../images/ajax_loader/ajax-loader-wheel.gif") no-repeat;}
#fororo_loading_bar_indicator span#loading39{width:32px; height:32px; background:transparent url("../images/ajax_loader/ajax-loader-wheel-throbber.gif") no-repeat;}

/* SERVER Type Display */
#fororo_alpha_server_display {
	position:fixed;top:0;left:0;z-index:10000;
	text-align:center;
	padding:0;margin:0;
	color:#fff;font-size:16px;font-weight:bold;
}
#fororo_alpha_server_display .title_dev {float:left;padding:0 10px;height:30px;line-height:30px;background-color:#000;}
#fororo_alpha_server_display .title_game_status {float:left;padding:0 10px;height:30px;line-height:30px;background-color:#f00;border-left:1px solid #2d2d2d;}
#fororo_alpha_server_display .btn_close {float:right;width:30px;height:30px;background:url("../images/btn_closemovie.png") no-repeat;cursor:pointer; border-left:1px solid #2d2d2d;}

/* datepicker by fororo-common.js */
.fororo-cal-wrap {position: relative; z-index:99;}
.fororo-cal-wrap input {width: 107px}
.fororo-cal-wrap .ui-datepicker-trigger {position: absolute; top: 50%; right: 8px; width: 15px; height: 16px; margin-top: -8px;}
.fororo-cal-wrap .ui-datepicker-trigger i {vertical-align: top}



/* START:Add CSS ========================================================================  */
.fororo-alert-popup-layer{display:none;position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;background-color:rgba(0,0,0,.5)}
.fororo-alert-popup-layer .alert{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);box-sizing:border-box;min-width:350px;width:auto;padding:30px;background-color:#fff;text-align:center}
.fororo-alert-popup-layer .alert .msg{padding-bottom:43px;font-size:20px;font-weight:400;color:#222}
.fororo-alert-popup-layer .alert .icn{margin-bottom:13px;text-align:center}
.fororo-alert-popup-layer .alert .icn>span{display:inline-block;width:90px;height:90px;border-radius:50%;line-height:90px;background-color:#f7f7f7}
.fororo-alert-popup-layer .alert .icn i{vertical-align:middle;font-size:38px;color:#3f4553;line-height:90px;}
.fororo-alert-popup-layer .alert-btn{display:block;width:100%; text-align:center;margin:0 auto;}
.fororo-alert-popup-layer .alert-btn a{display:inline-block;float:none;box-sizing:border-box;min-width:87px;width:auto;height:46px;padding:0 10px; margin-left:1em;line-height:46px;text-align:center;font-weight:400;vertical-align:top}
.fororo-alert-popup-layer .alert-btn a:last-child{margin-left:1em;}
.fororo-alert-popup-layer .alert-btn a:nth-child(3n+1) {margin-left:0;}
.fororo-alert-popup-layer .green{background-color:#2fb2ab;;color:#fff}
.fororo-alert-popup-layer .black{background-color:#333; color:#fff;}
.fororo-alert-popup-layer .white{background-color:#ddd; color:#333;}

.fororo-ly-pop-box{display:none;position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;background-color:rgba(0,0,0,.5)}
.fororo-ly-pop-box .s-pop {width: 85%; max-width: 450px}
.fororo-ly-pop-box .s-pop .txt-wrap {font-size: 0}
.fororo-ly-pop-box .s-pop .txt-wrap:before {content: ''; display: inline-block; width: 54px; height: 54px; margin-right: 10px; background: url(../images/img-caution.gif) no-repeat; background-size: 54px; vertical-align: middle}
.fororo-ly-pop-box .s-pop .txt {display: inline-block; width: calc(100% - 64px); font-size: 13px; vertical-align: middle}
.fororo-ly-pop-box .m-pop {width: 90%; max-width: 650px}
.fororo-ly-pop-box .l-pop {width: 90%; max-width: 850px}
.fororo-ly-pop-box .s-pop .txt-wrap:before {width: 74px; height: 74px; margin-right: 20px; background-size: 74px}
.fororo-ly-pop-box .s-pop .txt {width: calc(100% - 94px); font-size: 16px}
.fororo-ly-pop-box .ly-pop .top{position:relative;height:67px;padding-left:30px;line-height:67px;}
.fororo-ly-pop-box .ly-pop .top span{font-size:18px}
.fororo-ly-pop-box .ly-pop .top a{width:76px;font-size:1.6em}
.fororo-ly-pop-box .ly-pop .top img{vertical-align: middle;}
.fororo-ly-pop-box .ly-pop .pop-ctn{max-height:calc(100vh - 227px);padding:30px 30px 0;}
.fororo-ly-pop-box .ly-pop .pop-ctn>*:last-child{margin-bottom:40px}
.fororo-ly-pop-box .ly-pop .btm-btn {margin-top: 25px}
.fororo-ly-pop-box .ly-pop .btm-btn a {height: 46px; padding: 0 20px; font-size: 15px; line-height: 46px}
.fororo-ly-pop-box .ly-pop .excel-form:after {content: ''; display: block; clear: both}
.fororo-ly-pop-box .ly-pop .excel-form > div {float: left; width: 33.33%; padding: 0}
.fororo-ly-pop-box .ly-pop .excel-form label {width: 90px}
.fororo-ly-pop-box .ly-pop .excel-form select {width: 150px}
.fororo-ly-pop-box .ly-pop .excel-save {margin-top: 20px; padding: 18px 25px 18px 0}

/* Tab Menu */
.fororo-tab-mn ul{display:table;table-layout:fixed;width:100%}
.fororo-tab-mn li{display:table-cell}
.fororo-tab-mn a{display:block;position:relative;height:50px;line-height:50px;text-align:center;font-size:17px}
.fororo-tab-mn a span{position:relative;z-index:3}
.fororo-tab-mn a:before{display:block;content:"";position:absolute;left:0;top:0;z-index:2;width:calc(100% - 1px);height:100%;border-color:#d3d3d3 #d3d3d3 #222;border-style:solid;border-width:1px;background-color:#fff}
.fororo-tab-mn a:hover,.fororo-tab-mn .on{font-weight:500;color:#222}
.fororo-tab-mn a:hover:before,.fororo-tab-mn .on:before{z-index:3;width:calc(100% + 1px);border-color:#222 #222 #fff}

/*Loading Loader CSS */
#fororo_loader_spinner {display:none;position:fixed;left:0;top:0;z-index:1000; width:100%;height:100%;background-color:rgba(0,0,0,.5)}
#fororo_loader_spinner .lds-spinner {color: official;display: inline-block;position: absolute;left:50%;top:50%;width: 64px;height: 64px;margin:-32px 0 0 -32px}
#fororo_loader_spinner .lds-spinner div {transform-origin: 32px 32px;animation: lds-spinner 1.2s linear infinite;}
#fororo_loader_spinner .lds-spinner div:after {content: " ";display: block;position: absolute;top: 3px;left: 29px;width: 5px;height: 14px;border-radius: 20%;background:#fff}
#fororo_loader_spinner .lds-spinner div:nth-child(1) {transform: rotate(0deg);animation-delay: -1.1s;}
#fororo_loader_spinner .lds-spinner div:nth-child(2) {transform: rotate(30deg);animation-delay: -1s;}
#fororo_loader_spinner .lds-spinner div:nth-child(3) {transform: rotate(60deg);animation-delay: -0.9s;}
#fororo_loader_spinner .lds-spinner div:nth-child(4) {transform: rotate(90deg);animation-delay: -0.8s;}
#fororo_loader_spinner .lds-spinner div:nth-child(5) {transform: rotate(120deg);animation-delay: -0.7s;}
#fororo_loader_spinner .lds-spinner div:nth-child(6) {transform: rotate(150deg);animation-delay: -0.6s;}
#fororo_loader_spinner .lds-spinner div:nth-child(7) {transform: rotate(180deg);animation-delay: -0.5s;}
#fororo_loader_spinner .lds-spinner div:nth-child(8) {transform: rotate(210deg);animation-delay: -0.4s;}
#fororo_loader_spinner .lds-spinner div:nth-child(9) {transform: rotate(240deg);animation-delay: -0.3s;}
#fororo_loader_spinner .lds-spinner div:nth-child(10) {transform: rotate(270deg);animation-delay: -0.2s;}
#fororo_loader_spinner .lds-spinner div:nth-child(11) {transform: rotate(300deg);animation-delay: -0.1s;}
#fororo_loader_spinner .lds-spinner div:nth-child(12) {transform: rotate(330deg);animation-delay: 0s;}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* Form Search Area */
#fororo_searchform_wrap {width:100%; list-style: none;}
#fororo_searchform_wrap {content:"";display:block;clear:both;}
#fororo_searchform_wrap label {float:left; height:30px; line-height:30px;}
#fororo_searchform_wrap select {height:30px; width:120px;}
#fororo_searchform_wrap input {height:26px; margin:0;vertical-align: top;}
#fororo_searchform_wrap .ag_grid_wrap {clear:both;float:left;margin-top:10px; margin-left:-10px;}
#fororo_searchform_wrap .ag_grid_wrap {content:"";display:block;clear:both;}
#fororo_searchform_wrap .ag_grid_wrap li {float:left; margin-left:10px;}

#fororo_searchform_wrap .fsearch_wrap {clear:both;float:left;margin-top:10px; margin-left:-10px;}
#fororo_searchform_wrap .fsearch_wrap {content:"";display:block;clear:both;}
#fororo_searchform_wrap .fsearch_wrap li {float:left; margin-left:10px;}
#fororo_searchform_wrap .fsearch_wrap .btn_period {
    -webkit-appearance: none;
    font-size: 12px;
    text-shadow: none;
    line-height: 120%;
    display: inline-block;
    outline: 0;
    padding: 3px 10px;
    margin: 0;
    position: relative;
    border-radius: 3px;
    border: 1px solid #CCCCCC;
    background-color: #2fb2ab;
    color: #fff;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none !important;
    text-align: center;
    font-weight: normal !important;
    box-sizing: border-box;
}
#fororo_searchform_wrap .fsearch_wrap li.searchword_area {clear:both;float:left;margin-top:10px;}

.fororo_scroll {position:relative;overflow-x:auto}
.fororo_scroll_layer{display:block;box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);text-align:center;color:#fff}
.fororo_scroll_layer>span{display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:100%;padding-top:46px;background:url(../images/icon_scroll.png) no-repeat 50% calc(50% - 11px);background-size:37px auto;text-align:center}

/* 목록 폼 */
.fororo_list_table{border-top: 2px solid #333; width:100%;}
.fororo_list_table thead th,.fororo_list_table tbody td {border-right:1px solid #d3d3d3}
.fororo_list_table thead th:last-child, .fororo_list_table tbody td:last-child {border-right: 0}
.fororo_list_table thead th{padding:8px 10px;border-bottom:1px solid #d3d3d3;background-color:#f7f7f7;font-weight:500;color:#444;word-break: keep-all}
.fororo_list_table tbody td{padding:8px 10px;border-bottom:1px solid #d3d3d3;text-align:center;word-break: keep-all}
.fororo_list_table .txt-left{text-align:left}
.fororo_list_table .v-top{vertical-align:top}
.fororo_list_a li {position: relative; margin-bottom: 2px; padding-left: 11px; font-size: 13px}
.fororo_list_a li:last-child {margin-bottom: 0}
.fororo_list_a li .num {position: absolute; top: 0; left: 0}
.fororo_list_a + .search-wrap {margin-top: 20px}
.fororo_paging {margin-top: 20px; font-size: 0; text-align: center}
.fororo_paging span {display: inline-block; vertical-align: middle}
.fororo_paging a, .fororo_paging strong {display: inline-block; width: 27px; height: 27px; font-size: 12px; vertical-align: middle; line-height: 27px; border: 1px solid #d4d4d4; border-left: 0}
.fororo_paging strong {color: #fff; font-weight: 300; background: #333; border-color: #333}
.fororo_paging .btn-move {color: #727272}
.fororo_paging .btn-first {border-left: 1px solid #d4d4d4}
.fororo_paging .btn-last {border-right: 1px solid #d4d4d4}

/* 쓰기 폼 */
.fororo_row_table{border-top:2px solid #333; width:100%;}
.fororo_row_table th{font-weight:500;color:#333;}
.fororo_row_table td{padding:15px;}
.fororo_row_table th,.fororo_row_table td{border-bottom:1px solid #ddd}
.fororo_row_table input[type="text"] {height:16px;padding:2px;}

/* 댓글 폼 */
.fororo_comment_box{margin-top:30px;padding:10px;background-color:#f7f7f7; width:100%;}
.fororo_comment_wr{position:relative;padding-right:70px}
.fororo_comment_wr textarea{width:100%;height:60px;font-size:13px}
.fororo_comment_wr .btn-cmt{position:absolute;right:0;background-color:#2fb2ab;color:#fff;top:0;width:67px;height:60px}
.fororo_c_list{margin-bottom:10px;border-bottom:1px solid #dcdcdc;padding-bottom:10px}
.fororo_c_list_top{position:relative}
.fororo_c_list_top>span{display:inline-block;position:relative;padding-right:10px;margin-left:3px}
.fororo_c_list_top>span:first-child{margin-left:0}
.fororo_c_list_top>span:first-child:after{display:block;content:"";position:absolute;right:0;top:5px;width:1px;height:10px;background-color:#333}
.fororo_c_list_top strong{font-weight:400;color:#333}
.fororo_c_list_btm{margin-top:5px}
.fororo_c_list_top button{position:absolute;right:0;top:0;width:23px;height:23px;line-height:20px;border:1px solid #dcdcdc;background-color:#fff;font-size:12px}

/* 보기 폼 */
.fororo_view_form{border-style:solid;border-width:2px 0 1px;border-color:#333 #fff #dcdcdc; width:100%;}
.fororo_view_form .v-tit{padding:18px 14px;border-bottom:1px solid #dcdcdc;background-color:#f7f7f7;font-weight:500;font-size:15px;color:#222}
.fororo_view_form .v-info{padding:15px 12px;border-bottom:1px solid #dcdcdc}
.fororo_view_form .v-info ul{overflow:hidden}
.fororo_view_form .v-info li{float:left;position:relative;padding:0 20px;font-size:13px}
.fororo_view_form .v-info li:after{display:block;content:"";position:absolute;right:0;top:2px;width:1px;height:15px;background-color:#dcdcdc}
.fororo_view_form .v-info li:first-child{padding-left:0}
.fororo_view_form .v-info li:last-child:after{display:none}
.fororo_view_form .v-info li span{margin-right:10px;font-weight:400}
.fororo_view_form .v-txt{padding:25px 12px}

.fororo_btn_view_btm{overflow:hidden;margin-top:20px; width:100%;}
.fororo_btn_view_btm a {float: left; padding: 7px 14px; background: #333; color: #fff}
.fororo_btn_view_btm2{margin-top:30px; width:100%;}
.fororo_btn_view_btm2 a{padding:9px 18px}

/* 이전글, 다음글 */
.fororo_prev_next{margin-top:20px; border-top:1px solid #d9d9d9; width:100%;}
.fororo_prev_next dl{overflow:hidden}
.fororo_prev_next dt,.fororo_prev_next dd{height:48px;line-height:48px;border-bottom:1px solid #d9d9d9;}
.fororo_prev_next dt{position:relative;float:left;padding: 0 23px 0 15px;text-align:center;font-weight:500;color:#222}
.fororo_prev_next dt:after{display:block;content:"";position:absolute;right:0;top:50%;width:1px;height:15px;margin-top:-7px;background-color:#d9d9d9}
.fororo_prev_next dd{overflow:hidden;padding-left:23px}
.fororo_prev_next a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/*Good or NoGood*/
#fororo_board_view_good {position:relative;display:inline-block;padding-left:134px;width:70px;height:53px;line-height:18px;text-align:left;background:url("../images/board/btn/bg_good.gif") no-repeat left top;font-size:16px;font-weight:bold;color:#fff;overflow:hidden;cursor:pointer;}
#fororo_board_view_good .txt{display:block;text-indent:-1000em;z-index:-1;}
#fororo_board_view_good .btn{display:block;position:absolute;top:-53px;left:0;width:204px;height:53px;z-index:10;}
#fororo_board_view_nogood {position:relative;display:inline-block;padding-left:134px;width:70px;height:53px;line-height:18px;text-align:left;background:url("../images/board/btn/bg_nogood.gif") no-repeat left top;font-size:16px;font-weight:bold;color:#fff;overflow:hidden;cursor:pointer;}
#fororo_board_view_nogood .txt{display:block;text-indent:-1000em;z-index:-1;}
#fororo_board_view_nogood .btn{display:block;position:absolute;top:-53px;left:0;width:204px;height:53px;z-index:10;}

/*Pagination */
.fororo_board_paging {margin-top: 20px; font-size: 0; text-align: center}
.fororo_board_paging span {display: inline-block; vertical-align: middle}
.fororo_board_paging a, .fororo_board_paging strong {display: inline-block; width: 27px; height: 27px; font-size: 12px; vertical-align: middle; line-height: 27px; border: 1px solid #d4d4d4; border-left: 0}
.fororo_board_paging strong {color: #fff; font-weight: 300; background: #333; border-color: #333}
.fororo_board_paging .btn-move {color: #727272}
.fororo_board_paging .btn-first {border-left: 1px solid #d4d4d4; background-image:url('../images/board/btn/btn_first.jpg'); background-repeat:no-repeat; background-position: center;}
.fororo_board_paging .btn-prev {background-image:url('../images/board/btn/btn_pre.jpg'); background-repeat:no-repeat; background-position: center;}
.fororo_board_paging .btn-next {background-image:url('../images/board/btn/btn_next.jpg'); background-repeat:no-repeat; background-position: center;}
.fororo_board_paging .btn-last {border-right: 1px solid #d4d4d4;  background-image:url('../images/board/btn/btn_end.jpg'); background-repeat:no-repeat; background-position: center;}

/* START: 툴팁 ************************ */
.fororo_tooltip{display: inline-block;}
.fororo_tooltip i{color:#0abab5; font-weight:400; vertical-align: baseline}
.fororo_tooltip_content{ display: none; text-align: left; font-size: 12px; background-color: #fff; padding:20px 10px 10px 10px; border-radius:10px; font-size:1em; box-shadow:5px 5px 5px #888; background:#0abab5; color:#fff;}
.fororo_tooltip_content:after{display:inline-block; content:' '; width:20px;}
/* 툴팁 삭제버튼 추가 */
.fororo_tooltip_close{position:absolute; top:7px; right:12px;}
/* END  : 툴팁 ************************ */


/* START: Font 깜빡임 효과 ************* */
.fororo_blinking{
	-webkit-animation:fororo_blink 0.5s ease-in-out infinite alternate;
    -moz-animation:fororo_blink 0.5s ease-in-out infinite alternate;
    animation:fororo_blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes fororo_blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes fororo_blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes fororo_blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
/* END  : Font 깜빡임 효과 ************* */
/* END  :Add CSS ========================================================================  */