body
{
	background:url(/images/bg.jpg)  center top ;
	font-family:맑은고딕, Arial, Helvetica, sans-serif;
	padding:0;
	font-size:12px;
	margin:0 auto;
	color: #000000;
	overflow: scroll;
}
.clear{
	clear:both;
	overflow: hidden;
}
a{
	color:#1690ee;
}

img{
 border:0;
 outline:none;
 /*//selector-dummy:expression(this.hideFocus=true); /**/
}

h2{
	font-size:20px;
	color:#313131;
	font-weight:normal;
	padding:0 0 20px 0;
	margin:0;
	clear:both;
}
h3{
	font-size:16px;
	color:#313131;
	font-weight:normal;
	margin:0;
	padding:50px 0 10px 0;
	/* float:left; /**/
	clear:both;
}
h3:nth-of-type(1) {
    padding-top: 20px;
}
a.forgot_pass{
	float:right;
	color:#313131;
	text-decoration:none;
	background:url(/images/help.png) no-repeat left;
	padding:0 0 0 18px;
	display:block;
	margin:15px 20px 0 0;
}
a.register{
	float:right;
	color:#313131;
	text-decoration:none;
	background:url(/images/register.png) no-repeat left;
	padding:0 0 0 18px;
	display:block;
	margin:15px 20px 0 0;
}
#main_container{
	margin:0 auto;
	width:1200px;
	padding:0 0 0 0;
}

#popup_container{
	margin:0 auto;
	padding:0 0 0 0;
}

.header{
	height:80px;
}
.header_login{
	width:800px;
	margin:auto;
}
.logo{
	float:left;
	padding:10px 0 0 0;
}
#clock_a{
	float:right;
	padding:15px 0 0 0;
}
.jclock{
	color:#FFFFFF;
	float:right;
	font-size:22px;
	font-weight:bold;
	padding:34px 25px 0 0;
}
.right_header{
	width:350px;
	float:right;
	text-align:right;
	color:#000000;
	padding:40px 0 0 0;
}
.right_header a{
	margin:0 5px 0 5px;
	text-decoration:underline;
	color:#000000;
}
.right_header a.messages{
	background:url(/images/comment.png) no-repeat right;
	padding-right:20px;
}
.right_header a.logout{
	background:url(/images/user_logout.png) no-repeat right;
	padding-right:20px;
}

.main_content{
	margin:0 auto;
	height:auto;
	padding:0 0 50px 0;
	/*background:url(/images/menu_bg.jpg) no-repeat center top #fff;*/
}
.pop_content{
	margin:0 auto;
	height:auto;
	padding:20px 20px 20px 20px;
}
.footer{width:1200px;height:87px;
	/*background:url(/images/footer_bg.jpg) no-repeat center top;*/
}
.footer_login{width:600px;margin:auto;}

.left_footer{float:left;padding:50px 0 0 50px;color:#000000;font-size:14px;}
.left_footer a{color:#FFFFFF;text-decoration:none;}
.right_footer{float:right;padding:50px 10px 0 0;color:#f05050}
.right_footer a{color:#f05050;text-decoration:none;}
.left_footer_login{float:left;padding:15px 0 0 10px;color:#f05050;font-size:11px;}
.left_footer_login a{color:#FFFFFF;text-decoration:none;}
.right_footer_login{float:right;padding:15px 10px 0 0;}
/*---------------- menu----------------------*/
.menu {font-size:12px;padding:0 10px 0 10px; float:left; width:100%; color: #ffffff; background-color: #4c4c4c;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}

/* style the sub-level lists */
.menu ul ul {width: auto;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left; height:35px;line-height:35px; position: relative;}

/* style the sub level list items */
.menu ul ul li {display:block;width: auto;position:relative;-line-height:1em;margin-right: 3px;margin-top: 2px;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;max-height:100%;font-size:12px;text-decoration:none;color:#ffffff;padding:0 21px 0 17px;}
.menu li.current a, .menu a.current{background-color: #9d9d9d;}
/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:#b1b2b3; border-bottom:1px #ffffff solid; color:#535353;min-width:12em;35px;line-height:35px;text-align: center;}
.menu ul ul a.current {
	color: #fff;
}
.menu ul ul a.disabled,
.menu ul ul a.disabled:hover,
.menu ul ul a.disabled:active,
.menu ul ul a.disabled:focus {
	color: #999 ;
	background: #BFBDBD;
	text-decoration: line-through;
}
.menu ul table ul a, .menu ul table ul a:visited  {width:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#b1b3b5;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#b1b3b5;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:url(/images/arrow.gif) no-repeat right #808080;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:url(/images/arrow.gif) no-repeat right #088bb4;}

/* style the level hovers */
/* first */
.menu a:hover {color:#fff; /*background:url(/images/menu_bg.gif) repeat-x center;*/}
.menu :hover > a {color:#fff; /*background:url(/images/menu_bg.gif) repeat-x center;*/}
/* second */
.menu ul ul a:hover{color:#fff;/*background:url(/images/menu_bg_a.gif) repeat-x center;*/}
.menu ul ul :hover > a {color:#fff;/*background:url(/images/menu_bg_a.gif) repeat-x center;*/}
/* third */
/*.menu ul ul ul a:hover {background:url(/images/menu_bg_a.gif) repeat-x center;}
.menu ul ul ul :hover > a {background:url(/images/menu_bg_a.gif) repeat-x center;}
.menu ul ul ul ul a:hover {background:url(/images/menu_bg_a.gif) repeat-x center;}
*/

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:34px;left:0;width:60em; z-index:999;}
/* :not() < ie9  */
.menu:not(:hover) ul li.current ul {visibility: visible;}

/* position the third level flyout menu */
.menu ul ul ul{left:14em;top:0;width:14em;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-14em;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}


.menu-depth-3, .menu-depth-4 {
    margin: 0 0 20px 0;
}





.center_content{
    clear:both;
}

.left_content{
    width:195px;
    float:left;
    padding:45px 0 0 20px;
}
/* 1225 + 195*/
.right_content{
    padding:45px 20px 0 20px;
    position:relative;
}

.sidebarmenu{
    margin:0 0;
    padding:0;
    min-width: 195px;
}
.sidebarmenu a.menuitem{
    /*background:url(/images/sidebar_menu_top.gif) no-repeat center top;*/
    background-color: #d0d0d0;
    color: #535353;
    display: block;
    position: relative;
    width:185px;
    height:31px;
    margin:0 0 5px 0;
    line-height:31px;
    padding:0 0 0 10px;
    text-decoration: none;
}
.sidebarmenu a.menuitem_green{
    /*background:url(/images/green_bt.gif) no-repeat center top;*/
    background-color: #afc642;
    color: #535353;
    display: block;
    position: relative;
    width:185px;
    height:31px;
    margin:0 0 5px 0;
    line-height:31px;
    padding:0 0 0 10px;
    text-decoration: none;
}
.sidebarmenu a.menuitem_red{
    /*background:url(/images/red_bt.gif) no-repeat center top;*/
    background-color: #f75340;
    color: #535353;
    display: block;
    position: relative;
    width:185px;
    height:31px;
    margin:0 0 5px 0;
    line-height:31px;
    padding:0 0 0 10px;
    text-decoration: none;
}
.sidebarmenu a.menuitem:hover{
    background:url(/images/sidebar_menu_top_a.gif) no-repeat center top;
}
.sidebarmenu a.menuitem_green:hover{
    background:url(/images/green_bt_a.gif) no-repeat center top;
}
.sidebarmenu a.menuitem_red:hover{
    background:url(/images/red_bt_a.gif) no-repeat center top;
}

.sidebarmenu a.menuitem:visited, .sidebarmenu .menuitem:active{
    color: white;
}
.sidebarmenu a.menuitem .statusicon{
    position: absolute;
    top:11px;
    right:7px;
    border: none;
}

.sidebarmenu div.submenu{
    background: white;
}
.sidebarmenu div.submenu ul{
    list-style-type: none;
    margin: 0;
    padding: 0 0 5px 0;
}
.sidebarmenu div.submenu ul li{
    border-bottom: 1px dotted #bfd1d9;
}
.sidebarmenu div.submenu ul li a{
    display: block;
    color: black;
    text-decoration: none;
    padding: 5px 0 5px 10px;
}
.sidebarmenu div.submenu ul li a:hover{
    background: #e2f0ff;
    color: #0e4354;
}

.sidebar_search{
    background:url(/images/sidebar_menu_top.gif) no-repeat center;
    width:195px;
    height:31px;
    margin:0 0 5px 0;
}
input.search_input{
    width:155px;
    height:16px;
    margin:5px 0 0 5px;
    border:1px #bdebfd solid;
    background:#92dbf8;
    padding:4px 0 0 2px;
    float:left;
    color:#096184;
    font-size:11px;
}
input.search_submit{
    float:left;
    background:none;
    border:none;
    margin:7px 0 0 8px;
}

/* 기본 테이블 디자인 */
.table-default {
    margin:0;
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    font-size: 13px;
}
.table-default th {
    padding: 8px;
    font-weight: normal;
    color: #535353;
    background: #d0d0d0;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.table-default th:first-child {
    border-left: 0;
}
.table-default td {
    padding: 8px;
    background: #f1f1f1;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color: #535353;
}
.table-default td:first-child {
    border-left: 0;
}

.table-default input[type=text] {
    padding: 3px;
}
.table-default input[type=text][readonly] {
    background: #f7f7f7;
    border: 1px solid #a9a9a9;
    color: #818181;
}
.required:before {
    content: "* ";
    color: red;
}
.table-default.table-form {
}

.form-description {
    color: #666666;
}

.form-description + .table-default.table-form {
    margin-top: 4px;
}
.table-default + .form-description {
    margin-top: 4px;
}

.modal-default {
    
}


.label.label-style-block {
    display: inline-block;
    white-space: normal;
    line-height: 1.3;
}

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

.w-per-1 { width: 1% !important;}
.w-per-2 { width: 2% !important;}
.w-per-3 { width: 3% !important;}
.w-per-4 { width: 4% !important;}
.w-per-5 { width: 5% !important;}
.w-per-6 { width: 6% !important;}
.w-per-7 { width: 7% !important;}
.w-per-8 { width: 8% !important;}
.w-per-9 { width: 9% !important;}
.w-per-10 { width: 10% !important;}
.w-per-20 { width: 20% !important;}
.w-per-30 { width: 30% !important;}
.w-per-40 { width: 40% !important;}
.w-per-50 { width: 50% !important;}
.w-per-60 { width: 60% !important;}
.w-per-70 { width: 70% !important;}
.w-per-80 { width: 80% !important;}
.w-per-90 { width: 90% !important;}
.w-per-95 { width: 95% !important;}
.w-per-100 { width: 100% !important;}

.w-px-10 { width: 20px !important;}
.w-px-20 { width: 20px !important;}
.w-px-30 { width: 30px !important;}
.w-px-40 { width: 40px !important;}
.w-px-50 { width: 50px !important;}
.w-px-60 { width: 60px !important;}
.w-px-70 { width: 70px !important;}
.w-px-80 { width: 80px !important;}
.w-px-90 { width: 90px !important;}
.w-px-100 { width: 100px !important;}
.w-px-110 { width: 110px !important;}
.w-px-120 { width: 120px !important;}
.w-px-130 { width: 130px !important;}
.w-px-140 { width: 140px !important;}
.w-px-150 { width: 150px !important;}
.w-px-160 { width: 160px !important;}
.w-px-170 { width: 170px !important;}
.w-px-180 { width: 180px !important;}
.w-px-190 { width: 190px !important;}
.w-px-200 { width: 200px !important;}
.w-px-210 { width: 210px !important;}
.w-px-220 { width: 220px !important;}
.w-px-230 { width: 230px !important;}
.w-px-240 { width: 240px !important;}
.w-px-250 { width: 250px !important;}
.w-px-260 { width: 260px !important;}
.w-px-270 { width: 270px !important;}
.w-px-280 { width: 280px !important;}
.w-px-290 { width: 290px !important;}
.w-px-300 { width: 300px !important;}


#rounded-corner2
{
    margin:0;
    width:100%;

    text-align: left;
    border-collapse: collapse;
}
#rounded-corner2 thead th.rounded-company
{
    width:100px;
    background: #d0d0d0 url('/images/left.jpg') left top no-repeat;
}
#rounded-corner2 thead th.rounded-q4
{
    background: #d0d0d0 url('/images/right.jpg') right top no-repeat;
}
#rounded-corner2 th
{
    padding: 8px;
    font-weight: normal;
    font-size: 13px;
    color: #535353;
    background: #d0d0d0;
}
#rounded-corner2 td
{
    padding: 8px;
    background: #fafafa;
    border-top: 1px solid #fff;
    color: #535353;
}
/*
#rounded-corner2 tfoot td.rounded-foot-left
{
    background: #fafafa url('/images/botleft.jpg') left bottom no-repeat;
}
#rounded-corner2 tfoot td.rounded-foot-right
{
    background: #fafafa url('/images/botright.jpg') right bottom no-repeat;
}
#rounded-corner2 tbody tr:hover td
{
    background: #fffffa;
}
*/

#rounded-corner
{
	margin: 4px 0;
	width:100%;
	border-collapse: collapse;
}
#rounded-corner thead:first-child th:first-child,
#rounded-corner thead th.rounded-company
{
	width:100px;
	border-top-left-radius: 6px;
	background: #d0d0d0 url('/images/left.jpg') left top no-repeat;
}
#rounded-corner thead:first-child th:last-child,
#rounded-corner thead th.rounded-q4
{
	border-top-right-radius: 6px;
	background: #d0d0d0 url('/images/right.jpg') right top no-repeat;
}
#rounded-corner th
{
    padding: 8px;
    /*font-weight: normal; /**/
    /*font-size: 13px; /**/
    color: #535353;
    background: #d0d0d0;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
#rounded-corner th:first-child
{
    border-left: 0;
}
#rounded-corner td
{
    padding: 8px;
    background: #f1f1f1;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color: #535353;
}
#rounded-corner td:first-child
{
    border-left: 0;
}
#rounded-corner tbody > tr > th
{
	background: #e9e9e9;
}
#rounded-corner thead tr.text-center th:not(.text-left):not(.text-right),
#rounded-corner tbody tr.text-center th:not(.text-left):not(.text-right),
#rounded-corner tbody tr.text-center td:not(.text-left):not(.text-right) {
	text-align: center;
}
#rounded-corner thead tr.text-left th:not(.text-center):not(.text-right),
#rounded-corner tbody tr.text-left th:not(.text-center):not(.text-right),
#rounded-corner tbody tr.text-left td:not(.text-center):not(.text-right) {
	text-align: left;
}
#rounded-corner thead tr.text-right th:not(.text-center):not(.text-left),
#rounded-corner tbody tr.text-right th:not(.text-center):not(.text-left),
#rounded-corner tbody tr.text-right td:not(.text-center):not(.text-left) {
	text-align: right;
}

#rounded-corner thead tr.active th,
#rounded-corner tbody tr.active th,
#rounded-corner tbody tr.active td {
	background-color: #0E901E;
	color: #fff;
}
#rounded-corner thead tr.active th a,
#rounded-corner tbody tr.active th a,
#rounded-corner tbody tr.active td a {
	color: #fff;
}

#rounded-corner td hr.horizontal-line
{
    margin-top: 3px;
    margin-bottom: 3px;
    border: 0;
    border-top: solid 1px #fff;
}

.search-box {
    width: 100%;
}
/*
#rounded-corner tfoot td.rounded-foot-left
{
	background: #fafafa url('/images/botleft.jpg') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #fafafa url('/images/botright.jpg') right bottom no-repeat;
}
#rounded-corner tbody tr:hover td
{
	background: #fffffa;
}
*/

.question {
	position: absolute;
	display: inline;
	text-align: center;
	width: 174px;
	height: 78px;
	font-size: 13px;
	line-height: 1.5em;
	background: url('/images/bubble.png') left top no-repeat;
	padding: 10px 0 0 0;
	text-shadow: 0 1px 0 #fff;
	margin-left: -7em;
	margin-top: -6em;
	opacity: 0;
}

.yes{
	margin-top: .5em;
	margin-right: .5em;
	cursor: pointer;
	display: inline-block;
	width: 63px;
	height: 21px;
	color: #434d17;
	text-shadow: 0 1px 0 #fff;
	background: url('/images/buttony.png') left top no-repeat;
}
.cancel {
	margin-top: .5em;
	margin-right: .5em;
	cursor: pointer;
	display: inline-block;
	width: 63px;
	height: 21px;
	color: #fff;
	text-shadow: 0 1px 0 #000;
	background: url('/images/buttonn.png') left top no-repeat;
}

input[type=text],
input[type=password] {
    /* margin: 5px 0; /**/
}

a.bt_green{display:block; float:right; margin:10px 5px 10px 5px; line-height:31px; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px #8fa42b;}
a.bt_green strong{width:auto;height:31px; padding:0 10px 0 10px;display:block; float:left;background:url(/images/bt_green_center.gif) repeat-x center;}
a.bt_green span.bt_green_lft{width:10px;height:31px;display:block; float:left;background:url(/images/bt_green_left.gif) no-repeat center right;}
a.bt_green span.bt_green_r{width:10px;height:31px;display:block; float:left;background:url(/images/bt_green_r.gif) no-repeat center right;}
a:hover.bt_green{ text-decoration:underline;}

a.bt_blue{display:block; float:right; margin:10px 5px 10px 5px; line-height:31px; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px #3597bf;}
a.bt_blue strong{width:auto;height:31px; padding:0 10px 0 10px;display:block; float:left;background:url(/images/bt_blue_center.gif) repeat-x center;}
a.bt_blue span.bt_blue_lft{width:10px;height:31px;display:block; float:left;background:url(/images/bt_blue_left.gif) no-repeat center right;}
a.bt_blue span.bt_blue_r{width:10px;height:31px;display:block; float:left;background:url(/images/bt_blue_r.gif) no-repeat center right;}
a:hover.bt_blue{ text-decoration:underline;}

a.bt_red{display:block; float:right; margin:10px 5px 10px 5px; line-height:31px; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px #c24739;}
a.bt_red strong{width:auto;height:31px; padding:0 10px 0 10px;display:block; float:left;background:url(/images/bt_red_center.gif) repeat-x center;}
a.bt_red span.bt_red_lft{width:10px;height:31px;display:block; float:left;background:url(/images/bt_red_left.gif) no-repeat center right;}
a.bt_red span.bt_red_r{width:10px;height:31px;display:block; float:left;background:url(/images/bt_red_r.gif) no-repeat center right;}
a:hover.bt_red{ text-decoration:underline;}

a.bt_blue_l{display:block; float:left; margin:10px 5px 10px 5px; line-height:31px; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px #3597bf;}
a.bt_blue_l strong{width:auto;height:31px; padding:0 10px 0 10px;display:block; float:left;background:url(/images/bt_blue_center.gif) repeat-x center;}
a.bt_blue_l span.bt_blue_lft{width:10px;height:31px;display:block; float:left;background:url(/images/bt_blue_left.gif) no-repeat center right;}
a.bt_blue_l span.bt_blue_r{width:10px;height:31px;display:block; float:left;background:url(/images/bt_blue_r.gif) no-repeat center right;}
a:hover.bt_blue_l{ text-decoration:underline;}

a.bt_green_l{display:block; float:left; margin:10px 5px 10px 5px; line-height:31px; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px #8fa42b;}
a.bt_green_l strong{width:auto;height:31px; padding:0 10px 0 10px;display:block; float:left;background:url(/images/bt_green_center.gif) repeat-x center;}
a.bt_green_l span.bt_green_lft{width:10px;height:31px;display:block; float:left;background:url(/images/bt_green_left.gif) no-repeat center right;}
a.bt_green_l span.bt_green_r{width:10px;height:31px;display:block; float:left;background:url(/images/bt_green_r.gif) no-repeat center right;}
a:hover.bt_green_l{ text-decoration:underline;}

a.bt_red_l{display:block; float:left; margin:10px 5px 10px 5px; line-height:31px; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px #c24739;}
a.bt_red_l strong{width:auto;height:31px; padding:0 10px 0 10px;display:block; float:left;background:url(/images/bt_red_center.gif) repeat-x center;}
a.bt_red_l span.bt_red_lft{width:10px;height:31px;display:block; float:left;background:url(/images/bt_red_left.gif) no-repeat center right;}
a.bt_red_l span.bt_red_r{width:10px;height:31px;display:block; float:left;background:url(/images/bt_red_r.gif) no-repeat center right;}
a:hover.bt_red_l{ text-decoration:underline;}

.sidebar_box{
width:195px;
padding:15px 0 5px 0;
}
.sidebar_box_top{width:195px;height:8px;background:url(/images/sidebar_box_top.gif) no-repeat center bottom;}
.sidebar_box_bottom{width:195px;height:8px;background:url(/images/sidebar_box_bottom.gif) no-repeat center bottom;}
.sidebar_box_content{width:175px;height:auto;background-color:#ecf8fd; padding:0 10px 0 10px;}

.sidebar_box_content h3{ color:#49bae8; float:left; font-size:18px; margin:0;padding:0; font-weight:normal;}
.sidebar_box_content h4{ color:#f75744; float:left; font-size:18px; margin:0;padding:0; font-weight:normal;}
.sidebar_box_content h5{ color:#a4bf40; float:left; font-size:18px; margin:0;padding:0; font-weight:normal;}
.sidebar_box_content p{padding:5px 0 5px 0; margin:0; clear:both; font-size:11px; text-align:left; line-height:17px;}
img.sidebar_icon_right{
float:right; padding:0 0 0 0;
}
.sidebar_box_content ul{
	list-style:none;
	padding:10px 0 10px 0;
	margin:0;
	clear:both;
}
.sidebar_box_content ul li{
	padding:5px 0 5px 10px;
	background:url(/images/list_bullet.gif) no-repeat left top;
	background-position:0 10px;
}


.warning_box{
	width:540px;clear:both;background:url(/images/warning.png) no-repeat left #fcfae9;
	border:1px #e9e6c7 solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:0 0 10px 0;
}

.valid_box{width:540px;clear:both;background:url(/images/valid.png) no-repeat left #edfce9;
	border:1px #cceac4 solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:0 0 10px 0;
}

.error_box{width:540px;clear:both;background:url(/images/error.png) no-repeat left #fce9e9;
	border:1px #eac7c7 solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:0 0 10px 0;
}

.warning_box_pop{width:100%;clear:both;background:url(/images/warning.png) no-repeat left #fcfae9;
	border:1px #e9e6c7 solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:0 0 10px 0;
}

.valid_box_pop{width:100%;clear:both;background:url(/images/valid.png) no-repeat left #edfce9;
	border:1px #cceac4 solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:0 0 10px 0;
}

.error_box_pop{width:100%;clear:both;background:url(/images/error.png) no-repeat left #fce9e9;
	border:1px #eac7c7 solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:0 0 10px 0;
}

/*--------------*/
div.pagination {
	width:1150px;
	clear:both;
	padding:10px 0 10px 0;
	margin:0px;
	text-align:center;
	float:left;
    font-size:11px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 5px;
	border: 1px solid #b1b3b5;
	text-decoration: none;
	color: #b1b3b5;
}
div.pagination a:hover, div.pagination a:active {
	border:1px solid #b1b3b5;
	color: #fff;
	background-color: #b1b3b5;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 5px;
	border: 1px solid #b1b3b5;
	font-weight: bold;
	background-color: #b1b3b5;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 5px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}

div.pagination2 {
    width:200px;
    clear:both;
    padding:10px 0 10px 0;
    margin:0;
    text-align:center;
    float:left;
    font-size:11px;
}

div.pagination2 a {
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    border: 1px solid #b1b3b5;
    text-decoration: none;
    color: #b1b3b5;
}
div.pagination2 a:hover, div.pagination a:active {
    border:1px solid #b1b3b5;
    color: #fff;
    background-color: #b1b3b5;
}
div.pagination2 span.current {
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    border: 1px solid #b1b3b5;
    font-weight: bold;
    background-color: #b1b3b5;
    color: #FFF;
}
div.pagination2 span.disabled {
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    border: 1px solid #f3f3f3;
    color: #ccc;
}

.image_set {margin:0 auto;width:500px;height:152px;position:relative;}

.image_set .num_style{position:relative;right:0;top:0;float:left;padding:0 0 0 20px;}
.image_set .num_style ul{float:left;}

.image_set .num_style span{position:absolute;right:5px;bottom:7px;float:left;padding:0 0 0 3px;text-decoration:none;background:url('/images/num.gif') repeat-x top left;border:solid 2px #fff;border-radius:10px;-webkit-border-radius:10px;box-shadow:1px 1px 3px #666;-webkit-box-shadow:1px 1px 3px #666;}
.image_set .num_style span em{display:block;padding:0 3px 0 0;line-height:14px;height:14px;color:#fff;font-size:11px;font-weight:bold;}

* html .image_set .num_style span{padding:0 0 0 8px;border:none;background:url('/images/num1.gif') no-repeat top left;cursor:pointer;}
* html .image_set .num_style span em{padding:0 8px 0 0;float:left;line-height:16px;height:18px;background:url('/images/num2.gif') no-repeat top right;}

.page_current {
	font: bold 1em gulim;
	color: #ffffff;
}

#three_div{
    width: 1470px;
    margin: 0 auto;
    padding: 0;
    border: 0 solid #828282;
}
#snb{
    margin: 0 ;
    padding: 0;
    width: 200px;
    float: left;
    border: 0 solid #828282;
}
#three_center{
    margin-left:30px;
    margin-bottom: 20px ;
    padding: 0;
    width: 300px;
    height: 800px;
    float: left;
    border: 0 solid #828282;

}
#aside{
    margin-bottom: 20px ;
    padding: 0;
    width: 1320px;
    height: 800px;
    float:right;
    border: 0 solid #828282;
}


.termsOfUse {
    width: 100%;
    max-width: 900px;
    height: 320px;
    overflow: hidden;
    overflow-y: scroll;
    background-color: #fff;
    margin: 0;
    padding: 0;
	border: 0;
}

dl.os-price {
    max-width: 300px;
}
dl.os-price dd {
    text-align: right;
}
dl.os-price dd span {
    margin-right: 8px;
}

/** string, uncaose@gmail.com */
.ellipsis { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.nowrap { white-space: nowrap; }

/** 단위, uncaose@gmail.com **/
.pull-width { width: 100%;}
.unit-money {display: inline-flex; text-align: left; font-weight:bold; font-size:16px;}
/*.unit-money:before { display: inline-block; margin: 0 1px 0 0; font-weight:normal; color:#b6b6b6 ; font-size:15px; content: "￦"; position: relative; vertical-align: super; text-transform: uppercase; letter-spacing: 1px; } /**/
.unit-money:after { display: inline-block; color: #b6b6b6; margin: 0 8px 0 0; content: "￦"; position: relative; right:-3px; font-weight: 700; font-size: .85em; vertical-align: super; text-transform: uppercase; letter-spacing: 1px; }
.unit-money-usd:after { display: inline-block; color: #b6b6b6; margin: 0 8px 0 0; content: "$"; position: relative; right:-3px; font-weight: 700; font-size: .85em; vertical-align: super; text-transform: uppercase; letter-spacing: 1px; }
.unit-money-euro:after { display: inline-block; color: #b6b6b6; margin: 0 8px 0 0; content: "€"; position: relative; right:-3px; font-weight: 700; font-size: .85em; vertical-align: super; text-transform: uppercase; letter-spacing: 1px; }
.unit-money-jpy:after { display: inline-block; color: #b6b6b6; margin: 0 8px 0 0; content: "￥"; position: relative; right:-3px; font-weight: 700; font-size: .85em; vertical-align: super; text-transform: uppercase; letter-spacing: 1px; }
.unit-persent {display: inline-flex; text-align: right;}
.unit-persent:after { display: inline-block; margin: 0 8px 0 0; content: "%"; position: relative; right:-3px; font-weight: 700; font-size: .85em; vertical-align: super; text-transform: uppercase; letter-spacing: 1px; }
.unit-point {display: inline-flex; text-align: right;}
.unit-point:after { display: inline-block; margin: 0 8px 0 0; content: "p"; position: relative; right:-3px; font-weight: 700; font-size: .85em; vertical-align: super; text-transform: uppercase; letter-spacing: 1px; }
.unit-lv {display: inline-flex; text-align: right;}
.unit-lv:after { display: inline-block; margin: 0 8px 0 0; content: "Lv"; position: relative; right:-3px; font-weight: 700; font-size: .85em; vertical-align: super; text-transform: uppercase; letter-spacing: 1px; }
.unit-year {display: inline-flex; text-align: right;}
.unit-year:after { display: inline-block; margin: 0 8px 0 0; content: "년"; position: relative; right:-3px; font-weight: 700; font-size: .85em; vertical-align: super; text-transform: uppercase; letter-spacing: 1px; }
.unit-monty {display: inline-flex; text-align: right;}
.unit-monty:after { display: inline-block; margin: 0 8px 0 0; content: "월"; position: relative; right:-3px; font-weight: 700; font-size: .85em; vertical-align: super; text-transform: uppercase; letter-spacing: 1px; }
.unit-day {display: inline-flex; text-align: right;}
.unit-day:after { display: inline-block; margin: 0 8px 0 0; content: "일"; position: relative; right:-3px; font-weight: 700; font-size: .85em; vertical-align: super; text-transform: uppercase; letter-spacing: 1px; }
.unit-hour {display: inline-flex; text-align: right;}
.unit-hour:after { display: inline-block; margin: 0 8px 0 0; content: "시"; position: relative; right:-3px; font-weight: 700; font-size: .85em; vertical-align: super; text-transform: uppercase; letter-spacing: 1px; }
.unit-minute {display: inline-flex; text-align: right;}
.unit-minute:after { display: inline-block; margin: 0 8px 0 0; content: "분"; position: relative; right:-3px; font-weight: 700; font-size: .85em; vertical-align: super; text-transform: uppercase; letter-spacing: 1px; }
.unit-second {display: inline-flex; text-align: right;}
.unit-second:after { display: inline-block; margin: 0 8px 0 0; content: "초"; position: relative; right:-3px; font-weight: 700; font-size: .85em; vertical-align: super; text-transform: uppercase; letter-spacing: 1px; }
.unit-ea {display: inline-flex; text-align: right;}
.unit-ea:after { display: inline-block; margin: 0 8px 0 0; content: "개"; position: relative; right:-3px; font-weight: 700; font-size: .85em; vertical-align: super; text-transform: uppercase; letter-spacing: 1px; }
.unit-sw {display: inline-flex; text-align: right;}
.unit-sw:after { display: inline-block; margin: 0 8px 0 0; content: "식"; position: relative; right:-3px; font-weight: 700; font-size: .85em; vertical-align: super; text-transform: uppercase; letter-spacing: 1px; }
.unit-event {display: inline-flex; text-align: right;}
.unit-event:after { display: inline-block; margin: 0 8px 0 0; content: "건"; position: relative; right:-3px; font-weight: 700; font-size: .85em; vertical-align: super; text-transform: uppercase; letter-spacing: 1px; }
.unit-view {display: inline-flex; text-align: right;}
.unit-view:after { display: inline-block; margin: 0 8px 0 0; content: "건"; position: relative; right:-3px; font-weight: 700; font-size: .85em; vertical-align: super; text-transform: uppercase; letter-spacing: 1px; }
.unit-site {display: inline-flex; text-align: right;}
.unit-site:after { display: inline-block; margin: 0 8px 0 0; content: "건"; position: relative; right:-3px; font-weight: 700; font-size: .85em; vertical-align: super; text-transform: uppercase; letter-spacing: -1px; }
.label:after { color: #fff }

.thumbnail.ta {
	margin: 0 auto;
	padding: 0;
	width: 120px;
	height: 140px;
	background-repeat: no-repeat;
	background-position: -1% -1%;
	background-image: url('/images/logo_default.png');
	background-color: #fff;
	-webkit-background-size: 102% 102%;
	background-size: 102% 102%;
	overflow: hidden;
}

.thumbnail.ta img {
	min-width: 102%;
	min-height: 102%;
	margin: 0;
	padding: 0;
	margin-top: -1%;
	margin-left: -1%;
}

.list-inline.ta {
	margin: 0;
}

.list-inline.ta li {
	margin: 0;
	padding: 0;
}

.list-inline.ta li:not(:first-child) {
	padding-left: 0;
	padding-right: 5px;
}
.list-inline.ta li:not(:first-child):before{
	padding-right: 5px;
	font-weight: darkbold;
	color: red;
	content: "|";
}


#ranking-inspect-page {

}

#ranking-inspect-page .ranking-inspect-cell {
    position: relative;
    overflow: hidden;
    padding: 0;
}

#ranking-inspect-page .ranking-inspect-image {
    margin-top: 5px;
    margin-bottom: 60px;
}
#ranking-inspect-page .ranking-inspect-form {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 5px 0;
    width: 100%;
}
#ranking-inspect-page .ranking-inspect-form label {
    padding: 2px 2px;
    font-size: 12px;
    letter-spacing: -1px;
}
#ranking-inspect-page .ranking-inspect-form label.status-1-label.active {
    background-color: #5bc0de;
    color: #ffffff;
}
#ranking-inspect-page .ranking-inspect-form label.status-2-label.active {
    background-color: #5cb85c;
    color: #ffffff;
}
#ranking-inspect-page .ranking-inspect-form label.status-3-label.active {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}
#ranking-inspect-page .ranking-inspect-form input[type=radio] {
    margin: 0;
    vertical-align: middle;
}
#ranking-inspect-page .ranking-inspect-form textarea {
    width: 120px;
    height: 24px;
    padding: 1px 5px;
    margin: 2px auto 0;
}

.input-group .input-group-btn select {
	-webkit-appearance: menulist; /* Safari and Chrome */
	-moz-appearance: menulist; /* Firefox */
	appearance: menulist;
	line-height: normal;
	border-top-left-radius: 3px;
	border-top-right-radius: 0;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 0;
	background-color: #fff;
	border: 1px solid #ccc;
	border-right: 0;
}


/* Add C.H */
.list-inline.list-inline-division {
	margin-bottom: 0;
}
.list-inline.list-inline-division>li{
	padding-left: 0;
	padding-right: 0;
}
.list-inline.list-inline-division>li:not(:first-child):before{
	content: "/";
	margin-left: 6px;
	margin-right: 8px;
}