/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
#
#   subject : main style sheets
#   date    : 2012.07.26.
#   editor  : k84n666@gmail.com (dblee)
#
#   history : 1. facebook: #1759B
#             2. Warning : @import url("???.css"); <-- 占쏙옙占쏙옙占쏙옙 占싫듸옙.
#
# * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@charset "utf-8";

*
{
	font-size: 12px;
	font-family: 돋움체, Arial !important;
}

html
{
	background-color          : #ffffff;
	scrollbar-face-color      : #f2f2f2;
	scrollbar-shadow-color    : #b7b7b7;
	scrollbar-highlight-color : #f2f2f2;
	scrollbar-3dlight-color   : #f2f2f2;
	scrollbar-darkshadow-color: #e9e9e9;
	scrollbar-track-color     : #e9e9e9;
	scrollbar-arrow-color     : #999999;
	font-size: 12px !important;
}

#body {
	text-align: center;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:0px;
	font-size: 12px !important;
}

#loading
{
 	width: 200px;
 	height: 100px;
 	background-color: #c0c0c0;
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	margin-top: -50px;
 	margin-left: -100px;
 	text-align: center;
}

/* scrollbar style defined */

::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
::-webkit-scrollbar-button {
    background: #eee;
}
::-webkit-scrollbar-track-piece {
    background: #ccc;
}
::-webkit-scrollbar-thumb {
    background: #bbb;
}

/* html badic code */
/* class */
th { font-weight: normal;line-height: 14px; }

/* head fixed */
.header       { position: absolute; bottom: 0px; width: 100%; height: 69px; }
.header-inner { margin-right: 17px; width: 100%; height: 69px; }

#head {
	position:absolute;
	margin-left:-321px;
	left:50%;
	top:0;
	width:100%;
	min-width:640px;
	height:150px;
	background:#fff;
	border:1px solid #000;
	}

#cover    { width: 850px; margin: auto;  border: none; }

/* footer fixed */
.footer       { position: fixed; bottom: 0px; width: 100%; height: 69px; }
.footer-inner { backgcolor: #efefef; margin-right: 17px; width: 100%; height: 69px; }
.footerbg     { height: 50px; }

/* 4占쏙옙占쏙옙 占쌘쏙옙 */
.m_box               { padding: 20px; border: 1px solid #ccc; margin: 10px -20px 20px; }

.box       { width: 98%; height:16px; line-height:18px; border:1px solid; background-color:#ffffff; border-color:#BCD1FC; font-size: 11px; }
.box2      { width: 98%; height:16px; line-height:18px; border:1px solid; background-color:#ffffff; border-color:#cccccc; font-size: 12px; padding-left:3px; }
.box3      { width: 98%; height:16px; line-height:18px; border:0px solid; background-color:#ffffff; border-color:#eeeeee; font-size: 12px; }
.box4      { cursor:pointer; line-height:18px; border:0 solid; background-color:#dddddd; border-color:#ffffff; color:#666666; padding-top:3px; font-size: 12px; }
.box6      { cursor:pointer; border:1px solid; background-color:#333333; border-color:#666666; color: #eeeeee; font-size: 12px }
.textarea  { border:1px solid; background-color:#ffffff; border-color:#d0d0d0; font-size: 12px; }
.box_r     { cursor:pointer; line-height:18px; border:0 solid; background-color:#e54c4c; border-color:ffffff; color:#ffffff; padding-top:3px; font-size: 12px; }
.box_b     { cursor:pointer; line-height:18px; border:0 solid; background-color:#4c89e5; border-color:ffffff; color:#ffffff; padding-top:3px; font-size: 12px; }
.box_g     { cursor:pointer; line-height:18px; border:0 solid; background-color:#4fab1a; border-color:ffffff; color:#ffffff; padding-top:3px; font-size: 12px; }
.box_d     { cursor:pointer; line-height:18px; border:0 solid; background-color:#999999; border-color:ffffff; color:#ffffff; padding-top:3px; font-size: 12px; }

.chk       { background-color:#ffffff; }
.sel       {}

a:link     { color:#000; text-decoration: none; }
a:active   { color:#000; text-decoration: none; }
a:visited  { color:#000; text-decoration: none; }
a:hover    { color:#000; text-decoration: none; }

/* 占쏙옙占� 占쏙옙占� 占쏙옙占쏙옙 */

#hd_wrapper { position:absolute; width:100%; padding: 0px 0px 0px 0px; }
#hd_title   { position:absolute; width:200px; text-align: left; color: #ffffff; padding: 15px 0px 0px 10px; }
#hd_right   { width:100%; text-align: right; }

/* etc */

#container {
	width: 960px;
}

#header {
	background-color: #FF4A4D;
	height: 50px;
}
#contents {
	float: left;
	/*background-color: #FFC64A; */
	width: 200px;
	height: 50px; /* 占쏙옙占쏙옙 占쏙옙占쏙옙 */
}
#sidebar {
	float: right;
	/*background-color: #85C69D;*/
	width: 500px;
	height: 50px; /* 占쏙옙占쏙옙 占쏙옙占쏙옙 */
}
#footer {
	clear: both;
	background-color: #3B83B1;
	height: 40px;
}

/* Login */

/* ------------------------------------------- 占쏙옙占쏙옙트 占쏙옙占쎌스 on,over 占쏙옙타占쏙옙 占쏙옙占쏙옙 ---------------------------------------- */
#list_table tr       { background-color: #FFFFFF; }
#list_table tr:hover { background-color: #fafafa; }
/* ------------------------------------------- 占쏙옙占쏙옙트 占쏙옙占쎌스 on,over 占쏙옙타占쏙옙 占쏙옙占쏙옙 ---------------------------------------- */


/* ------------------------------------------- 占쏙옙占쏙옙占쏙옙 占썩본 占쏙옙타占쏙옙 占쏙옙占쏙옙 -------------------------------------------------- */

.th-print {  background-color: #000;font-size: 12px;color:#FFF;font-weight:normal; padding: 4px 0px 3px 0px;  }

/* ------------------------------------------- 占쏙옙占쏙옙占쏙옙 占썩본 占쏙옙타占쏙옙 占쏙옙占쏙옙 -------------------------------------------------- */


/* ------------------------------------------- 占싹반억옙占� 占썩본 占쏙옙타占쏙옙 占쏙옙占쏙옙 ------------------------------------------------ */

/* 占쌉력억옙占� */
.gl_title_l {  text-align:left;  background-color: #e0e0e0;padding:4px 0px 2px 0px;  }
.gl_title_r {  text-align:right; background-color: #e0e0e0;padding:4px 0px 2px 0px;  }
.gl_title_c {  text-align:center;background-color: #e0e0e0;padding:4px 0px 2px 0px;  }
.gi_list_l  {  text-align:left;  align:left;   padding: 4px 0px 2px 3px;  }
.gi_list_r  {  text-align:right; align:right;  padding: 4px 3px 2px 0px;  }
.gi_list_c  {  text-align:center;align:center; padding: 4px 0px 2px 0px;  }

/* 占싯삼옙占쏙옙占� */
.sl_title_l {  text-align:left;  background-color: #CFDEF3;padding:4px 0px 2px 0px;  }
.sl_title_r {  text-align:right; background-color: #CFDEF3;padding:4px 0px 2px 0px;  }
.sl_title_c {  text-align:center;background-color: #CFDEF3;padding:4px 0px 2px 0px;  }
.si_list_l  {  text-align:left;  align:left;   padding: 4px 0px 2px 3px;  }
.si_list_r  {  text-align:right; align:right;  padding: 4px 3px 2px 0px;  }
.si_list_c  {  text-align:center;align:center; padding: 4px 0px 2px 0px;  }

/* ------------------------------------------- 占싹반억옙占� 占썩본 占쏙옙타占쏙옙 占쏙옙占쏙옙 ------------------------------------------------ */


/* ------------------------------------------- Report 占썩본 占쏙옙타占쏙옙 占쏙옙占쏙옙 -------------------------------------------------- */

.l_title {  text-align:center;background-color: #e0e0e0;font-weight:bold;padding:4px 0px 2px 0px;  }
.money   {  text-align:right; align:right;  padding: 4px 5px 2px 0px;  }
.money_b {  text-align:right; align:right;  padding: 4px 5px 2px 0px; font-weight:bold;  }

/* 占싼깍옙 占쌘쇽옙占쏙옙 占쏙옙占쏙옙 占쌩억옙占쏙옙占식쏙옙 占쏙옙占쏙옙 占십븝옙 占쏙옙占쏙옙 占쏙옙占쌩깍옙 */
.fls-b2 { letter-spacing:90.0px; }

/* 占쏙옙占싱븝옙 占쌓두몌옙 1px占쏙옙 占쏙옙치占쏙옙 占싸븝옙 占쏙옙占쏙옙 占쌜억옙占쏙옙 占쏙옙 */
.table_border       { border-top:    1px solid #AAAAAA; border-right: 1px solid #AAAAAA; }
.table_border tr td { border-bottom: 1px solid #AAAAAA; border-left:  1px solid #AAAAAA; }
.table_border tr th { border-bottom: 1px solid #AAAAAA; border-left:  1px solid #AAAAAA; }

/* 占쏙옙占싱븝옙 占쌓두몌옙 1px占쏙옙 占쏙옙치占쏙옙 占싸븝옙 占쏙옙占쏙옙 占쌜억옙占쏙옙 占쏙옙 - 占쏙옙占쏙옙占쏙옙 占쏙옙占쏙옙*/
.table_p_border       { border-top:    1px solid #666666; border-right: 1px solid #666666; }
.table_p_border tr td { border-bottom: 1px solid #666666; border-left:  1px solid #666666; }
.table_p_border tr th { border-bottom: 1px solid #666666; border-left:  1px solid #666666; }

/* 占쏙옙占싱븝옙 占쌓두몌옙 1px占쏙옙 占쏙옙치占쏙옙 占싸븝옙 占쏙옙占쏙옙 占쌜억옙占쏙옙 占쏙옙 */

.table_bg_border       { border-top:    1px solid #eeeeee; border-right: 1px solid #fafafa; }
.table_bg_border tr td { border-bottom: 1px solid #eeeeee; border-left : 1px solid #fafafa; }
.table_bg_border tr th { border-bottom: 1px solid #eeeeee; border-left : 1px solid #fafafa; }

.table_bl_border       { border-top:    1px solid #dddddd; border-right: 0px solid #dddddd; }
.table_bl_border tr td { border-bottom: 1px solid #dddddd; border-left : 0px solid #dddddd; }
.table_bl_border tr th { border-bottom: 1px solid #dddddd; border-left : 0px solid #dddddd; }

.table_cl_border       { border-top:    1px solid #DDF2DF; border-right: 0px solid #DDF2DF; }
.table_cl_border tr td { border-bottom: 1px solid #DDF2DF; border-left : 0px solid #DDF2DF; }
.table_cl_border tr th { border-bottom: 1px solid #DDF2DF; border-left : 0px solid #DDF2DF; }

.table_no_border       { border-top:    1px solid #ffffff; border-right: 1px solid #ffffff; }
.table_no_border tr td { border-bottom: 1px solid #ffffff; border-left : 1px solid #ffffff; }
.table_no_border tr th { border-bottom: 1px solid #ffffff; border-left : 1px solid #ffffff; }

.table_line_border       { border-top:    1px solid #eeeeee; border-bottom: 1px solid #eeeeee; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; }
.table_line_border tr td { border-bottom: 0px solid #ffffff; border-left  : 0px solid #ffffff; }
.table_line_border tr th { border-bottom: 0px solid #ffffff; border-left  : 0px solid #ffffff; }

.table_bn_border       { border-top:    5px ; border-right: 0px solid; }

.table_bd_border       { border-top:    1px solid #DDF2DF; border-right: 1px solid #DDF2DF; }
.table_bd_border tr td { border-bottom: 1px solid #DDF2DF; border-left : 1px solid #DDF2DF; }
.table_bd_border tr th { border-bottom: 1px solid #DDF2DF; border-left : 1px solid #DDF2DF; }


.table_no              { border-top:    0px solid #ffffff; border-bottom: 0px solid #ffffff; border-left: 0px solid #ffffff; border-right: 0px solid #ffffff; }     
.table_no        tr td { border-top:    0px solid #ffffff; border-bottom: 0px solid #ffffff; border-left: 0px solid #ffffff; border-right: 0px solid #ffffff; }     
.table_no        tr th { border-top:    0px solid #ffffff; border-bottom: 0px solid #ffffff; border-left: 0px solid #ffffff; border-right: 0px solid #ffffff; }     


.table_in_border          { border-top    : 1px solid #efefef; border-right: 1px solid #cfcfcf; }
.table_in_border tr td    { border-bottom : 1px solid #efefef; border-left : 1px solid #cfcfcf; }
.table_in_border tr th    { border-bottom : 1px solid #cfcfcf; border-left : 1px solid #cfcfcf; } /*font-weight: bold;*/
.table_in_border tr       { background-color: #ffffff; }
.table_in_border tr:hover { background-color: #fafafa; }


.table_ve_border          { border-top    : 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; }
.table_ve_border tr td    { border-bottom : 1px solid #bfbfbf; border-left : 1px solid #bfbfbf; }
.table_ve_border tr th    { border-bottom : 1px solid #bfbfbf; border-left : 1px solid #bfbfbf; } /*font-weight: bold;*/
.table_ve_border tr       { background-color: #efefff; }
.table_ve_border tr:hover { background-color: #ddd; }


/* 占쏙옙占쏙옙 占쏙옙 CSS pd: 占쏙옙 px: 占쏙옙칭 */
.normal                { font-size: 11px; }
.bb                    { font-size: 11px; }

.abs                   { font-size: 11px; width:  122px; height: 18px; padding: 3px 3px 0px 3px; }

/* toolbar defined */

.l                     { text-align:   left; }
.c                     { text-align: center; }
.r                     { text-align:  right; }

.tl                    { padding: 2px 5px 2px 5px; text-align:   left; line-height: 15px; }
.tc                    { padding: 2px 5px 2px 5px; text-align: center; line-height: 15px; }
.tr                    { padding: 2px 5px 2px 5px; text-align:  right; line-height: 15px; }

.pl                    { padding: 2px 5px 2px 5px; text-align:   left; background: #efefef; color: #333333; }
.pc                    { padding: 2px 5px 2px 5px; text-align: center; background: #efefef; color: #333333; }
.pr                    { padding: 2px 5px 2px 5px; text-align:  right; background: #efefef; color: #333333; }

.al                    { padding: 2px 5px 2px 5px; text-align:   left; background: #fafafa; color: #333333; }
.ac                    { padding: 2px 5px 2px 5px; text-align: center; background: #fafafa; color: #333333; }
.ar                    { padding: 2px 5px 2px 5px; text-align:  right; background: #fafafa; color: #333333; }

.dl                    { padding: 2px 5px 2px 5px; text-align:   left; background: #dfdfdf; color: #333333; }
.dc                    { padding: 2px 5px 2px 5px; text-align: center; background: #dfdfdf; color: #333333; }
.dr                    { padding: 2px 5px 2px 5px; text-align:  right; background: #dfdfdf; color: #333333; }

.bl                    { padding: 2px 5px 2px 5px; text-align:   left; background: #333333; color: #ffffff; }
.bc                    { padding: 2px 5px 2px 5px; text-align: center; background: #333333; color: #ffffff; }
.br                    { padding: 2px 5px 2px 5px; text-align:  right; background: #333333; color: #ffffff; }

.ll                    { padding: 2px 0px 2px 5px; text-align:   left; }
.cc                    { padding: 2px 0px 2px 5px; text-align: center; }
.rr                    { padding: 2px 0px 2px 5px; text-align:  right; }

.table_no_border .tr   { padding-right: 5px; }

/* ------------------------------------------- Report 占썩본 占쏙옙타占쏙옙 占쏙옙占쏙옙 -------------------------------------------------- */


.tbl_repeat td {
	/*border-bottom: dashed 1px #dfdfdf; */
}

.c_ffffff { background: #ffffff; }
.c_efefef { background: #efefef; }
.c_eeeeee { background: #eeeeee; }
.c_666666 { background: #666666; }
.c_333333 { background: #333333; }
.c_000000 { background: #000000; }

.w                     { width:200px; }
.z                     { width:120px; }
.y                     { width:150px; }
.x                     { width: 90px; }
.o                     { width: 70px; }
.f                     { width: 50px; }
.s                     { width: 25px; }

.dis { disabled; }

.wp_000 { width:   0%; }
.wp_005 { width:   5%; }
.wp_008 { width:   8%; }
.wp_009 { width:   9%; }
.wp_010 { width:  10%; }
.wp_015 { width:  15%; }
.wp_020 { width:  20%; }
.wp_025 { width:  25%; }
.wp_030 { width:  30%; }
.wp_033 { width:  33%; }
.wp_035 { width:  35%; }
.wp_040 { width:  40%; }
.wp_045 { width:  45%; }
.wp_049 { width:  49%; }
.wp_050 { width:  50%; }
.wp_055 { width:  55%; }
.wp_060 { width:  60%; }
.wp_065 { width:  65%; }
.wp_070 { width:  70%; }
.wp_075 { width:  75%; }
.wp_080 { width:  80%; }
.wp_085 { width:  85%; }
.wp_090 { width:  90%; }
.wp_094 { width:  94%; }
.wp_095 { width:  95%; }
.wp_096 { width:  96%; }
.wp_097 { width:  97%; }
.wp_098 { width:  98%; }
.wp_099 { width:  99%; }
.wp_100 { width: 100%; }

.wi_000 { width:   0px; }
.wi_005 { width:   5px; }
.wi_010 { width:  10px; }
.wi_015 { width:  15px; }
.wi_020 { width:  20px; }
.wi_025 { width:  25px; }
.wi_030 { width:  30px; }
.wi_035 { width:  35px; }
.wi_040 { width:  40px; }
.wi_045 { width:  45px; }
.wi_050 { width:  50px; }
.wi_055 { width:  55px; }
.wi_060 { width:  60px; }
.wi_065 { width:  65px; }
.wi_070 { width:  70px; }
.wi_075 { width:  75px; }
.wi_080 { width:  80px; }
.wi_085 { width:  85px; }
.wi_090 { width:  90px; }
.wi_095 { width:  95px; }
.wi_100 { width: 100px; }
.wi_110 { width: 110px; }
.wi_120 { width: 120px; }
.wi_130 { width: 130px; }
.wi_140 { width: 140px; }
.wi_150 { width: 150px; }
.wi_160 { width: 160px; }
.wi_170 { width: 170px; }
.wi_180 { width: 180px; }
.wi_190 { width: 190px; }
.wi_200 { width: 200px; }
.wi_278 { width: 278px; }
.wi_250 { width: 250px; }
.wi_300 { width: 300px; }
.wi_400 { width: 400px; }
.wi_500 { width: 500px; }

.hp_000 { clear: both; height:   0px; }
.hp_005 { clear: both; height:   5px; }
.hp_010 { clear: both; height:  10px; }
.hp_015 { clear: both; height:  15px; }
.hp_020 { clear: both; height:  20px; }
.hp_022 { clear: both; height:  22px; }
.hp_023 { clear: both; height:  23px; }
.hp_025 { clear: both; height:  25px; }
.hp_030 { clear: both; height:  30px; }
.hp_035 { clear: both; height:  35px; }
.hp_040 { clear: both; height:  40px; }
.hp_045 { clear: both; height:  45px; }
.hp_050 { clear: both; height:  50px; }
.hp_055 { clear: both; height:  55px; }
.hp_060 { clear: both; height:  60px; }
.hp_065 { clear: both; height:  65px; }
.hp_070 { clear: both; height:  70px; }
.hp_075 { clear: both; height:  75px; }
.hp_080 { clear: both; height:  80px; }
.hp_085 { clear: both; height:  85px; }
.hp_090 { clear: both; height:  90px; }
.hp_095 { clear: both; height:  95px; }
.hp_100 { clear: both; height: 100px; }
.hp_150 { clear: both; height: 150px; }
.hp_200 { clear: both; height: 200px; }

.fs_012 { font-size:  12px; }
.fs_005 { font-size:  05px; }
.fs_010 { font-size:  10px; }
.fs_015 { font-size:  15px; }
.fs_020 { font-size:  20px; }
.fs_025 { font-size:  25px; }
.fs_030 { font-size:  30px; }
.fs_035 { font-size:  35px; }
.fs_040 { font-size:  40px; }
.fs_045 { font-size:  45px; }
.fs_050 { font-size:  50px; }
.fs_055 { font-size:  55px; }
.fs_060 { font-size:  60px; }
.fs_065 { font-size:  65px; }
.fs_070 { font-size:  70px; }
.fs_075 { font-size:  75px; }
.fs_080 { font-size:  80px; }
.fs_085 { font-size:  85px; }
.fs_090 { font-size:  90px; }
.fs_095 { font-size:  95px; }
.fs_100 { font-size: 100px; }

.pd_005 { padding:  5px  5px  5px  5px; }
.pd_010 { padding: 10px 10px 10px 10px; }
.pd_020 { padding: 20px 10px  0px 10px; }
.tr_010 { padding: 10px  0px 10px  0px; }
.td_010 { padding:  0px 10px  0px 10px; }

.cp     { cursor     : pointer; }
.np     { cursor     : inherit; }

.fsw    { font-weight:    bold; }
.cc     { text-align :  center; }
.bbg    { background : #efefef; }

/* ABC */

.debug  { border: solid 1px red; }
.t-box  { border: solid 1px #dddddd; }

.square
{
	width     : 98%;
	height    : 90px;
	font-size : 15px;
	font-weight: bold;
}

.tabar
{
	height    : 100px;
	font-size : 30px;
	font-weight: bold;
}

.menu_box
{
	padding-top: 10px;
}

.star_point
{
	font-weight: bold;
	font-size:15px;
	color:#ffcc00
}

.list_contents
{
	border: solid 0px #999999;
	border-radius:10px; -moz-border-radius:10px; -web-kit-border-radius:10px; -khtml-border-radius:10px;
}

.white-bar, .wb
{
	color: #606060;
	border: solid 1px #eee;

	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	background: -webkit-linear-gradient(top,  #fff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fff 0%,#ededed 100%);      /* Opera 88810+ */
	background: -ms-linear-gradient(top,  #fff 0%,#ededed 100%);     /* IE10+ */
	background: linear-gradient(top,  #fff 0%,#ededed 100%);         /* W3C */

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');

	padding: 0px 5px 0px 5px;
	
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
}

.wl
{
	color: #606060;
	border: solid 1px #efefef;

	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef));
	background: -moz-linear-gradient(top,  #fff,  #efefef);
	background: -webkit-linear-gradient(top,  #fff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fff 0%,#efefef 100%);      /* Opera 88810+ */
	background: -ms-linear-gradient(top,  #fff 0%,#efefef 100%);     /* IE10+ */
	background: linear-gradient(top,  #fff 0%,#efefef 100%);         /* W3C */

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
	text-align:left;
	padding: 2px 5px 2px 5px;
}

.cl
{
	color: #606060;
	border: solid 1px #eee;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
	text-align:left;
	padding: 2px 5px 2px 5px;
}

.left   { text-align: left;   } 
.center { text-align: center; } 
.right  { text-align: right;  } 

/* tab bar */

#my_info_tap            { list-style-type:none; overflow:hidden; border-bottom:1px solid #ddd; margin-bottom:20px;}
#my_info_tap li         { float:left; margin-right:2px; margin-bottom:-1px;}
#my_info_tap li a       { display:block; background:#ededed; border:1px solid #ddd; padding:7px 30px;}
#my_info_tap li a:hover { background:#009ddf; color:#FFFFFF;}

#coconut_info           { border:5px solid #d9d9d9; padding:10px;}
#coconut_info p         { border-bottom:1px dotted #d9d9d9; padding-bottom:10px; margin-bottom:10px;}
.table_total            { border-top:2px solid #ddd;}

/* **************************************************************************************************************************************************** */
/* defained button */
/* **************************************************************************************************************************************************** */
.button { padding:3px; border:1px solid #ccc; border-radius:14px; -moz-border-radius:14px; -web-kit-border-radius:14px; -khtml-border-radius:14px; }

input[type=button],
input[type=checkbox],
input[type=color],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=hidden],
input[type=image],
input[type=month],
input[type=number],
input[type=password],
input[type=radio],
input[type=range],
input[type=reset],
input[type=search],
input[type=submit],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea 
{
	padding: 5px 0px 5px 3px;
	border:1px solid #ccc; 
	border-radius:4px; 
	-moz-border-radius:4px; 
	-web-kit-border-radius:4px; 
	-khtml-border-radius:4px; 
}

input[type=file]
{
	padding: 0px !important;
	border:1px solid blue !important;
	border-radius:4px !important;
	-moz-border-radius:4px !important;
	-web-kit-border-radius:4px !important;
	-khtml-border-radius:4px !important;
	
}

.admin_title
{
	width:98%;
	height:30px;
	line-height:30px;
	overflow: hidden;
	font-size:15px;
	font-weight:bold;
	color:#000;
	border: solid 0px red;
}

.mbox { width: 98%; border: solid 1px #ddd;  border-radius:0.5em; }
.sbox { width: 95%; padding:10px; }
.ebox { width:100%; padding:05px; }

.easyui-linkbutton {
	padding:3px;
	background: #fafafa;
	border: solid 1px #cfcfcf;
}

select 
{ 
	background: #ffffff;
	color: #000000;
	padding:3px 0px 3px 0px; 
	height: 27px;
	line-height: 27px;
	border:1px solid #ccc; 
	font-size:12px !important;

	         border-radius:4px; 
	    -moz-border-radius:4px; 
	-web-kit-border-radius:4px; 
	  -khtml-border-radius:4px; 
}

.i12 { width:12px; }
.i16 { width:16px; }
.i24 { width:24px; }
.i32 { width:32px; }

/* ********************************** */
/*             datepicker             */
/* ********************************** */

#ui-datepicker-div                              { display:none;}
.ui-datepicker .date-sunday .ui-state-default   { color: red; }
.ui-datepicker .date-saturday .ui-state-default { color:blue; }
.ui-datepicker .date-holiday0 .ui-state-default { color: red; }

/* ********************************** */
/*          file upload box           */
/* ********************************** */

#dialog { display:none; }


	.m_menu
	{
		float:left;
		width:120px;
		height:120px;
		text-align:center;
		background:#fff;

		border: 10px solid transparent;
	     -moz-border-image : -moz-linear-gradient(    top      , #3acfd5 0%, #36DA43 100% );
	  -webkit-border-image : -webkit-linear-gradient( top      , #3acfd5 0%, #36DA43 100% );
	          border-image : linear-gradient(         to bottom, #3acfd5 0%, #36DA43 100% );
	  border-image-slice: 1;

	 border: 10px solid #04D215;

  -webkit-border-radius:129px;
     -moz-border-radius:129px;
          border-radius:129px;

		color:#666;
		font-weight:bold;
		font-size:15px;
	}

	.m_menu:hover
	{
		float:left;
		width:120px;
		height:120px;
		border-radius: 120px;
		text-align:center;
		background:#fff;
		border:solid 10px #277BCF;
		color:#1B62C2;
		font-weight:bold;
		font-size:15px;
	}



	.debug   { border: solid 1px red; }
	.hidden  { display: none; }

	.wi_0010 { width: 100px; height: 25px; }
	.wi_0100 { width: 180px; height: 28px; }
	.wp_0090 { width:   90%; height: 28px; }

	.table_row {
		float      : left;
		text-align : left;
		padding    : 2px 10px 2px 10px;
		border     : solid 0px red;
	}

	.mm { display: xxxx; } /* mobile    :  800 */
	.tt { display: xxxx; } /* tablet    : 1100 */
	.nn { display: xxxx; } /* note book : 1600 */
	.pp { display: xxxx; } /* pc        :  ~   */
	.ee { display: none; } /* anti      :  ~   */
	.ss { display: xxxx; } /* KPB- 팝업 검색 등록 시 hidden  */
	.sp { display: xxxx; } /* KPB- 팝업 검색 등록, 모바일 보기 시 hidden  */


	.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden; } 
	.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%; } 

	#mmm { position:relative; float:left; width:12.5%; background:#fff; }	
	#nnn { position:relative; float:left; width:25%; background:#fff; }	
	#sss { position:relative; width:98%; height:24px; line-height:24px; border: solid 1px #fff; }
	#ggg { position:relative; height:50px; }

	.page_num                         { text-align:center; padding:10px 0; clear:both; }
	.page_num a                       { border-radius: .2em; display:inline-block; padding: 3px 10px; margin-left:4px; background:#fafafa; border:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; text-align:center;}
	.page_num a:first-child           { margin-left:0; }
	.page_num a:hover,.page_num a.sel { border-radius: .5em; background:#fff; border:1px solid #dfdfdf; border-bottom:1px solid #efefef; color: red; }
	.page_num a.first                 { padding-left :25px;background:url('/images/board/page_first.png') no-repeat 10px 50% #fafafa; }
	.page_num a.prev                  { padding-left :20px;background:url('/images/board/page_prev.png' ) no-repeat 10px 50% #fafafa; }
	.page_num a.next                  { padding-right:20px;background:url('/images/board/page_next.png' ) no-repeat 39px 50% #fafafa; }
	.page_num a.last                  { padding-right:25px;background:url('/images/board/page_last.png' ) no-repeat 39px 50% #fafafa; }
	.page_num + h2                    { margin-top:10px; }

	.mo                               { width: 50%; }
	.main                             { margin-top: 204px; overflow:hidden; }
	.main_head                        { height: 234px; background: #000000 url('/images/mark/web_banne_1.png'); }
	.row_s                            { float: right; }
	.row_r                            { float: right; padding-left: 5px;}
	
	.pm                               { display: inline; font-size:12px; }
	.mp                               { display: none; }
	.mm_input                         { width:98%; }

	.textarea       { overflow-y:scroll; widrh:50%; height:70px; padding:15px; border:1px solid #ddd; }
	.textarea + div { background:#f5f5f5; padding:5px 15px; border:1px solid #ddd; border-top:none; }
	
	.date   { background-image: url(/images/icon/cal-time.png); background-repeat: no-repeat; background-position: right; padding-top: 20px; background-position: 95%, 50%; cursor:pointer; }
	.sdate  { background-image: url(/images/icon/cal-time.png); background-repeat: no-repeat; background-position: right; padding-top: 20px; background-position: 95%, 50%; cursor:pointer; }
	.cnt    { background-image: url(/images/icon/arrow01.gif ); background-repeat: no-repeat; background-position: right; padding-top: 20px; background-position: 95%, 50%; }
	.spo    { background-image: url(/images/icon/spot01.gif  ); background-repeat: no-repeat; background-position: right; padding-top: 20px; background-position: 95%, 50%; }
	.krw    { background-image: url(/images/icon/icon_krw.png); background-repeat: no-repeat; background-position:  left; padding-top: 20px; background-position:  5%, 50%; text-align: right; }
	.nmb    { background-repeat: no-repeat; background-position:  left; padding-top: 20px; background-position:  5%, 50%; text-align: right; }

	.sbt    { background: #dfdfdf;color:#000000; border: solid 0px #efefef; border-radius: 5px 5px 0px 0px; }

	.clear {
		position: absolute;
		width:24px;
		height:20px;
		float:right;
		top: 3px;
		right: 55px;
		opacity:0.5;
		border: solid 0px red;
	}

	.nbd  { border: none; }
	.red  { color:  red; }
	.blue { color: blue; }

/* ********************************** */
/*                                    */
/*        mobile style sheets         */
/*                                    */
/* ********************************** */
/*
@media screen and ( max-width:1100px )
{
	 *         { font-size:12px; overflow-x:hidden; }
	.pp        { display: none; }
	.sp        { display: none; }
	.nn        { display: none; }
	.mw        { width: 98%; }
	.mo        { width: 90%; }
	.main      { margin-top: 10px; overflow:hidden; }
	/* .main_head { height: 50px; background: #000000 url('/images/mark/web_banne_1.png'); } */
	.row_s     { float: right; }
	
	.pm        { display: none; }
	.mp        { display: inline; font-size:11px; }

	#mmm       { float:left; width:25%; background:#fff;}	
	#nnn       { float:left; width:25%; background:#fff;}	
	#sss       { position:relative; width:98%; height:24px; line-height:24px; border: solid 1px #efefef; }
	#ggg       { position:relative; height:20px; }
	.mm_input  { width:98%; }
	
	
	.pcc       { display:none; }
	.mob       { display:block; }

	.pcpc      { display:     none; }
	.momo      { display:table-row; }
	.gab_mo    { height:450px; }

	.M_HEAD
	{
		cursor:pointer;
		width: 98%; height:35px; line-height:35px; background: #000;color:#efefef;
		-webkit-border-radius: .5em;
		-moz-border-radius: .5em;
		border-radius: .5em;
	}

	.S_HEAD
	{
		width: 98%; height:25px; line-height:25px; background: #fafafa;color:#000;
		text-align:left;
		-webkit-border-radius: .2em;
		-moz-border-radius: .2em;
		border-radius: .2em;
	}
	.smenu { padding-left: 20px; }
	
}

@media screen and ( max-width:600px )
{
	 *          { font-size:1.0em; overflow-x:hidden; }
	.pp         { display:       none; }
	.sp         { display:       none; }
	.tt         { display:       none; }
	.ee         { display: table-cell; }
	.mw         { width: 98%; }
	.mo         { width: 90%; }
	
	.main       { margin-top: 10px; overflow:hidden; }
	.main_head  { height: 50px; background: #000000; }
	.row_s      { float: left; }
	
	.error_page { width:90%; }
	
	.pm         { display: none; }
	.mp         { display: inline; font-size:11px; }
	
	#mmm        { width:50%; }	
	#nnn        { width:50%; }	
	#sss        { position:relative; width:98%; height:24px; line-height:24px; border: solid 1px #efefef; }
	#ggg        { position:absolute; height:150px; }
	.mm_input   { width:80px; }
}
*/


	/* 관리자 상단 메뉴 */

	.pcc    { display:block; }
	.mob    { display:none;  }
	.S_HEAD { display:none;  }

	.hidden { display:none;  }

	.pcpc   { display:table-row; }
	.momo   { display:     none; }

	.left_menu_close
	{
		z-index: 99999;
		position : fixed;
		display: none;
		top: 0;
		width: 90%;
		height:100%;
		background-color: #ffffff;
		border-right: solid 10px #dddddd;
	}

	.gab_mo { height:0px; }
/*
	@media screen and (max-width:1200px)
	{
		.pcc { display:none; }
		.mob { display:block; }

		.pcpc   { display:     none; }
		.momo   { display:table-row; }
		.gab_mo { height:450px; }

		.M_HEAD
		{
			cursor:pointer;
			width: 98%; height:35px; line-height:35px; background: #000;color:#efefef;
			-webkit-border-radius: .5em;
			-moz-border-radius: .5em;
			border-radius: .5em;
		}

		.S_HEAD
		{
			width: 98%; height:25px; line-height:25px; background: #fafafa;color:#000;
			text-align:left;
			-webkit-border-radius: .2em;
			-moz-border-radius: .2em;
			border-radius: .2em;
		}
		.smenu { padding-left: 20px; }
	}
*/





/*  KPB 추가분 */
/* input[required] { background-color: #FFFFEC; } */
input[readonly] { background-color: #FFFFEC; }
.call    { background-image: url(/images/icon/search_8.gif ); background-repeat: no-repeat; background-position: right; padding-top: 20px; background-position: 95%, 50%; }  /* 자동 검색하여 등록하는 입력 란 { background-color: #FFFFEC; } */
.cann    { background-color: #FFFFEC; }  /* 자동 검색하여 등록하는 번호 등록 란 */

.vtop {vertical-align: top;}

.b0 { border: 0px; }

.b1  { border: 1px solid #000; }
.b1t { border-top:    1px solid #000; }
.b1b { border-bottom: 1px solid #000; }
.b1l { border-left:   1px solid #000; }
.b1r { border-right:  1px solid #000; }

.b2  { border: 2px solid #000; }
.b2t { border-top:    2px solid #000; }
.b2b { border-bottom: 2px solid #000; }
.b2l { border-left:   2px solid #000; }
.b2r { border-right:  2px solid #000; }